2017年11月16日

canvas 实现掉落效果

摘要： var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d'); cxt.strokeStyle = 'red'; var gravity = 0.98; var timer; var index = 阅读全文

posted @ 2017-11-16 22:44 LY_Young 阅读(590) 评论(0) 推荐(0)

canvas 实现贪吃蛇游戏

摘要： var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d'); // 定时器 var timer; // 游戏是否结束 var iStop = false; var index = 0; // 蛇位 阅读全文

posted @ 2017-11-16 22:42 LY_Young 阅读(360) 评论(0) 推荐(0)

canvas 实现微信小游戏

摘要： var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d'); var timer; var iStop = false; var rotateSpeed = 0; var endLines = [ 阅读全文

posted @ 2017-11-16 22:41 LY_Young 阅读(551) 评论(0) 推荐(0)

canvas 实现飘浮桥效果

摘要： var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d'); var timer; var iStop = false; var radius = 50; var transX = 0; var 阅读全文

posted @ 2017-11-16 22:40 LY_Young 阅读(335) 评论(0) 推荐(0)

canvas 实现圆环效果

摘要： var race = document.getElementById('race'); var cxt = race.getContext('2d'); var ang = 0; var speed = 1; var sAng = 0; function draw() { cxt.save(); c 阅读全文

posted @ 2017-11-16 22:39 LY_Young 阅读(478) 评论(0) 推荐(0)

canvas 实现时钟效果

摘要： var clock = document.getElementById('clock'); var cxt = clock.getContext('2d'); function drawClock(){ var now = new Date(); var sec = now.getSeconds() 阅读全文

posted @ 2017-11-16 22:38 LY_Young 阅读(204) 评论(0) 推荐(0)

canvas 实现烟花效果

摘要： 一：创建画布 <canvas width="600" height="600" id="canvas" style="border:1px solid red;"></canvas> 二：实现功能 var canvas = document.getElementById('canvas'); var 阅读全文

posted @ 2017-11-16 22:37 LY_Young 阅读(701) 评论(0) 推荐(0)

canvas 实现弹跳效果

摘要： 一：创建画布 <canvas width="600" height="600" id="canvas"></canvas> 二：代码实现 var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d') 阅读全文

posted @ 2017-11-16 22:30 LY_Young 阅读(1056) 评论(0) 推荐(0)

canvas 实现太阳系效果

摘要： 一：创建画布 <canvas width="1000" height="1000" id="solar" style="background: #000000"></canvas> 二：实现功能 var solar = document.getElementById('solar'); var cx 阅读全文

posted @ 2017-11-16 22:29 LY_Young 阅读(359) 评论(0) 推荐(0)

canvas 实现赛车游戏

摘要： 一：创建画布 <canvas width="200" height="500" id="canvas" style="border:10px solid #A2CD5A;"></canvas><input type="text" placeholder="难度(1-5)" id="sd"><div 阅读全文

posted @ 2017-11-16 22:27 LY_Young 阅读(668) 评论(0) 推荐(0)