Showing posts with label Kaleidoscope generator. Show all posts
Showing posts with label Kaleidoscope generator. Show all posts

Tuesday, April 27, 2010

Build Your Own Kaleidoscope

This Kaleidoscope generator on zefrank has a sophisticated and versatile user interface. Both static and animated parts can be added. Colors, width of line or radius of dots are all definable.
Below is the user interface and a generated Kaleidoscope.

Kaleidoscope Generator

Kaleidoscope Generator is part of Free Craft Downloads. One can upload an image from local disk and choose from the shapes of square, circle and flower. One can also select the print size, save or print the image.
Below is the user interface and an example of Kaleidoscope.

Monday, April 26, 2010

Make Your Own Kaleidoscope!

Make Your Own Kaleidoscope! has a very easy user interface. Just follow the instruction as below.
Instructions: Find an image you like on the Internet, and paste in the image URL here, then press the load button. Note: it is not enough to use the URL of the page the image is on, you must provide the URL of the image itself (typically ending with .jpg, .gif or .png). To find the image url in IE or Mozilla, right-click on the image and select "properties".

Below is a result by using the image one the web.

The original image is as follows, copied from here.

Line Kaleidoscope generator

Line Kaleidoscope generator is a fun-to-play generator for Kaleidoscope graphics. No generated graphics can be saved, or even fixed on the screen, but the animations are truly fun to look at.
The script for the Kaleidoscope generator is also kindly published in the above page.

The image below is a screen dump when moving the mouse cursor in a circular movement.

And one more try by changing the background to black.

For curious people, quote the script (which is its old version) as below.
onClipEvent (load) {
x=0 //where the dot is
y=0 //where the dot is
xmove=0 //it's movement
ymove=0 //it's movement
}
onClipEvent (enterFrame) {
xmove+= (_root._xmouse-_x-x)/10 //math
ymove+= (_root._ymouse-_y-y)/10 //math
x+=xmove+(_root._xmouse-_x-x)/10 //math
y+=ymove+(_root._ymouse-_y-y)/10 //math
clear()
lineStyle(1,000000,100)
moveTo(oldx,oldy)
lineTo(x,y)
oldx=x //this is so that in the next frame it knows where the dot was last frame
oldy=y //this is so that in the next frame it knows where the dot was last frame
_rotation-- //This is negative on two of the movieclips (that initially have an opposite rotation to eachother), and positive on the other two.
}