Water and Fire in Motion


Water and Fire in Motion

Water and Fire are powerful forces that evoke a hypnotic energy that can be explored through visual motion and sound. 

The composition of the frames are representing the top middle and bottom of the Water and Fire images in a horizontal portal. The center frames are the most energetic and powerful of the falling Water and rising Fire. The top frames are the beginning of the falling water and the tips of the flames, while the bottom frames are the end of the spillway and the burning ambers. 

Using Leap Motion to identify hand motion in the X Y Z coordinates and ATOM as the programable text editor one can manipulate the video images.

  • X coordinate in a left/right motion toggles between the videos of Water and Fire
  • Y coordinate in a forward/back motion slows or speeds up either video of Water and Fire
  • Z coordinate in a raising/lowering motion magnifies either video of Water and Fire
    between the videos of Water and Fire

 

 

 

Reach into virtual reality with your bare hands
“Your hands are the original universal interface. With our unprecedented hand tracking, you can reach into virtual and augmented reality to interact with new worlds.”

 

Using a Mark III DSLR in video mode with a 200mm/300mm zoom macro lense filmed the Fire and Water sequences

ATOM

‘A hackable text editor for the 21st Century’

“Atom is a text editor that’s modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file”.

Code copied here:

let video1;
let video2;
let video3;
let video4;
let video5;
let video6;
var px = 0;
var py = 0;
var pz = 0;

function preload(){
video1 = createVideo(“water.mp4”);
video1.id(“videoone”);
video2 = createVideo(“fire.mp4”);
video2.id(“videotwo”);
video3 = createVideo(“fire2.mp4”);
video3.id(“videothree”);
video4 = createVideo(“fire3.mp4”);
video4.id(“videofour”);
video5 = createVideo(“water3.mp4”);
video5.id(“videofive”);
video6 = createVideo(“water2.mp4”);
video6.id(“videosix”);
}

function setup() {
createCanvas(windowWidth, windowHeight);
video1.hide();
video2.hide();
video3.hide();
video4.hide();
video5.hide();
video6.hide();
// video2.play();
// video1.position(0,0);
// video1.size(width/2, height);

}

function draw() {
background(220);
px = width/2+ x/200*width/2;
py = height/2+ y/200*height/2;
pz = z;

if (px < width/2) {
image(video1, 0, height/2 – 100, width/2, 200, pz*2, pz*2, 1920 – pz*2, 1080 – pz*2);
image(video5, 0, height/2 + 100, width/2, 200, pz*2, pz*2, 1920 – pz*2, 1080 – pz*2);
image(video6, 0, height/2 – 300, width/2, 200, pz*2, pz*2, 1920 – pz*2, 1080 – pz*2);

image(video2, width/2, height/2 – 100, width/2, 200);
image(video3, width/2, height/2 – 300, width/2, 200);
image(video4, width/2, height/2 + 100, width/2, 200);

} else if (px > width/2) {
image(video2, width/2, height/2 – 100, width/2, 200, pz*2, pz*2, 1920 – pz*2, 1080 – pz*2);
image(video3, width/2, height/2 – 300, width/2, 200, pz*2, pz*2, 1920 – pz*2, 1080 – pz*2);
image(video4, width/2, height/2 + 100, width/2, 200, pz*2, pz*2, 1920 – pz*2, 1080 – pz*2);

image(video1, 0, height/2 – 100, width/2, 200);
image(video5, 0, height/2 + 100, width/2, 200);
image(video6, 0, height/2 – 300, width/2, 200);

translate(width/2,height/2);
ellipse(px, py, 20, 20);
}
//console.log(py/height)

// if within waterfall
if (px < width/2) {
if (document.getElementById(“videoone”).paused) {
console.log(“play videoone “);
document.getElementById(“videoone”).play();
document.getElementById(“videoone”).volume = 0.5;
document.getElementById(“videoone”).playbackRate = py/height;
}
else {
document.getElementById(“videoone”).playbackRate = py/height;
}

if (document.getElementById(“videofive”).paused) {
console.log(“play videofive “);
document.getElementById(“videofive”).play();
//document.getElementById(“videofive”).volume = 1.5;
document.getElementById(“videofive”).playbackRate = py/height;
}
else {
document.getElementById(“videofive”).playbackRate = py/height;
}

if (document.getElementById(“videosix”).paused) {
console.log(“play videosix “);
document.getElementById(“videosix”).play();
//document.getElementById(“videosix”).volume = 1.5;
document.getElementById(“videosix”).playbackRate = py/height;
}
else {
document.getElementById(“videosix”).playbackRate = py/height;
}

if (!document.getElementById(“videotwo”).paused) {
console.log(“pause videotwo”);
document.getElementById(“videotwo”).pause();
// document.getElementById(“videotwo”).volume = 5.0;
}

if (!document.getElementById(“videothree”).paused) {
console.log(“pause videothree”);
document.getElementById(“videothree”).pause();
}

if (!document.getElementById(“videofour”).paused) {
console.log(“pause videofour”);
document.getElementById(“videofour”).pause();
}

// closes video two
} // closes waterfall

// if on fire
else {
console.log(“fire”);
if (document.getElementById(“videothree”).paused) {
console.log(“pause videothree”);
document.getElementById(“videothree”).play();
document.getElementById(“videothree”).playbackRate = py/height;
} else {
document.getElementById(“videothree”).playbackRate = py/height;
}

if (document.getElementById(“videotwo”).paused) {
console.log(“play videotwo”);
document.getElementById(“videotwo”).play();
//document.getElementById(“videotwo”).volume = 1.5;
document.getElementById(“videotwo”).playbackRate = py/height;
} else {
document.getElementById(“videotwo”).playbackRate = py/height;
}

if (document.getElementById(“videofour”).paused) {
console.log(“pause videofour”);
document.getElementById(“videofour”).play();
document.getElementById(“videofour”).playbackRate = py/height;
} else {
document.getElementById(“videofour”).playbackRate = py/height;
}

if (!document.getElementById(“videoone”).paused) {
console.log(“pause videoone”);
document.getElementById(“videoone”).pause();
}

if (!document.getElementById(“videofive”).paused) {
console.log(“pause videoone”);
document.getElementById(“videofive”).pause();
}

if (!document.getElementById(“videosix”).paused) {
console.log(“pause videoone”);
document.getElementById(“videosix”).pause();
}

}

// if(x < width/2){
// video2.pause();
// }else{
// video1.pause();
// }

}

