p5.js Web Editor | EcoSystemProject

xxxxxxxxxx
​
let d, dHouse, bonesBox, bone = null;
​
const DOGSTATE = {
  IDLE: 'IDLE',
  MOVING: 'MOVING',
  WAITING_DOG_HOUSE: 'WAITING_DOG_HOUSE',
}
​
function setup() {
  createCanvas(900, 600);
  dHouse = new DogHouse();
  d = new Dog();
  d.setLocationTo(dHouse.getHousePosition());
  d.setHouse(dHouse);
  
  bonesBox = new BonesBox();
}
​
function draw() {
  background(0);
  d.update();
  d.checkEdges();
  d.draw();
  
  bonesBox.draw();  
  dHouse.draw();
  
  if(bone){
    bone.draw();
  }
  
  if(d.isChasingBone){
    d.drawGetBone(bone.getLocation());
  }
}
​
function mousePressed(){
  if(bonesBox.isMouseOnBox(mouseX, mouseY) && bone === null){
    bone = new Bone(mouseX, mouseY);
  } else if (bone !== null && bone.isMouseOnBone(mouseX, mouseY) && !bone.isSelected){
    bone.setIsSelected(true);
  }
}
​
function mouseDragged(){
  if(mouseIsPressed && bone !== null && bone.isSelected){
    bone.setLocation(mouseX, mouseY);
    d.goGetBone(bone.getLocation());
  }
}
​
function mouseReleased(){
  console.log("released");
  if(bone && bone.isSelected){
    bone.setIsSelected(false);
    d.goGetBone(bone.getLocation());
  }
}
​
​
class Bone {
  constructor(cx, cy){
    this.location = createVector(cx, cy);
    this.velocity = 0;
    this.acceleration = 0;
    this.isSelected = false;
  }
  
  setIsSelected(value){
    this.isSelected = value;
  }
  
  isSelected() {
    return this.isSelected;
  }
  
  isMouseOnBone(mX, mY){
    if(mX > this.location.x - 30 && mX < this.location.x+30 && mY > this.location.y-10 && mY < this.location.y+10){
      return true;
    }
  }
  
  getLocation(){
    return this.location;
  }
  
  setLocation(mX, mY){
    this.location = createVector(mX, mY);
  }
  
  
  draw(){
    rectMode(CENTER);
    fill("black");
    rect(this.location.x, this.location.y, 40,10);
    rect(this.location.x-20, this.location.y, 10, 20);
    rect(this.location.x+20, this.location.y, 10, 20);
  }
}
​
class BonesBox {
  constructor(){
    this.size = 80;
    this.offset = 20;
  }
  
  isMouseOnBox(mX, mY){
    if(mX>this.offset && mX<this.offset+this.size && mY > height-this.size-this.offset && mY < height-this.offset){
      return true;
    }
    return false
  }
  
  draw(){
    rectMode(CORNER);
    fill("black");
    rect(this.offset, height-this.size-this.offset, this.size, this.size);
    
    fill("white");
    text("Bones box", this.offset+this.size/2, height-this.size/2-this.offset);
    
  }
}
​
class DogHouse {
  constructor(){
    this.offsetX=60;
    this.offsetY=60;
    this.distanceCenterXMax= 40;
    this.distanceCenterXMin= 20;
    this.distanceCenterYMax= 50;
    this.distanceCenterYMin= 30;
  }
  
  getHousePosition(){
    return createVector(this.offsetX, this.offsetY);
  }
  
  getArea(){
    return {
             topLeft: createVector(this.offsetX-this.distanceCenterXMax, this.offsetY-this.distanceCenterYMax),
             topRight: createVector(this.offsetX+this.distanceCenterXMax, this.offsetY-this.distanceCenterYMax),
             bottomRight: createVector(this.offsetX+this.distanceCenterXMax, this.offsetY+this.distanceCenterYMin),
             bottomLeft: createVector(this.offsetX-this.distanceCenterXMax, this.offsetY+this.distanceCenterYMin)
           }
  }
  
  draw(){
    stroke("white");
    fill("black");
  
    beginShape();
    vertex(this.offsetX-this.distanceCenterXMax, this.offsetY-this.distanceCenterYMax);
    vertex(this.offsetX+this.distanceCenterXMax, this.offsetY-this.distanceCenterYMax);
    vertex(this.offsetX+this.distanceCenterXMax, this.offsetY+this.distanceCenterYMin);
    vertex(this.offsetX+this.distanceCenterXMin, this.offsetY+this.distanceCenterYMin);
    vertex(this.offsetX+this.distanceCenterXMin, this.offsetY);
    vertex(this.offsetX-this.distanceCenterXMin, this.offsetY);
    vertex(this.offsetX-this.distanceCenterXMin, this.offsetY);
    vertex(this.offsetX-this.distanceCenterXMin, this.offsetY+this.distanceCenterYMin);
    vertex(this.offsetX-this.distanceCenterXMax, this.offsetY+this.distanceCenterYMin);
    endShape(CLOSE);
    
    fill("white");
    text('Dog\'s house !', this.offsetX, this.offsetY-this.distanceCenterXMin); 
    textAlign(CENTER, CENTER);
  }
  
}
​
class Dog {
  constructor(){
    this.location = createVector(random(0, width), random(0, height));
    this.velocity = createVector(0,0);
    this.dogState = DOGSTATE.WAITING_DOG_HOUSE
    this.dogHouse = null;
    this.dogSize = 16;
    this.isChasingBone=false;
    this.tempBone = null;
  }
  
  setLocationTo(newLoc){
    this.location = newLoc;
  }
   
  setHouse(house){
    this.dogHouse = house;
  }
  
  isChasingBone(){
    return this.isChasingBone;
  }
  
  goGetBone(bLoc){
    this.isChasingBone=true;
    this.tempBone = bLoc;
    this.dogState = DOGSTATE.MOVING;
  }
  
  drawGetBone(bLoc){
    const boneVector = createVector(bLoc.x, bLoc.y);
    const newPosition = p5.Vector.sub(this.location, boneVector);
​
    fill("white");
    stroke("white");
    line(this.location.x, this.location.y, boneVector.x, boneVector.y);
  }
  
  update() {
    switch(this.dogState){
      case DOGSTATE.WAITING_DOG_HOUSE:
        const areaHouse= this.dogHouse.getArea();
        this.acceleration = createVector(0, random(-0.5, 0.5));
        const tempVelocity = this.velocity.copy();
        const tempLocation = this.location.copy();
        tempVelocity.add(this.acceleration);
        tempLocation.add(tempVelocity);
        if(areaHouse && tempLocation.y > areaHouse.topRight.y + this.dogSize/2 && tempLocation.y < areaHouse.bottomRight.y - this.dogSize/2){
          this.velocity.add(this.acceleration);
          this.velocity.limit(3);
          this.location.add(this.velocity);
        } else {
          this.acceleration = createVector(0, this.acceleration.y*-2);
          this.velocity.add(this.acceleration);
          this.velocity.limit(3);
        }
      case DOGSTATE.MOVING:
          if(this.isChasingBone){
            const boneVector = this.tempBone;
            const newPosition = p5.Vector.sub(boneVector, this.location);
            let tempAccel = newPosition.copy();
            this.acceleration = tempAccel;
            this.velocity.add(this.acceleration);
            this.velocity.limit(3);
            this.location.add(this.velocity);
          }
        break;
        default:
        break;
    }
  }
  
  checkEdges(){
    if(this.location.x < 0){
      this.location.x = width;
    }
    
    if(this.location.x > width){
      this.location.x = 0;
    }
    
    if(this.location.y < 0){
      this.location.y = height;
    }
    
    if(this.location.y > height){
      this.location.y = 0;
    }
  }
​
​
  draw() {
    stroke("white");
    fill("black");
    ellipse(this.location.x, this.location.y, this.dogSize, this.dogSize);
  }
​
}
Cookies

Sketch Files

Console

Preview
