Differences

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

--- oliver-wang-generative [2021/06/20 18:43] – oliver.wang
+++ oliver-wang-generative [2021/06/29 01:39] (current) – renick
@@ Line 1: / Line 1: @@
-========Oliver's code of crazy dog========
+========Oliver Wang's crazyDog.js========
+by [[oliver-wang|Oliver]]
 <HTML>
-<iframe src="https://editor.p5js.org/oliver07280/sketches/6xKaivlJM" width=99% height=799px></iframe>
+<iframe src="https://editor.p5js.org/renick/present/EBb8_xfW7" width=99% height=799px></iframe>
 </HTML>
+===== about my crazyDog.js =====
 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 =====
 <Code:js>
 function setup() {
-  createCanvas(790, 400);
+createCanvas(1800, 780);
-noLoop()
+x = width;
+y = height / 2;
 }
 class DogBackground{
 constructor(y, numberOfDog){
@@ Line 20: / Line 29: @@
 let X = x;
 let positionX = x;
-let movingX = width/2
+let movingX = 100;
-let movingY = height
+let movingY = 100;
 //sun
 fill('yellow')
 noStroke(0)
-circle(movingX, movingY, 100)
+circle(398, this.positionY-100, 100)
-movingX = movingX + 1
-movingY = movingY - 1
 //sky
-for(let i = 0; i < this.numberDog+10 ; i++){
+  for(let i = 0; i < this.numberDog+10 ; i++){
 //grass
 noStroke()
 fill(103, 222, 103)
-rect(positionX, this.positionY+200, 400, 100)
+rect(positionX, this.positionY+200, 400, 480)
 positionX += 200
 }
-//tree
-for(let i = 0; i <this.numberDog+1; i++){
+  //tree
+for(let i =0; i <this.numberDog+1; i++){
 x += 200
 fill(120, 74, 0)
@@ Line 47: / Line 57: @@
 x += 60
 }
 for(let i = 0 ; i < this.numberDog+1; i++){
 fill(246, 98, 135)
 circle(x-118, this.positionY-7, 20)
@@ Line 60: / Line 70: @@
 x -= 290
 }}}
 class Dog {
 constructor(x, y, colorOfDog1, colorOfDog2, colorOfDog3, numberOfDog, space){
@@ Line 80: / Line 90: @@
 rect(this.positionX+82, this.positionY+189, 70, 20, 50);
 rect(this.positionX+19, this.positionY+191, 40, 20, 50)
 //head
 rect(this.positionX+116, this.positionY+146, 40, 35, 15)
 //mouth
 rect(this.positionX+138, this.positionY+160, 30, 20, 10)
 stroke(1)
 noFill()
@@ Line 124: / Line 134: @@
 fill('white')
 //cloud
-ellipse(this.positionX, this.positionY-76, 50, 30)
+ellipse(x+this.positionX, 24, 50, 30)
-rect(this.positionX-10, this.positionY-81, 50,  30, 20)
+rect(x+this.positionX-10, 19, 50,  30, 20)
-rect(this.positionX-30, this.positionY-81, 50,  30, 20)
+rect(x+this.positionX-30, 19, 50,  30, 20)
-ellipse(this.positionX*i, this.positionY-51, 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
-}
-let myCloudsArray = cloudArray(5)
-console.log(myCloudsArray)
-let myBackgroundArray = backgroundArray(5)
-console.log(myBackgroundArray)
-let myPinkDogArray = pinkDogArray(5)
-console.log(myPinkDogArray)
-function draw() {
-background(163, 227, 255)
-for(let i = 0; i < myCloudsArray.length; i++){
-myCloudsArray[i].draw()
-}
-for(let i = 0; i < myBackgroundArray.length; i++){
-myBackgroundArray[i].draw()
-}
-for(let i = 0; i < myPinkDogArray.length; i++){
-myPinkDogArray[i].draw()
 }
 }
 </Code>