News for hackers. Stuff that matters.
Re:Ask HN: What Technologies Are Used for Google Doodle Cham... by scanny on Saturday July 24, 2021 @05:58PM (#27944801)
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 Cham... by RodgerTheGreat on Saturday July 24, 2021 @06:15PM (#27944880)
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 Cham... by cableshaft on Saturday July 24, 2021 @05:59PM (#27944806)
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 Cham... by aceazzameen on Saturday July 24, 2021 @06:30PM (#27944955)
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!

Re:Ask HN: What Technologies Are Used for Google Doodle Cham... by cableshaft on Saturday July 24, 2021 @09:54PM (#27945988)
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.
Re:Ask HN: What Technologies Are Used for Google Doodle Cham... by modeless on Saturday July 24, 2021 @05:49PM (#27944752)
Re:Ask HN: What Technologies Are Used for Google Doodle Cham... by GuB-42 on Saturday July 24, 2021 @06:19PM (#27944900)
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 Cham... by chii on Sunday July 25, 2021 @12:34AM (#27946767)
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).

Re:Ask HN: What Technologies Are Used for Google Doodle Cham... by doodler11 on Sunday July 25, 2021 @06:42AM (#27948193)
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.

Re:Ask HN: What Technologies Are Used for Google Doodle Cham... by chii on Sunday July 25, 2021 @09:59AM (#27949208)
ahh didnt know that.
Re:Ask HN: What Technologies Are Used for Google Doodle Cham... by IamaNico on Tuesday July 27, 2021 @12:54PM (#27974651)
no se
Re:Ask HN: What Technologies Are Used for Google Doodle Cham... by Nydhal on Saturday July 24, 2021 @05:50PM (#27944759)
Javascript. That's all I can say.