const{min,max,abs,sign,sqrt,sin,cos,PI}=Math; var canvas; var W = window.innerWidth, H = window.innerHeight; window.onload = function() { canvas = document.getElementsByTagName('canvas')[0]; canvas.width = W; canvas.height = H; ctx = canvas.getContext('2d'); Ground.init(); setTimeout(() => Ground.transforms.push(new Wave(0, 60, PI/5, 0.5, 6)), 500); setTimeout(() => Ground.transforms.push(new Wave(59, -1, PI/5, 0.3, -8)), 2600); setTimeout(() => Ground.pulse (0, 60, 0.25, 0.8), 11000); mainloop(); } function mainloop() { window.requestAnimationFrame(mainloop); update(); ctx.fillStyle = 'rgb(64,15,50)'; ctx.fillRect(0, 0, W, H); Ground.mesh.draw(); } function update() { Ground.updateTransforms(); Ground.updatePillars(); } function Vector(x,y){this.x=x;this.y=y} Vector.prototype.set=function(x,y){this.x=x;this.y=y} Vector.prototype.clone=function(){return new Vector(this.x,this.y)} Vector.prototype.copy=function(vector){this.x=vector.x;this.y=vector.y} function Geometry(path){this.path=new Float32Array(path)} Geometry.prototype.getVerts=function(){let v=[];for(let i=0;i 0 && t < 750/this.speed) this.set(1-t/1e3*this.speed*this.h/3*4); else if(t > 0 && t < 1e3/this.speed) this.set(1-(1-t/1e3*this.speed)*this.h*4); else if(t > 1e3/this.speed) { this.set(1); this.atend(); } } Pulse.prototype.set = function(v) { for(let i = this.i; i < this.i+this.w; i++) this.forma[i] = v; } /* Wave behavior s, e - start & end indexes speed - positive=cw, negative=ccw */ function Wave(s, e, w, h, speed, atend) { this.forma = new Float32Array(60); for(let i=0;i<60;i++) this.forma[i] = 1; this.s = s; this.e = e; this.start = Date.now(); this.speed = speed; this.w = w; this.h = h; this.atend = atend || function() {}; } Wave.prototype.update = function() { let t = Date.now() - this.start; this.set(t/1e3*abs(this.speed)); } Wave.prototype.set = function(t) { let v, k = sign(this.speed); for(let i = this.s; i != this.e; i += k) { if(k == -1) v = k*t+2/this.w*k*(i-this.s)/PI; else v = k*t-2/this.w*k*i/PI; if((k == 1 && v >= 0 && v < 2*PI) || (k == -1 && v >= -2*PI && v < 0)) this.forma[i] = 1+(cos(v)-1)*this.h/2; else this.forma[i] = 1; } }

Wyvel (simple game mechanic)