Final Presentation:
OF homework:
I played with the face tracker example and changed the dimensions and the orientation of the face.
Author Archives: ucare818
arduino hw2-part2 (keyboard controlled leds)
video:
code:
int led1= 13;
int led2= 12;
int led3= 11;
int led4= 10;
void setup() {
// opens serial port, sets data rate to 9600 bps (bits per second)
pinMode(led1,OUTPUT);
pinMode(led2,OUTPUT);
pinMode(led3,OUTPUT);
pinMode(led4,OUTPUT);
Serial.begin(9600);
}
void loop() {
// read the sensor:
if (Serial.available() > 0) {
int inByte = Serial.read();
// do something different depending on the character received.
switch (inByte) {
case ‘r’:
digitalWrite(led1,HIGH);
delay(100);
digitalWrite(led1,LOW);
delay(100);
Serial.println(“red light”);
break;
case ‘y’:
digitalWrite(led2,HIGH);
delay(100);
digitalWrite(led2,LOW);
delay(100);
Serial.println(“yellow light”);
break;
case ‘b’:
digitalWrite(led3,HIGH);
delay(100);
digitalWrite(led3,LOW);
delay(100);
Serial.println(“blue light”);
break;
case ‘g’:
digitalWrite(led4,HIGH);
delay(100);
digitalWrite(led4,LOW);
delay(100);
Serial.println(“green light”);
break;
}
}
}
reference: class examples
Filed under Homework
arduino hw1-part2 (2 switches-2 leds)
video:
code:
const int NbrLEDs = 3;
const int ledPins[] = {13,12};
const int analogInPin = 0;
const int wait = 30;
const boolean LED_ON = LOW;
const boolean LED_OFF = HIGH;
int sensorValue = 0;
int ledLevel = 0;
void setup() {
for (int led = 0; led < NbrLEDs; led++)
{
pinMode(ledPins[led], OUTPUT);
}
}
void loop() {
sensorValue = analogRead(analogInPin);
ledLevel = map(sensorValue, 0, 700, 0, NbrLEDs);
for (int led = 0; led < NbrLEDs; led++)
{
if (led < ledLevel ) {
digitalWrite(ledPins[led], LED_ON);
}
else {
digitalWrite(ledPins[led], LED_OFF);
}
}
}
reference: http://www.instructables.com/id/Arduino-Light-Sensitive-Bar-Graph/?ALLSTEPS
Filed under Homework
Arduino HW2-part 1 (led’s controlled by photocell)
video:
code:
const int NbrLEDs = 3;
const int ledPins[] = {13,12};
const int analogInPin = 0;
const int wait = 30;
const boolean LED_ON = LOW;
const boolean LED_OFF = HIGH;
int sensorValue = 0;
int ledLevel = 0;
void setup() {
for (int led = 0; led < NbrLEDs; led++)
{
pinMode(ledPins[led], OUTPUT);
}
}
void loop() {
sensorValue = analogRead(analogInPin);
ledLevel = map(sensorValue, 0, 700, 0, NbrLEDs);
for (int led = 0; led < NbrLEDs; led++)
{
if (led < ledLevel ) {
digitalWrite(ledPins[led], LED_ON);
}
else {
digitalWrite(ledPins[led], LED_OFF);
}
}
}
reference:
http://www.instructables.com/id/Arduino-Light-Sensitive-Bar-Graph/?ALLSTEPS
Filed under Homework
Arduino HW1- part 1(3 LEDs)
video:
code:
int led = 13;
int led2 = 12;
int led3 = 11;
void setup() {
pinMode(led, OUTPUT);
pinMode(led2, OUTPUT);
pinMode(led3, OUTPUT);
}
void loop() {
digitalWrite(led, HIGH);
delay(100);
digitalWrite(led, LOW);
delay(100);
{digitalWrite(led2, HIGH);
delay(100);
digitalWrite(led2, LOW);
delay(100);}
{digitalWrite(led3, HIGH);
delay(100);
digitalWrite(led3, LOW);
delay(100);}
}
reference:
http://www.instructables.com/id/Multiple-Blinking-LED-on-the-Arduino/
Filed under Homework
Hw-3- api
Istanbul map from google maps. Here is the code:
<!DOCTYPE html>
<html>
<head>
<script
src=”http://maps.googleapis.com/maps/api/js?key=AIzaSyC89weEI5tswszt2Fu0bNWozIW1sAkKE5I&sensor=false”>
</script>
<script>
function initialize()
{
var mapProp = {
center:new google.maps.LatLng(41.1,29.05),
zoom:10,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById(“googleMap”),mapProp);
}
google.maps.event.addDomListener(window, ‘load’, initialize);
</script>
</head>
<body>
<div id=”googleMap” style=”width:1000px;height:760px;”></div>
</body>
</html>
Filed under Homework
Ezgi- HW 2-changing color
<!DOCTYPE HTML>
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}
canvas {
</style>
</head>
<body>
<div id=”container”></div>
<script src=”http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.7.2.min.js”></script>
<script defer=”defer”>
var stage = new Kinetic.Stage({
container: ‘container’,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var circle = new Kinetic.Circle({
x: 365,
y: stage.getHeight() / 2,
radius: 50,
fill: ‘FFCC99’,
});
circle.on(‘click’, function() {
var fill = this.getFill() == ‘FFCC99’ ? ‘FFCC33’ : ‘FFCC99’;
this.setFill(fill);
layer.draw();
});
layer.add(circle);
stage.add(layer);
var circle = new Kinetic.Circle({
x: 365,
y: 200,
radius: 50,
fill: ‘CCCCCC’,
});
circle.on(‘click’, function() {
var fill = this.getFill() == ‘CCCCCC’ ? ‘FF9956’ : ‘CCCCCC’;
this.setFill(fill);
layer.draw();
});
layer.add(circle);
stage.add(layer);
var triangle = new Kinetic.RegularPolygon({
x: 365,
y: 120,
sides: 3,
radius: 10,
fill: ‘CC9966’,
});
triangle.on(‘click’, function() {
var fill = this.getFill() == ‘FF9900’ ? ‘CC9966’ : ‘FF9900’;
this.setFill(fill);
layer.draw();
});
layer.add(triangle);
var rect = new Kinetic.RegularPolygon({
x: 365,
y: 160,
sides: 4,
radius: 10,
fill: ‘660066’,
});
rect.on(‘click’, function() {
var fill = this.getFill() == ’33FFCC’ ? ‘660066’ : ’33FFCC’;
this.setFill(fill);
layer.draw();
});
layer.add(rect);
var triangle = new Kinetic.RegularPolygon({
x: 365,
y: 200,
sides: 3,
radius: 30,
fill: ‘660066’,
});
triangle.on(‘click’, function() {
var fill = this.getFill() == ’33FFCC’ ? ‘660066’ : ’33FFCC’;
this.setFill(fill);
layer.draw();
});
layer.add(triangle);
var triangle = new Kinetic.RegularPolygon({
x: 365,
y: 100,
sides: 2,
radius: 2,
fill: ‘660066’,
stroke:’black’,
strokeWidth:’10’,
});
triangle.on(‘click’, function() {
var fill = this.getFill() == ’33FFCC’ ? ‘660066’ : ’33FFCC’;
this.setFill(fill);
layer.draw();
});
layer.add(triangle);
var circle = new Kinetic.Circle({
x: 380,
y: stage.getHeight() / 2,
radius: 10,
fill: ‘blue’,
stroke: ‘black’,
strokeWidth: 4
});
circle.on(‘click’, function() {
var fill = this.getFill() == ‘blue’ ? ‘#00d00f’ : ‘blue’;
this.setFill(fill);
layer.draw();
});
layer.add(circle);
stage.add(layer);
var circle = new Kinetic.Circle({
x: 350,
y: stage.getHeight() / 2,
radius: 10,
fill: ‘blue’,
stroke: ‘black’,
strokeWidth: 4
});
circle.on(‘click’, function() {
var fill = this.getFill() == ‘blue’ ? ‘#00d00f’ : ‘blue’;
this.setFill(fill);
layer.draw();
});
layer.add(circle);
stage.add(layer);
</script>
</body>
</html>
reference: http://www.html5canvastutorials.com/labs/html5-canvas-modify-shape-color-on-click/
Filed under Homework
Homework1
<!DOCTYPE html>
<html>
<head>
<title>My Basic HTML</title>
</head>
<body>
<script type=”text/javascript”>
//this is where javascript lives
//console=command+option+j
var adj1=”magnificent”;
var noun1=”bear”;
var noun2=”boat”;
var verb1=”stand”;
var verbpast=”arrived”
var adv=”anxiously”;
var sentence=”The “+adj1+” “+noun1+” was “+verb1+”ing “+adv+” when the “+noun2+ ” “+verbpast+”.”
console.log(sentence)
</script>
</body>
</html>
Creative Computation Lab, Fall 2013 