我用P5.js創建的簡單游戲包含一個球,該球受重力作用落下并在地面反彈。我想在球觸地時為其添加“壓縮”動畫,以使其看起來更逼真。我如何做到這一點而又不會顯得怪異?代碼是這樣的:function Ball() { this.diameter = 50; this.v_speed = 0; this.gravity = 0.2; this.starty = height / 2 - 100; this.endy = height - this.diameter / 2; this.ypos = this.starty; this.xpos = width / 2; this.update = function() { this.v_speed = this.v_speed + this.gravity; this.ypos = this.ypos + this.v_speed; if (this.ypos >= this.endy) { this.ypos = this.endy; this.v_speed *= -1.0; // change direction this.v_speed = this.v_speed * 0.9; if (Math.abs(this.v_speed) < 0.5) { this.ypos = this.starty; } } } this.show = function() { ellipse(this.xpos, this.ypos, this.diameter); fill(255); }}var ball;function setup() { createCanvas(600, 600); ball = new Ball();}function draw() { background(0); ball.update(); ball.show();}<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.js"></script>
如何在P5中為球添加彈跳壓縮動畫?
呼啦一陣風
2021-05-04 21:29:22