HypnoAmoeba-HTML5

This is the first of a series of demonstrations of my tiny 3D engine.
While simple, it is able to handle multiple models and hierarchy relationship among them, different shading scheemes (textured, environment mapping and lambert), directional lights, two rendering pipelines for opaque and transparent polys, particle systems and many more features.
This example, just shows hierarchical management of models with lambert shading from a single directional light. It performs properly on Chrome and Opera, but this time, w/o textured polys, opera beats chrome by far.
For future releases, and while no Web-gl is enabled, I’ll port my polygon fillers, which by pixel manipulation, achieve perspective-corrected texture-mapped polygons, as well as normal mapping and texture shadowing.

Mouse drag to zoom in/out the camera, and mouse move to make the amoeba rotate.

HTML5 HypnoAmoeba live demo:

https://hypertolosana.github.io/html5-hypno-amoeba/index.html

Hope you liked it.

PS: The gorgeous color picker is from jscolor.com. Thank you very much for the widget Jan, keep up the good work.

Advertisements

5 thoughts on “HypnoAmoeba-HTML5”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s