[HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

Page 4 of 7 FirstFirst 1234567 LastLast
Results 46 to 60 of 98
  1. #46
    Hardcore Member B3T4T3ST3 is offline
    MemberRank
    Dec 2013 Join Date
    143Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    So.. dead development?

  2. #47
    o/ Konquer is online now
    True MemberRank
    Apr 2014 Join Date
    456Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Quote Originally Posted by B3T4T3ST3 View Post
    So.. dead development?
    Enjoying the holidays. Will get back to everyone that have pm'ed me regarding this in a few days.
    Last edited by Konquer; 4 Weeks Ago at 11:07 AM.

  3. #48
    Registered silber112 is offline
    MemberRank
    Dec 2017 Join Date
    9Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Cant wait for this .. Any news?

  4. #49
    o/ Konquer is online now
    True MemberRank
    Apr 2014 Join Date
    456Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Taking a break from this to focus on my professional tetris career. Thread can be closed until further notice o/

    Here's the source

  5. #50
    dont judge me Wuzix is online now
    True MemberRank
    Sep 2013 Join Date
    C:\inetpub\wwwLocation
    406Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]


  6. #51
    o/ Konquer is online now
    True MemberRank
    Apr 2014 Join Date
    456Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    This little gem has been dusting on my shelf for half a year now.. time to bring it some much desired love.

    • Client now requests rooms from the different navigator tabs properly
    • Rounded canvas draw coordinates to the nearest decimal to avoid entities being blurry when applying movement animations
    • Added an fps cap to entity movement because moving avatars at 144fps looks unnatural and unlike Habbo
    • Prototyping furnitures (more below)


    Here's some insight on how i'm planning to do furniture and how it is currently.

    1. Most furniture will typically consist of a script file and a spritesheet (both loaded on demand ofc)
    2. The scriptfile will be eventbased. This means that future more complex furniture can be made simply by exposing new events to the scripts instead of modifying some global item interface that all furniture depend on. Imagine wanting to create the tent furnitures but we have no way of checking when the user is in the tent to change the sprite to show the inside. No problem, just expose an onAvatarWalkEvent and let the furniture scripts subscribe to it.
    3. The scriptfile will have access to the entire application, so your furniture can basically do.. whatever you want them to do. Much like a plugin system would work.



    Example of a simple pineapple furniture




  7. #52
    o/ Konquer is online now
    True MemberRank
    Apr 2014 Join Date
    456Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Items are made out of itemparts. Each square has a renderstack of entities. Each itempart, like avatars, are added to its respective renderstack (chosen in the furniture script with coordinates relative to the parent items coordinates). This is currently how depth mapping is achieved. Having multiple itemparts is necessary because different sprites have to be rendered from different renderstacks to mimic habbo's rendering style where furniture with a size larger than 1 square can overlap furniture on other tiles.

    it's 06am i need sleep, here's a gif for your entertainment. will add some more furniture tomorrow with different sizes




    oh and yeah decided to ditch typescript for furniture scripts as most people probably prefer plain js. also nice to have more options, now you can create furnitures with whatever language you want as long as it compiles down to js

    here's how the pineapple plant script from the gif above looks now

    Attached Thumbnails Attached Thumbnails zoom.jpg  
    Last edited by Konquer; 3 Weeks Ago at 06:03 AM.

  8. #53
    o/ Konquer is online now
    True MemberRank
    Apr 2014 Join Date
    456Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Quote Originally Posted by m.tiago View Post
    Woww amazing project bro..
    thank you :)


    made some changes to avatars movement animator to make it work with any type of entity

    works the same way as on habbo for avatars, rollers, wired movement etc where the entity flies to the target destination over x milliseconds so the travel speed is relative to distance



    - - - Updated - - -

    Now we're getting somewhere!




    As the gif shows we now have the desired effect i talked about earlier in the thread where the pineapple can partially overlap the furni it is under if it's a part of a different renderstack:




    Furniture are pretty much complete whenever I get around to doing "chair logic" (single item with multiple itemparts in the same renderstack) but i believe habbo just uses absolute z indexing for all of those kinds of furniture so it shouldn't be a problem.

    here's what a furniture script for the lodge divider looks like. it's basically just saying that we want to create an extra itempart 1 square down relative to the items base coordinate on the x axis



    Currently have converted all the plant items and most of the lodge items. Takes about 5 minute per 10 furniture or so, depending on the complexity of the furniture.
    Last edited by Konquer; 3 Weeks Ago at 10:01 PM.

  9. #54
    Ultimate Member Galago is offline
    MemberRank
    Aug 2011 Join Date
    The NetherlandsLocation
    171Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Man this is awesome! I really hope this development will be finished and released.

  10. #55
    o/ Konquer is online now
    True MemberRank
    Apr 2014 Join Date
    456Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Starts to lag at ~5000 furniture but this is without any kind of optimization so.. life is good.


    The delay is for demonstrational purposes, they could all be placed instantly.




    Script used:
    Code:
    let total = 0;
    let x = 0;
    let y = 0;
    let height = 0;
    setInterval(() => {
        if(total < 2000) {
            Habbo.Room.SpawnItem('plants.pineapple', x, y, height / 2);
    
    
            if(y >= 20) {
                y = 0;
                height++;
            }
    
    
            if(total > x * 500) {
                x++;
                height = 0;
            }
    
    
            y++;
            total++;
    
    
            console.log('total furniture:', total);
        } 
    }, 5);

  11. #56
    Death from above! The General is offline
    DeveloperRank
    Aug 2011 Join Date
    9,220Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Does the framerate go back to normal after you're done placing all the furniture?
    Discord: TheGeneral#0063
    Join the Arcturus Discord server: https://discord.gg/eDr7FKQ (You can ask help here regarding Arcturus :love)

  12. #57
    o/ Konquer is online now
    True MemberRank
    Apr 2014 Join Date
    456Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Quote Originally Posted by The General View Post
    Does the framerate go back to normal after you're done placing all the furniture?
    No. All entities gets redrawn every frame even if they're not visible so there's definitely room for improvements.

    Even the tiles gets redrawn every frame ¯\_(ツ)_/¯

  13. #58
    Registered Relevance is offline
    MemberRank
    May 2018 Join Date
    15Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Awesome job! Hope to see more updates

    Did you use any info to generate those furni scripts?

  14. #59
    o/ Konquer is online now
    True MemberRank
    Apr 2014 Join Date
    456Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Quote Originally Posted by Relevance View Post
    Awesome job! Hope to see more updates

    Did you use any info to generate those furni scripts?
    Thanks!
    By info do you mean documentation on how to create the furniture scripts?

    here's the code that runs when a new item is created

  15. #60
    Registered Relevance is offline
    MemberRank
    May 2018 Join Date
    15Posts

    Re: [HTML5] Habbo5 [Typescript, Vue, Webpack, WebSocket]

    Quote Originally Posted by Konquer View Post
    Thanks!
    By info do you mean documentation on how to create the furniture scripts?

    here's the code that runs when a new item is created
    I mean how to create the furniture scripts :)

    https://i.imgur.com/FJKkWlZ.png
    Where did those values came from?

    Nice code tho



Page 4 of 7 FirstFirst 1234567 LastLast

Advertisement