机器人跳舞小程序演示(html).pdfVIP

机器人跳舞小程序演示（ html ） 说明使用方式 适用浏览器： 360、FireFox 、Chrome、Opera、傲游、搜狗、世界之窗 . 不支持 Safari 、IE8 及 以下浏览器。 以下是程序代码 !doctype html html head meta charset=utf-8 titleHTML5 Canvas 机器人跳舞动画特效 /title style body html { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; } canvas { position: absolute; width: 100%; height: 100%; background:#000; cursor: pointer; } /style /head body audio src=In-Grid - Im Folle de Toi - In-Grid Banks C..mp3 autoplay/audio canvas/canvas /body scxxxxript { class Robot { constructor(color light size x y struct) { this.x = x; this.points = []; this.lixxxxnks = []; this.frxxxxame = 0; this.dir = 1; this.size = size; this.color = Math.round(color); this.light = light; // 创建点 for (const p of struct.points) { this.points.push(new Robot.Point(size * p.x + x size * p.y + y p.f)); } // 创建链接 for (const lixxxxnk of struct.lixxxxnks) { const p0 = this.points[lixxxxnk.p0]; const p1 = this.points[lixxxxnk.p1]; const dx = p0.x - p1.x; const dy = p0.y - p1.y; this.lixxxxnks.push( new Robot.lixxxxnk( this p0 p1 Math.sqrt(dx * dx + dy * dy) lixxxxnk.size * size / 3 lixxxxnk.lum lixxxxnk.force lixxxxnk.disk ) ); } } update() { if (++this.frxxxxame % 20 === 0) this.dir = -this.dir; if ( dancerDrag this === dancerDrag this.size 16 this.frxxxxame 600 ) { dancerDrag = null; dancers.push( new Robot( this.color this.light * 1.25 this.size * 2 pointer.x pointer.y - 100 * this.size * 2