[HN Gopher] Ask HN: What Technologies Are Used for Google Doodle...
       ___________________________________________________________________
        
       Ask HN: What Technologies Are Used for Google Doodle Champion
       Island Games?
        
       https://www.google.com/doodles/doodle-champion-island-games-begin
       What technologies could be used to create that JRPG game in a
       browser?  Is it fundamentally very different from other frontend
       web development?
        
       Author : guuggye
       Score  : 26 points
       Date   : 2021-07-24 18:50 UTC (4 hours ago)
        
       | modeless wrote:
       | Some popular choices for web game development would be
       | https://www.pixijs.com/, https://playcanvas.com/,
       | https://godotengine.org/, https://phaser.io/,
       | https://threejs.org/
        
       | Nydhal wrote:
       | Javascript. That's all I can say.
        
       | [deleted]
        
       | scanny wrote:
       | Looks like CannonJS [0] and CreateJS [1] are being used according
       | to the Chrome dev tools "sources" section. If you look under
       | "hplogo-complex" on the page it seems there a bunch of sprite
       | sheets loaded.
       | 
       | Still not sure how it is all pieced together; I was under the
       | impression that cannon was used in 3d. Would be great to hear
       | more detail on this!
       | 
       | edit: a link to one of the JS files running it, seems to have
       | references to all the in-game text, characters, animation states,
       | ect. : https://www.google.com/logos/2020/kitsune/rc6/kitsune20.js
       | 
       | 0]https://schteppe.github.io/cannon.js/ 1]https://createjs.com/
        
         | RodgerTheGreat wrote:
         | Looks like rc1-rc6 of kitsune20.js are all still available.
         | Even closure-minified, might be some interesting things to find
         | by diffing them.
        
       | cableshaft wrote:
       | Here's a 'Behind the Doodle' about creating the game, and at one
       | point I see they're using what I think is Adobe Animate for the
       | level design and sprite animation (it says Animate in the top
       | left bar), but beyond that, I didn't notice anything that might
       | give a hint as to what the game's tech stack might be.
       | 
       | Might be Haxe, since it's kind of a successor to Flash like
       | Animate is, and there's a Haxe library to support the Adobe
       | Animate texture atlas format. Haxe games also tend to have retro
       | pixel art styles.
       | 
       | https://www.youtube.com/watch?v=hy7tHQUR3TM
       | 
       | The video is pretty interesting and has a lot of concept art and
       | storyboarding in it, btw, I recommend checking it out.
        
         | aceazzameen wrote:
         | Adobe Animate/Flash is still an excellent tool for creating and
         | outputting animated sprites as a sprite sheet with a JSON for
         | HTML5 games.
         | 
         | There's a number of JavaScript game engines that can be used to
         | read and display the data. Even Unity can be used with it. Not
         | sure what they're using here though. I've personally used
         | Phaser with Adobe Animate atlases.
         | 
         | Other tools I see in the YT video are Toon Boom Harmony for the
         | hand drawn 2D animated cut scenes, and After Effects for
         | compositing the videos.
         | 
         | Nice making of. Thanks for the link!
        
       | [deleted]
        
       | GuB-42 wrote:
       | Just look at Crosscode.
       | 
       | Not officially a browser game but it uses nw.js (a framework
       | similar to Electron) and the demo is playable in a browser.
       | 
       | It is a full, top down action-RPG with 30-80h of content that I
       | highly recommend. The devs made some live streams during
       | development.
        
       ___________________________________________________________________
       (page generated 2021-07-24 23:01 UTC)