Odyssey project - OpenProcessing

draw
imgutils
terrainutils
xxxxxxxxxx
 
let pos=[0,200],vel=[0,-1],jmpc=0,
    all4,jumpState=0,dir=1,dirdir=1,jumpTimer=0
​
preload=_=>{
  all4=loadImage("all-four.png")
  loadAllImgs()
}
​
setup=_=>{
  createCanvas(windowHeight,windowHeight)
  noiseSeed(500)
}
​
draw=_=>{
  push();scale(height/500)
  if(Date.now()-jumpTimer<100)jumpState=0
  else if(Date.now()-jumpTimer<370)jumpState=1
  else if(Date.now()-jumpTimer<460)jumpState=2
  else jumpState=3
  vel[1]-=0.2
  pos[0]+=vel[0]
  pos[1]+=vel[1]
  dir=Math.max(-1,Math.min(1,dir+dirdir*0.3))
  if(keyIsDown(65))vel[0]=-7+(7+vel[0])*0.9
  if(keyIsDown(68))vel[0]=7+(-7+vel[0])*0.9
  if(keyIsDown(LEFT_ARROW))vel[0]=-40
  if(keyIsDown(RIGHT_ARROW))vel[0]=40
  if(pos[1]<calTerrainAt(pos[0]/20)){
    jumpTimer=Date.now()
    if(!keyIsPressed)vel[0]*=0.7;pos[1]=calTerrainAt(pos[0]/20);vel[1]=0
    if(slopeAt(pos[0]/20)<-0.03){
      if(vel[0]>3&&Date.now()-jmpc>400){jump(0.7);jmpc=Date.now()}
    }
    if(slopeAt(pos[0]/20)>0.03){
      if(vel[0]<-3&&Date.now()-jmpc>400){jump(0.7);jmpc=Date.now()}
    }
  }
  else{if(!keyIsPressed)vel[0]*=0.9}
  if(keyIsPressed){if(vel[0]>0)dirdir=1;else dirdir=-1}
  background(255);noStroke();fill(0)
  push()
  translate(0,120)
  for(let i=0;i<imgs.length;i++){
    if(Math.abs(pos[0]-imgs[i][0])<imgs[i][3].width/2*imgs[i][5]+250&&Math.abs(pos[1]+120-imgs[i][1])<imgs[i][3].height/2*imgs[i][5]+250){
      image(
        imgs[i][4]?
        imgs[i][3].get(imgs[i][4][0],imgs[i][4][1],imgs[i][3].width-imgs[i][4][2],imgs[i][3].height-imgs[i][4][3]):
        imgs[i][3],
        250+imgs[i][0]-imgs[i][3].width/2*imgs[i][5]-pos[0],200-imgs[i][3].height/2*imgs[i][5]-imgs[i][1]+pos[1],
        imgs[i][3].width*imgs[i][5],imgs[i][3].height*imgs[i][5]
      )
    }
  }
  beginShape()
  curveVertex(-50,450)
  for(let i=-4;i<29;i++){
    curveVertex(i*20-pos[0]+Math.floor(pos[0]/20)*20,240+terrainAt(i+Math.floor(pos[0]/20))+pos[1])
  }
  curveVertex(550,450)
  curveVertex(-50,450)
  endShape(CLOSE)
  push();translate(250,190)
  scale(dir,1)
  image(
    all4.get(jumpState*all4.width/4,0,all4.width/4,all4.height),
    -all4.width/8,
    0,
    all4.width/4,
    all4.height
  )
  pop()
  stroke(0)
  //line(250,220+terrainAt(12.5+pos[0]/20)+pos[1],250,160+terrainAt(12.5+pos[0]/20)+pos[1])
  if(Math.abs(slopeAt(pos[0]/20))>0.05)stroke(0,255,0)
  //line(250,100,270,100+slopeAt(pos[0]/20)*20)
  pop()
  pop()
}
​
keyPressed=_=>{
  if(([' ','w']).includes(key))jump()
}
​
jump=(x=1)=>{
  vel[1]=6*x//Math.min(6*x,vel[1]+9*x)
  jumpTimer=Date.now()
}
​
terrainAt=x=>{
  let a=Math.min(
    Math.abs(Math.sin(x/5))*20+200,
    noise(x/9)*30+islandtransition(x)
  )
  return a
}
​
calTerrainAt=x=>{
  return -terrainAt(x+12.5)+10
}
​
slopeAt=x=>(terrainAt(x+15.5)-terrainAt(x+9.5))/60