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

Discover how to focus on operators for Reactive Programming and how they are essential to react to data in your application.  Brought to you in partnership with Wakanda

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.

Learn how divergent branches can appear in your repository and how to better understand why they are called “branches".  Brought to you in partnership with Wakanda

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 }}