Toxic Tree

Show projects at index

Every project is now listed on the main page.

3D testing

After playing around with some math, I created a 3D-software engine with JavaScript that operates on a HTML5-canvas.

This guide was really helpful:
http://blogs.msdn.com/b/davrous/archive/2013/06/13/tutorial-series-learning-how-to-write-a-3d-soft-engine-from-scratch-in-c-typescript-or-javascript.aspx

It is a working solution with a step-by-step tutorial.
When I got stuck at some point in the matrix-multiplication, I adopted their math-library to fit my own environment and removed things I didn´t need.

Later I went to WebGL (like OpenGL for the browser).
With knowledge of how a basic software-engine works, It´s easier to understand how to work with a WebGL-canvas.
WebGL will try to use the device GPU so you can work with shaders for textures & lightning, without burning up the CPU.

Testing-room for my WebGL-script:
http://www.sonartree.net/members/zoi/Zoi-TheNest/TheNest.php?xcode=3D

Inspired by the three.js library: http://threejs.org/

20150409-20150522

Textures & Lightning

Cube in 3D-space

Projection-matrix

Dedicated canvas (Lower resolution for performance gain)

Imported mesh (simple sphere in blender, exported as JSON)

Flat shading

Gouraud shading

Math

Using math to draw different shapes & stuff…

Cos & Sin

Triangle using Cos & Sin

Hyperbolic Spiral
Winds faster towards the pole

Archimedean Spiral
Constant speed & angular velocity

Logorithmic Spiral
Distance grows in geometric progress

Logorithmic Spiral
Using another pitch-factor (20°)

Hypotrochoid
Circle rolling around the inside of another circle

Patterns using Hypotrochoid

Old rooms

Updated some old rooms.

This is the old “Five Gods” flash that I made in the beginning of my work with the web-version of “The Nest”.
Now integrated with the new environment since the update.

Room 1

Room 4

Room 5

Game testing

Made a room where creatures are walking around randomly and gets pushed back if the user hits them.

#DANCE

Keyboard

Added a custom keyboard @ “use code”

#ENTERCODES

Beta ready

http://www.sonartree.net/TheNest

Everything is now rewritten into:

PHP: For server-side instead of ASP.
AJAX: For dynamic page-requests. No more endless reloading into frames for every click.
HTML5: HTML5-Audio & HTML5-Canvas replaced all flash.
JavaScript: To alter DOM after AJAX-operations (load new content and replace the previous page), drawing on Canvas (all graphics), control when to play sounds, UI (navigation, design, input).