js小游戏
文章平均质量分 94
js实现的小游戏:
消消乐,你画我猜……
callmeCassie
不掉头发的程序媛(不掉头发的程序员不是好程序员?)
展开
-
遮罩层经典引用
效果图:原创 2019-05-19 14:25:42 · 264 阅读 · 0 评论 -
css3实现折纸效果
css3实现折纸效果实现步骤1.文字居中且有立体感/*内容块绝对居中*/ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50......转载 2019-02-03 15:31:16 · 1597 阅读 · 0 评论 -
生成随机星星
效果图实现代码1.html结构<div id="wrapper"> <!-- 月亮 --> <div id="circle"></div></div>2.css样式 * { margin: 0; padding: 0; }原创 2019-02-09 16:02:58 · 1823 阅读 · 0 评论 -
鼠标拖动地球远近控制音乐音量大小
效果图:代码1.html结构<div class="wrapper"> <audio autoplay loop></audio> <div class="title">拖动地球远近来控制音量大小</div> <div class="circle sun"></div> &l...原创 2019-05-19 18:41:15 · 569 阅读 · 0 评论 -
原生js实现简易版消消乐
效果图整体思路html结构<div id="pop_star"> <div id="targetScore">目标分数:1500</div> <div id="nowScore">当前分数:0</div> <div id="selectScore">0块0分</div></...原创 2020-01-09 23:17:33 · 3571 阅读 · 8 评论 -
css3实现图片折叠效果
效果展示 图1 未点击 图2 点击后 # 知识点:主要用transform和transition# 代码实现:html部分 &lt;div class="wrapper"&gt; &lt;ul class="stacks-cards"&gt;原创 2018-12-12 14:49:13 · 3557 阅读 · 0 评论 -
canvas实现点线动画效果
效果图转载 2019-05-10 21:38:09 · 5411 阅读 · 0 评论 -
canvas之你画我猜
效果图:知识点:(更多)Canvas.getContext(‘2d’) // 3d webGLctx.moveTo(x,y)ctx.lineTo(x,y) // 从当前的点绘制到x,yctx.stroke() // 描边ctx.fill() // 填充ctx.strokeStyle() // 设置或返回用于笔触的颜色、渐变或模式ctx.closePath() // 结束绘制子...原创 2019-05-18 15:40:24 · 1783 阅读 · 0 评论 -
canvas实现黑客帝国效果
效果图:代码实现:1.html结构<canvas id="mom" style="background:#000"></canvas>2.获取canvas上下文对象及宽高var canvas=document.getElementById('mom');var ctx=canvas.getContext('2d');var w=window.innerWi...原创 2019-05-18 18:00:22 · 1372 阅读 · 0 评论