A Macro Art Project [Draft]

Talk about Kinectron and interaction

http://127.0.0.1:3000/

 

So started to think about an art project as a jumping off point.
Want to see what I can explore using Kinect and a Mark III with a macro lens. Close up of water dripping, steam, pouring sand, grass moving. Motion, digital representation , temperature , light, sound.

 

tools 

The Puffin Series

I don’t Give a Hoot

https://alpha.editor.p5js.org/mfuller/sketches/r1BfFhZhZ

I don’t Give a Hoot.2

http://alpha.editor.p5js.org/mfuller/sketches/rJ_6Qp-nb

I don’t Give a Hoot.3

http://alpha.editor.p5js.org/mfuller/sketches/BJpZbQM3b

I don’t Give a Hoot.4

http://alpha.editor.p5js.org/mfuller/sketches/Hy9AP7Mn-

I don’t Give a Hoot.5

http://alpha.editor.p5js.org/mfuller/sketches/H1k4WVzhb

Flying Puffins

https://alpha.editor.p5js.org/mfuller/sketches/ByIdoco3b

I’m a Puffin

http://alpha.editor.p5js.org/mfuller/sketches/SkdwMMETb

I’m lots of Puffins

http://alpha.editor.p5js.org/mfuller/sketches/BkycZz4TW

I’m lots of Puffins.2

http://alpha.editor.p5js.org/mfuller/sketches/rJ8LM64aZ

Name That Puffin

http://alpha.editor.p5js.org/mfuller/sketches/ry_jCl8RZ

My Puffin Name is

http://alpha.editor.p5js.org/mfuller/sketches/SkBhB8PAZ

 

 

 

 

Midterm Prototype – Scary Jack-O-Lantern

Objective

A prototype for a trick and treat Jack-O Lantern filled with candies. When reaching inside to get candies sonar sensor would trigger loud scary sound and bright pulsating LED strip.

Execution

  • The volume of mp3 could not increase
  • The sonar sensor fluctuates and readings would not detect hand at close proximity and could not insert fully into container
  • The 9v power source could not power mp3 and LED strip without distorting sound

Resolution

  • A more accurate sonar sensor that can register movement within the container
  • Regulate voltage input to play mp3 and LED strip in 1 code and 1 power source
  • Control and Increase sound volume

Iconographic Halloween symbol

Scary Sound and Lights

LED lights brighten closer to Sonar Sensor

 

Codes

lights/scream/sound_lights

https://github.com/majjohnson/scary_pumpkin.git

Psycho Scream.mp3

Testing scream on Music Maker

 

IMG_4264

Modify wiring diagram for 2 transistors and LED strip- white and amber LED source

Music maker Shield Wiring Sonar sensor

Assembly

Music maker Shield stacked on Arduino Uno

Bread Board wired for LED strip & Sonar Sensor

2 magnetic 9V speakers

USB cable for Code download & 5V power supply

9V battery

Observation – Pedestrian & Vehicular Traffic Flow

Pedestrian & Vehicular Traffic Lights

  1. Pedestrians must participate and be aware of surroundings
  2. Optimizing traffic flow – secondary road traffic advance when vehicles are within range, otherwise primary road traffic continues to flow.
  3. Patterned traffic flow – sequential traffic light patterns to prevent traffic congestion

Pedestrian Crossing indicator – Pedestrian needs to participate by reading instructions and pressing button to activate.

 

 

 

 

 

 

 

Vehicular Motion detector1 shows the vehicle in range to activate green advance light.

Vehicle indicator2 shows vehicle not in range not activating green advance light

http://www.michaelfuller56.com/wp-content/uploads/2017/11/IMG_4312.mov 

http://www.michaelfuller56.com/wp-content/uploads/2017/11/IMG_4313.mov

 

Patterned vehicular light indicators – Left turn signal first then all advanced green indicator

Patterned vehicular light indicators – Left turn signal and all advanced green indicator simultaneous