Hacker News new | past | comments | ask | show | jobs | submit login
Ask HN: What Technologies Are Used for Google Doodle Champion Island Games?
54 points by guuggye 57 days ago | hide | past | favorite | 12 comments

What technologies could be used to create that JRPG game in a browser?

Is it fundamentally very different from other frontend web development?

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/

Looks like rc1-rc6 of kitsune20.js are all still available. Even closure-minified, might be some interesting things to find by diffing them.

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.


The video is pretty interesting and has a lot of concept art and storyboarding in it, btw, I recommend checking it out.

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!

I've used Phaser myself, but not with Adobe Animate. I did use to make Flash games back in the day, but haven't in a long time. I no longer have any artists to work with, so I mainly just draw basic shapes or make basic 3D models in Blender now, and use either Phaser or Monogame, mostly.

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.

crosscode uses haxe (kha?) : see https://www.reddit.com/r/CrossCode/comments/g0hqhs/how_cross...

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).

No, Crosscode only uses Haxe/Kha for the console ports, maybe only for switch. The original PC version just uses impactjs.

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.

ahh didnt know that.

no se

Javascript. That's all I can say.

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact