Differences

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

--- daniel-ho-generative [2021/06/20 23:31] – renick
+++ daniel-ho-generative [2021/06/29 01:30] (current) – renick
@@ Line 1: / Line 1: @@
 ====== Daniel Ho's crazyDog.js ======
+[[daniel-ho|by Daniel]]
 <HTML>
-<iframe src="https://editor.p5js.org/daniel.ho/present/6LwreTk1X" width=99% height=799px></iframe>
+<iframe src="https://editor.p5js.org/renick/present/CFQiYy25R" width=99% height=799px></iframe>
 </HTML>
-======DESCRIPTION======
+===== about my crazyDog.js =====
-This is my crazyDog.js. I've been working on it all semester. The hardest thing was... I'm proud of it because... The code for my artwork is below. It's licensed as Creative Commons XXXXX.
+This is my crazyDog.js. I've been working on it all semester. I think the hardest thing was that I need to make the loop function slower. For example, if I draw a dog, and loop it 10 times, it only need 5 second, but now i want it to draw ten dogs but use 10 second. The thing that im proud of is that I found out that if I let the website lag enough, I cant let the loop get slower(dont try it, it might let your computer crash....). The code for my artwork is below.
+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() {
+function setup() {
-  createCanvas(1000,1000);
+  createCanvas(1800,780);
+  background(0)
 }
-class background{
-  constructor(x,y){
-    this.posix = x
+function backgroundpatterns(x,y,bgColor){
-    this.posiy = y
+  for(let i = 0; i<174;i++){
-  }
+    fill(bgColor)
-  draw(){
-    fill(color(random(0,255),random(0,255),random(0,255)))
-    ellipse(this.posix,this.posiy,10)
-    rect(this.posix-3,this.posiy-3,5)
-  }
-}
-function backgroundpatterns(x,y){
-  for(let i = 0; i<100;i++){
-    fill(color(random(0,255),random(0,255),random(0,255)))
 ellipse(x,y,10)
 rect(x-3,y-3,5)
@@ Line 34: / Line 32: @@
   }
 }
-function backgroundpatterns2(x,y){
+function backgroundpatterns2(x,y,bgColor){
-  for(let i = 0;i<100;i++){
+  for(let i = 0;i<60;i++){
-    fill(color(random(0,255),random(0,255),random(0,255)))
+    fill(bgColor)
-    backgroundpatterns(x,y)
+    backgroundpatterns(x,y,bgColor)
     y = y+10
   }
 }
 class dog {
   constructor(x1,y1,num){
@@ Line 64: / Line 62: @@
   triangle(50+this.positionx, 40+this.positiony, 60+this.positionx, 10+this.positiony, 70+this.positionx, 40+this.positiony);}
 }
 function loopdog(x) {
    let outputarray = [];
   for(let i = 0;i<x;i++){
- outputarray.push(new dog(random(0,500),0,0 + (random(0,10) *i)))
+ outputarray.push(new dog(random(0,1700),275,0 + (random(0,30) *i)))
   }
   //console.log(outputarray)
 return outputarray
 }
-//A
-function A (){
-}
-//B
-function B(){
-}
-//C
-function C(){
-}
-//D
-function D(){
-}
-//E
-function E(){
-}
-//F
-function F(){
-}
-//G
-function G(){
-}
-//H
-function H(){
-}
-//I
-function I(){
-}
-//J
-function J(){
-}
-//K
-function K(){
-}
-//L
-function L(){
-}
-//M
-function M(){
-}
-//N
-function N(){
-}
-//O
-function O(){
-}
-//
-function P(){
-}
 //function loopbackground(y){
   //let outputarray2 = [];
   //for(let)
 //}
+let redraw = 0;
+function drawBackground (){
+  if (redraw == 0) {
+  backgroundpatterns2(20, 100, ([255*Math.random(),255*Math.random(),255*Math.random()]));
+    redraw = 1
+}
+}
 function draw() {
-  backgroundpatterns2(20,20)
+  drawBackground();
-  let dog2 = new dog(0,0,0)
+  //let background3 = new background(10,10)
-  dog2.draw()
+  //background3.draw()
-  let background3 = new background(10,10)
-  background3.draw()
   let mydog = loopdog(10);
 for(let i = 0; i < mydog.length ; i++){
-    mydog[i].draw()
+   mydog[i].draw()
-  //setTimeout(function(){
+  }
-    //mydog[i].draw()
-//}, 2000);
 }
-}**
 </Code>
+By: [[:daniel-ho|Daniel]]