HelloRun: Lessons learned making an HTML5 game
summary
HelloRun is an HTML5 game built with a Unity → COLLADA→three.js pipeline, using WebGL for graphics, the Web Audio API (an analyzer node drives lights and textures), Howler for sound and PXLoader for assets. Level art combines tiled color maps plus unique light maps; UI uses responsive HTML/CSS with a font family in nine weights. Launch proves viability and pain points: hosting goes over quota two days after launch but the game runs across desktop and mobile with some effects disabled.
AI-written summary · about
chapters (33)
- 0:00Intro
- 0:35Welcome
- 1:14Why Flash
- 2:36Why 3D
- 2:57Personal projects
- 3:52Explore different directions
- 5:10Hello Flower
- 5:41HelloRun
- 6:32Importance of HTML5
- 9:00JavaScript as the universal platform
- 9:24Making nice things in JavaScript
- 11:13Our current workflow
- 12:18Open source software
- 12:50Fullscreen
- 14:08Game Design
- 17:40Environment
- 18:39Textures
- 20:12Lighting
- 21:46Mission
- 23:00Color Light Mapping
- 23:44Barriers
- 25:23Using Unity
- 26:27Different textures
- 27:11Light effects
- 28:19UI
- 29:52Fonts
- 32:20Audio
- 33:13Web Audio
- 34:55Mobile
- 36:25The Nirvana
- 37:48Responsive Design
- 39:36Controls
- 40:46Project RZRS
related talks
50mHTML5 technologies and game development
34mThe past, present, and the future of HTML5 game development
34mModern Web Game Development
29mOnce Upon A Time, Somewhere Between Your Console And Browser
54mA Successful Cross Platform HTML5 Game, From Shaping To Shipping
56mPWA For Games: An Enhanced Web Gaming Experience
32mUnity + HTML5 = Isomorphic Game Engine?
29mJavaScript and Game Development