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 you're a serious flash/Javascript developer or a starting novice. Here is what's included:
- 400+ experiment source code .fla in AS2 and AS3
- 40+ experiments source codes in JavaScript (Mootools).
- 40+ experiments using MXMLC compile and flash develop.
- 30+ Flex experiments using Flex Builder 3.
- 10+ lecture notes and presentation files
- All of my AS2 components
Purchasing the Reflektions | miniml source code CD is a great way to encourage me and support the site.
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 moves each element's Z position
more »
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 X|Y|Z properties to html
more »
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. Create a camera
more »
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. Click on any icon and it will rotate and
more »
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. Click on any icon and it will
more »
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.
more »
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 new position for each element
more »
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 slider to the last experiment
more »
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 along the 360 degree circle.In
more »
