Differences

This shows you the differences between two versions of the page.

--- oliver-wang-generative [2021/06/25 03:14] – oliver.wang
+++ oliver-wang-generative [2021/06/29 01:39] (current) – renick
@@ Line 3: / Line 3: @@
 <HTML>
-<iframe src="https://editor.p5js.org/oliver07280/present/6xKaivlJM" width=99% height=799px></iframe>
+<iframe src="https://editor.p5js.org/renick/present/EBb8_xfW7" width=99% height=799px></iframe>
 </HTML>
@@ Line 9: / Line 9: @@
 I think my dog code is very different with other, cause I want to have a good score of program dog, so I think a lot and type a lot of code. My dog is different with other is because they just use triangle, square, circle, and I use a code name is "noStroke" it can make the shape be no line around it, and that can make shape be closer and then look two shape like one shape. After that I use line to make the dog better, but cost is when I want change whole dog I need to put a lot of time in and that's hard to make thing.
+The animation code is released under the [[https://www.gnu.org/licenses/old-licenses/lgpl-2.1.en.html|GNU Lesser General Public License v2.1]].
 ===== the code for my crazyDog.js =====
@@ Line 14: / Line 16: @@
 <Code:js>
 function setup() {
-  createCanvas(1800, 780);
+createCanvas(1800, 780);
+x = width;
+y = height / 2;
 }
@@ Line 30: / Line 33: @@
 //sun
-//go left
-  if (keyIsDown(LEFT_ARROW)) {
-movingX -= 5;
-movingY += 5;
-if(movingY>780){
-movingY-=5;
-}
-  }
-//go right
-  if (keyIsDown(RIGHT_ARROW)) {
-    x += 5;
-  }
 fill('yellow')
 noStroke(0)
@@ Line 52: / Line 42: @@
 noStroke()
 fill(103, 222, 103)
-rect(positionX, this.positionY+200, 400, 100)
+rect(positionX, this.positionY+200, 400, 480)
 positionX += 200
 }
@@ Line 144: / Line 134: @@
 fill('white')
 //cloud
-ellipse(this.positionX, 24, 50, 30)
+ellipse(x+this.positionX, 24, 50, 30)
-rect(this.positionX-10, 19, 50,  30, 20)
+rect(x+this.positionX-10, 19, 50,  30, 20)
-rect(this.positionX-30, 19, 50,  30, 20)
+rect(x+this.positionX-30, 19, 50,  30, 20)
-ellipse(positionX*i, 49, 50, 30)
+ellipse(x+positionX+4, 49, 50, 30)
 this.positionX = this.positionX + 200
 }
 }
-}
-function backgroundArray (numberOfBackground){
-var dogBackgroundArray = [];
-for(let i = 0; i < numberOfBackground; i++){
-dogBackgroundArray.push(new DogBackground(100, 10))
-}
-return dogBackgroundArray
-}
-function randomArray (numberOfHi){
-var myColorArray = []
-for(let i = 0; i < numberOfHi; i++){
-myColorArray.push (Math.random()*255)
-}
-}
-function pinkDogArray(numberOfDog){
-var DogsArray = []
-for(let i = 0; i < numberOfDog; i++){
-DogsArray.push(new Dog(0, 100, Math.random()*255, Math.random()*255, Math.random()*255,100, 200))
-}
-return DogsArray
-}
-function cloudArray (n){
-var myCloudArray = []
-for(let i = 0; i < n; i++){
-myCloudArray.push(new Cloud(100, 100))
-}
-return myCloudArray
-}
-function draw() {
-  background(161, 193, 238)
-  let myCloudsArray = cloudArray(1)
-console.log(myCloudsArray)
-let myBackgroundArray = backgroundArray(1)
-console.log(myBackgroundArray)
-let myPinkDogArray = pinkDogArray(1)
-console.log(myPinkDogArray)
- for(let i = 0; i < myBackgroundArray.length; i++){
-myBackgroundArray[i].draw()
-}
-for(let i = 0; i < myCloudsArray.length; i++){
-myCloudsArray[i].draw()
-}
-  for(let i = 0; i < myPinkDogArray.length; i++){
-myPinkDogArray[i].draw()
-}
 }
 </Code>