Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Ask HN: What Technologies Are Used for Google Doodle Champion Island Games?

news.ycombinator.com

Post reply on HN
Print view View original

1–10 of 15 posts

Re: Ask HN: What Technologies Are Used for Google Doodle Champion Island Games?

#5

Post by scanny »

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/

Re: Ask HN: What Technologies Are Used for Google Doodle Champion Island Games?

#6

Post by cableshaft »

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.

Re: Ask HN: What Technologies Are Used for Google Doodle Champion Island Games?

#8

Post by RodgerTheGreat »

scanny wrote: post #5

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 reference…

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

Re: Ask HN: What Technologies Are Used for Google Doodle Champion Island Games?

#9

Post by GuB-42 »

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.

Re: Ask HN: What Technologies Are Used for Google Doodle Champion Island Games?

#10

Post by aceazzameen »

cableshaft wrote: post #6

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…

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!

Post reply on HN