Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

HTML5 and haXe: A Series of Instructive Experiments

DZone's Guide to

HTML5 and haXe: A Series of Instructive Experiments

· Web Dev Zone
Free Resource

Learn how to build modern digital experience apps with Crafter CMS. Download this eBook now. Brought to you in partnership with Crafter Software

Sometimes diving straight into a huge project is the best way to learn a new technology. (That's how I learned Visual Basic, ages ago.)

Sometimes a full, guided course is better, perhaps built around a textbook or tutorial -- especially if you're learning a whole new language.

But sometimes, when a new technology is similar but subtly different from something you already know; and when your goal is optimization as much as creation; a more problem-centered path of development can be best.

If you're thinking about WebGL development, and understand graphics a bit but worry about browser performance, then you might really benefit from Mike Cann's series of experiments (1,2,3,4,5) using HTML5 and WebGL with haXe.

His latest post caps months of spare-time labors with a pretty neat interactive demo of complex particle interaction, with source:

 


 


As a non-haXer, I found the project history helpful, especially Mike's careful work with stateless vs. state-preserving particles (starting with his third post).

Maybe take a moment to nod, impressed, at the (momentarily) final result, then trace the experiments all the way back to their (non-WebGL) original inspiration.

Crafter is a modern CMS platform for building modern websites and content-rich digital experiences. Download this eBook now. Brought to you in partnership with Crafter Software.

Topics:

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}