Kaleidoscope image in javascript software#
Kaleidoscope image in javascript code#

in the upper left quarter of the image If you did not download the effect above, you can copy and paste it directly to the Effect->Custom operation box: var src = Document.RasterImage

Kaleidoscope image in javascript code#

This is the actual code for the Kaleidoscope filter. These are direct copies of the main green triangle. There are additional green spots on the image. Of course, the content is rotated and/or mirrored in the other triangles. Whatever is drawn there, remains in the same place when the effect is applied and whatever is there also gets copied to the other triangles. The green triangle with a black outline holds the pattern. The image above represents a structure of the kaleidoscope canvas. The scripted effect uses the rotate operation and the transform image operation to place copies of a drawing on a canvas. How does it work?Ī real kaleidoscope uses mirrors to place numerous rotated and (of course) mirrored versions of an object in front of the viewer's eye. The effect looks best on a black background with the glow effect applied. A new button called 'Kaleidoscope' appears.ĭraw something and click the button. Alternatively, right-click on the toolbar and then click the import button and import the downloaded files. Getting it to work fastĭrag and drop it on the toolbar with image effects (the last one in the first row, the one with the beige user icon). The images above also have the glow effect applied to them for better atmosphere. The result of the kaleidoscope effect can be surprising.

Kaleidoscope image in javascript software#

Because mirrors are all that is needed, creating a kaleidoscope software effect is not hard and it can be done with the JavaScript operation as explained later.

Kaleidoscopes use carefully arranged mirrors to create beautiful symmetrical images.