My Sketch: Serial Input to P5.js IDE — Mint -- Woraya Boonyapanachoti

Week 6
Assignment | My Sketch

I worked on this week's labs in relationship with the Midterm Assignment. The goal is to used to read the Accelerometer sensors value on p5. But right now, I'm playing around with potentiometer to get the readings and how to apply the sensor values in p5 coding language. Simply put to understand the code and train my brain to split my thinking in half, Arduino side and p5 side.

Working with p5.js IDE takes a lot of patience.......(I couldn't even save when I want to) but after a few hours of getting to know how to use Sublime and using terminal, things are smoother.

Labs: Serial Input to p5.js

The shaking pigeon is controlled by random() function through p5 at the moment. It will be controlled by Accelerometer for the midterm assignment.

Labs: Serial Input to p5.js

The input data from Arduino (potentiometer) works fine for a while, then the LEFT pigeon and feathers that are controlled by potentiometer froze . [ Video below ]

Labs: Serial Input to p5.js [ Froze ]

	// Serial Input p5
	// midterm
	// shoot the pigeons

	var serial;
	var portName = "/dev/cu.usbmodem1411";
	var potValue = 0;

	var f0, f1, f2, f3, f4;
	var p0, p1, p2;

	var offset = 0;

	function preload() {
	f0 = loadImage("f0.png");
	f1 = loadImage("f1.png");
	f2 = loadImage("f2.png");
	f3 = loadImage("f3.png");
	f4 = loadImage("f4.png");

	p0 = loadImage("p0.png");
	p1 = loadImage("p1.png");
	p2 = loadImage("p2.png");

	}

	function setup() {
	createCanvas(600, 400);
	imageMode(CENTER);

	serial = new p5.SerialPort(); // make a new instance of serialport library
	serial.on('list', printList); // callback function for serialport list event
	serial.on('data', serialEvent);// callback for new data coming in
	serial.list(); // list the serial ports
	serial.open(portName); // open a port
	}


	function draw() {
	background(250);
	fill(0);
	ellipse(potValue, height/2, 20, 20);
	text(potValue, 20, 20);


	// feather
	push();
	translate(40, 0);
	scale(0.2);
	image(f0, width, height*2.5);
	image(f1, width2, height2);
	image(f2, width3, height3);
	image(f3, width1.5, height4);
	pop();

	image(f4, width/2, potValue);

	// pigeons
	push();
	translate(100, 100);
	scale(0.3);
	image(p0, mouseX2, mouseY2);
	// image(p1, width*2.2, height);
	image(p1, random(-1, width), random(-1, height));
	pop();

	image(p2, potValue, height/2);

	}


	function printList(portList) {
	for (var i = 0; i < portList.length; i++) {
	// Display the list the console:
	println(i + " " + portList[i]);
	}
	}

	function serialEvent() {
	var inString = serial.readLine();
	if (inString.length > 0) {
	inString = inString.trim();
	potValue = Number(inString/4);
	println(potValue);
	}
	}

view raw 01_pigeon hosted with ❤ by GitHub

Physical Computing