cashapp-clone-demo - OpenProcessing

mySketch
xxxxxxxxxx
 
let tabBar, tabBar2, tabBarTop,
    main1, main2, main3,
    payScreen,
    scroll=0, scrollVel=0, scrollDmp=0.85,
    page=0,
    trackY=0,trackReset=1
​
preload=_=>{
  tabBar=loadImage('tabBar.png')
  tabBar2=loadImage('tabBar2.png')
  tabBarTop=loadImage('tabBarTop.png')
  main1=loadImage('main1.png')
  main2=loadImage('main2.png')
  main3=loadImage('main3.png')
  payScreen=loadImage('payScreen.png')
}
​
setup=_=>{
  createCanvas(windowWidth>450?450:windowWidth-1,windowHeight-1)
}
​
draw=_=>{
  if(touches.length){
    if(trackReset){
      trackY=touches[0].y
    }else{
      scrollVel=touches[0].y-trackY
      trackY=touches[0].y
    }
  }
  trackReset=0
  if(scroll>0)scrollVel-=scroll/60
  if(scroll<height-main1.height-main2.height-main3.height)scrollVel-=(scroll+main1.height+main2.height+main3.height-height)/60
  scroll+=scrollVel
  scrollVel*=scrollDmp
  background(0)
  push()
  scale(width/main1.width,width/main1.width)
  translate(-main1.width*page,0)
  image(payScreen,main1.width,-4,main1.width,payScreen.height*main1.width/payScreen.width)
  push()
  translate(0,scroll+tabBarTop.height*main1.width/tabBarTop.width)
  image(main1,0,0,main1.width,main1.height)
  image(main2,0,main1.height,main1.width,main2.height*main1.width/main2.width)
  image(main3,0,main1.height+main2.height,main1.width,main3.height*main1.width/main3.width)
  pop()
  image(tabBarTop,-2,0,main1.width,tabBarTop.height*main1.width/tabBarTop.width)
  image(tabBar,0,height*main1.width/width-tabBar.height*main1.width/tabBar.width,main1.width,tabBar.height*main1.width/tabBar.width)
  image(tabBar2,main1.width,height*main1.width/width-tabBar2.height*main1.width/tabBar2.width,main1.width,tabBar2.height*main1.width/tabBar2.width)
  pop()
}
​
mouseWheel=e=>{
  scrollVel=-e.delta/3
}
​
keyReleased=_=>{
  if(key=="f")page=!page
}
​
mouseReleased=_=>{
  if(mouseY>height-(tabBar.height*main1.width/tabBar.width)*width/main1.width){
    if(mouseX<width/5)page=0
    if(abs(mouseX-width/2)<width/10)page=1
  }
}
​
touchStarted=_=>{
  trackReset=1
}