webdu 2012: web developer conference

Show all feed information | Ping Blog Update

Reflektions.com Source code CD 2 years ago

The Reflektions Miniml CD has been updated, new work exploring Javascript Library/toolkits (Mootools) and a bunch of new 3D JavaScript experiments. Don't forget that the CD contains all the flash ActionScript source code on the site. Good to have if...

Towards Z : 3D tunnel in Javascript 2 years ago

This code is heavily based on the 3D flythrough post I had written in AS2 and then in AS3.  I rewrote it in JavaScript using the mootools library. All of my 3D experiments (and the ones coming up) are based on this engine.  The equation bellow...

Towards Y : Vertical filmstrip animation 2 years ago

This vertical JavaScript filmstrip is adapted form yesterdays Towards X : Horizontal filmstrip animation post.  The code is similar except for the css that edits the "top" property.  What I tried doing in these experiments is create...

Towards X : Horizontal filmstrip animation 2 years ago

Influenced by a previous experiment done in ActionScript, I tried to avoid the mootools fx animation,library and created a 2D camera to pan the length of a horizontal rectangle. Create 10 identical clips and arrange them one after the other horizontally. ...

JavaScript Carousel v3 2 years ago

I added a slider to allow users to set the speed of the carousel. this is based off of the  JavaScript Carousel v4 example, You will notice that faster speeds will cause elements not to properly align, I'll dig into that issue soon.

JavaScript Carousel v3 2 years ago

I hated the Mootools FX animation from the last example, so I rewrote the animation using setInterval().  This allows me to have a more constant movement and control precisely the animation.  I also added event handlers on the icons. ...

JavaScript Carousel v2 2 years ago

I added Mootools FX animation to the last example,I personally don't like the way mootools makes my elements move.  I will be exploring new options in the next experiments.

JavaScript Carousel v1 2 years ago

Building with code from the last example, I added next and previous buttons and made the elements move to new target positions.  You will notice that I did not animate the carousel. I wanted this experiment to be focused on calculating the correct...

JavaScript Carousel v0 2 years ago

Based off the circle animation experiments and mathematics, I am moving towards a javaScript carousel. In the next 3-4 posts I will explore and build different variations and finish off with a complete carousel script. The experiment adds a Mootools...

javascript circle animation v1 2 years ago

Adding multiple elements to the last post's animating along a circle script. I create a variable called angle.  All the animation is based off of that variable as it increments from 0 to 360 and resets to 0. Changing angles means changing position...