Updated Working File

I've split each kaleidoscope design into three scenes. Cheers to Hafizadt for helping me with the action script!

Images are not updated to the ones that I planned on using due to trouble I came across scripting. But here is the working file so far:

Download .fla/.swf

Planning on integrating it with the Kinekt soon!

Content Development #3

Here are some of the images that I will be using for the patterns of my kaleidoscope:



This photo was two years ago of my rainbow-colored umbrella. It's no longer with me anymore as it didn't function properly. I realize the image isn't hi-res as I had gotten this off my Facebook account. I'll try to dig through my photo album to find the original picture.




This pattern is taken from my design book called 'Culturatextura'.






This is the pattern of my Ikea bedsheets.

Current Working File

Download current working file (.fla/.swf)

Coding

The current existing code involves interaction with keypad (such as controlling the rotation speed, adding more tiles to the kaleidoscope, toggle/flip tiles, etc).

import flash.display.BitmapData;
import flash.geom.Matrix;


_quality = "BEST";
var hsize = 500;
var vsize = 500;
var diag:Number = Math.sqrt(2*hsize*hsize)*0.62;
var map:BitmapData = new BitmapData(hsize, vsize, true, 0x00000000);
var mapHolder:MovieClip = createEmptyMovieClip("mapHolder", 1);
var code:MovieClip;
mapHolder.attachBitmap(map, 0);
var image:BitmapData = BitmapData.loadBitmap("image");
var stampImage:BitmapData = new BitmapData(image.width, image.height, false);
stampImage.draw(image, new Matrix(0.5, 0, 0, 0.5, 0, 0), null, "normal", null, true);
stampImage.draw(image, new Matrix(-0.5, 0, 0, 0.5, image.width, 0), null, "normal", null, true);
stampImage.draw(image, new Matrix(0.5, 0, 0, -0.5, 0, image.height), null, "normal", null, true);
stampImage.draw(image, new Matrix(-0.5, 0, 0, -0.5, image.width, image.height), null, "normal", null, true);
image.dispose();

var rotate1:Boolean = false;
var rotate2:Boolean = false;
var rotate3:Boolean = false;
var flip:Boolean = true;
var singleview:Boolean = true;
var slice:MovieClip = createEmptyMovieClip("slice", 0);
slice._visible = false;
var slices:Number = 12;
var angle = Math.PI/slices;
var nudge = 0.009;
var rotspeed1 = 0.007;
var rotspeed2 = -0.003;
var rotspeed3 = -0.005;
var sclfact = 0;
var rot:Number = 0;
var r:Number = 0;
var r2:Number = 0;
var sh1:Number = 0;
var sh2:Number = 0;
var scl:Number = 1;
var m:Matrix = new Matrix();
Key.addListener(this);



function onKeyDown() {
switch (Key.getCode()) {
case Key.UP :
scl *= 1.03;
break;
case Key.DOWN :
scl *= 0.96;
break;
case Key.LEFT :
r -= 0.01;
break;
case Key.RIGHT :
r += 0.01;
break;
case 187 :
//+
slices += 2;
angle = Math.PI/slices;
break;
case 189 :
//-
if (slices>4) {
slices -= 2;
angle = Math.PI/slices;
}
break;
case 49 :
//1
rotate1 = !rotate1;
break;
case 50 :
//2
rotate2 = !rotate2;
break;
case 51 :
//3
rotate3 = !rotate3;
break;
case 52 :
//4
flip = !flip;
break;
case 53 :
//5
sh1 += 0.04;
break;
case 54 :
//6
sh1 -= 0.04;
break;
case 55 :
//7
sh2 += 0.04;
break;
case 56 :
//8
sh2 -= 0.04;
break;
case 78 :
//n
sclfact += 0.01;
break;
case 77 :
//m
sclfact -= 0.01;
break;
case 48 :
sclfact = 0;
break;
case 81 :
//q
rotspeed1 += 0.001;
break;
case 87 :
//w
rotspeed1 -= 0.001;
break;
case 65 :
//a
rotspeed2 += 0.001;
break;
case 89 :
//q
rotspeed3 += 0.001;
break;
case 88 :
//w
rotspeed3 -= 0.001;
break;
case 69 :
rotspeed1 = 0;
break;
case 68 :
rotspeed2 = 0;
break;
case 67 :
rotspeed3 = 0;
break;
case 83 :
//s
rotspeed2 -= 0.001;
break;
}
}



function onEnterFrame() {
if (rotate1) {
r += rotspeed1;
}
if (rotate2) {
r2 -= rotspeed2;
}
if (rotate3) {
rot += rotspeed3;
}
for (var i = 0; i

IDEA DEVELOPMENT: The Equipments

For the project, there are a few necessities that I will need in order to execute my work.

A webcam is my main tool. I need it to detect the audience's movements in order to generate the various color/designs of my interactive kaleidoscope. A video camera could also be a replacement for the webcam, but will cost more.


Cost: RM60 - RM200


Cost: RM1300 - RM2800


I will also need projector. Hopefully, I can borrow one instead of renting to save cost.


Rental Cost: RM80 - RM150?


I also need a 'canvas' in order to project my image on to. Either a white cloth or the wall will do.


Lastly, I need a test subject an audience. I may need to pay people to give good remarks on my work.


A potential test subject audience.


This is a sketch of the layout of my project:

PRECEDENCE: Stateless - Ariel

Stateless - Ariel from FIELD on Vimeo.

"A digital dance performance exploring the eternal struggle of good and evil, for Stateless‘ latest single Ariel."

A great reference video that relates to color & motion. Animated by FIELD for Stateless.

"FIELD animated the two opponent characters of the song as surreal human figures, drawing dynamic sculptures into space. We collaborated with professional dancer Dominic North to record an impromptu interpretation of the song in a motion capture studio."

I'm not sure entirely how they picked particular colors to represent the motion, but the shades of color that were executed for the male and the female's movements were interesting.

For this music video, the dancer had to wear a special suit with sensors in order detect his movements which will be detected by the cameras and embedded into the software.

The making-of video and screen shots of the music video after this jump!

IDEA DEVELOPMENT: (More) Interactive Kaleidoscope by Skymonk

I came across more interactive kaleidoscopes made by Skymonk!









More interactive kaleidoscopes can be found on LSDEX.

Source

IDEA DEVELOPMENT: Interactive Kaleidoscope by Skymonk

An awesome flash I found that will be a great help my project! Kaleidoscope-inspired! :D

This is a project of an Interactive Kaleidoscope by Alex Skymonk. Basically, my project will be of the same concept. Except one's height and speed will determine the sort of color the kaleidoscope will execute, instead of distorted images.

Scroll over the image for the effects!



Flash-based project. Which is exactly what I needed. The outcome is slightly different from what I plan on doing, but there are still some similarities and serves as a great reference for my project.

I really like the whole psychedelic feel. It's almost as if I'm in a trance. This is my niche! I'm a person of color. (:

Source