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? |
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/
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.
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!
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.
they use nw.js because the haxe code base can compile into javascript (and the rendering framework Kha has a webgl render backend for it).
The video your link contains only explains how the switch port was possible, since the switch has no available webbrowser applet or is too slow or has not all features needed.