javalisson · mariiane · Dec 11, 2017
diff --git a/mariane/README.md b/mariane/README.md
@@ -0,0 +1,2 @@
+# p5js-natal
+Mariane.
diff --git a/mariane/arvorenatal.png b/mariane/arvorenatal.png
diff --git a/mariane/floco1.PNG b/mariane/floco1.PNG
diff --git a/mariane/floco2.png b/mariane/floco2.png
diff --git a/mariane/floco3.png b/mariane/floco3.png
diff --git a/mariane/floco4.png b/mariane/floco4.png
diff --git a/mariane/index.html b/mariane/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>p5js - boilerplate</title>
+	<script type="text/javascript" src="p5.min.js"></script>
+	<script type="text/javascript" src="p5.sound.js"></script>
+	<script type="text/javascript" src="script.js"></script>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/mariane/musica.mp3 b/mariane/musica.mp3
diff --git a/mariane/noite.jpg b/mariane/noite.jpg
diff --git a/mariane/p5.min.js b/mariane/p5.min.js
diff --git a/mariane/p5.sound.js b/mariane/p5.sound.js
diff --git a/mariane/paisagem.jpg b/mariane/paisagem.jpg
diff --git a/mariane/script.js b/mariane/script.js
@@ -0,0 +1,81 @@
+/**
+ * p5js boilerplate
+ * 
+ * 
+ */
+var fundo;
+var floco1img;
+var floco2img;
+var floco3img;
+var floco4img;
+var boneco;
+var estrela;
+var som;
+var arvore;
+var cairEstrela;
+
+function preload() {
+	fundo = loadImage("paisagem.jpg"); 
+	floco1img = loadImage("floco1.png");
+	floco2img = loadImage("floco2.png");
+	floco3img = loadImage("floco3.png");
+	floco4img = loadImage("floco4.png");
+	boneco = loadImage("snowman.png");
+	estrela = loadImage("star.png");
+	som = loadSound("musica.mp3");
+	arvore = loadImage("arvorenatal.png");
+
+}
+
+// chamada no inicio do programa
+function setup() {
+	som.play();
+	createCanvas(1270,730);
+	som.setVolume(1.0);
+	som.loop();
+	estrelaPos = createVector(900, 0);
+	cair = createVector(0, 0);
+	// cria o quadro, com dimensoes 900 x 400
+	createCanvas(900, 400);
+}
+
+// chamada toda vez que o quadro for redesenhado
+// ou seja, a cada frame da animacao
+function draw() {
+	// pinta o fundo de preto
+	background(fundo);
+
+	image(boneco, 50,  180, 150, 150);
+
+	image(floco1img, 25, cair.y, 50, 50);
+	image(floco2img, 125, cair.y, 50, 50);
+	image(floco3img, 225, cair.y, 50, 50);
+	image(floco4img, 325, cair.y, 50, 50);
+	image(floco1img, 425, cair.y, 50, 50);
+	image(floco2img, 525, cair.y, 50, 50);
+	image(floco3img, 650, cair.y, 50, 50);
+	image(floco4img, 725, cair.y, 50, 50);
+	image(floco1img, 825, cair.y, 50, 50);
+	image(floco2img, 925, cair.y, 50, 50);
+
+	cair.y++;
+
+	if(cair.y >= 400){
+		cair.y = -50
+	}
+
+	image(estrela, estrelaPos.x, estrelaPos.y, 50, 50);
+	image(arvore, 740, 240, 150, 150);
+
+	if(cairEstrela == true){
+
+		estrelaPos.x -=3;
+		estrelaPos.y +=2;
+	}
+}
+
+function mousePressed(){
+	cairEstrela = true
+}
+
+
diff --git a/mariane/snowman.png b/mariane/snowman.png
diff --git a/mariane/star.png b/mariane/star.png