canvas
canvas
六卿
冰冻三尺非一日之寒,愿你事事看开,唯独对美好保持执念。
展开
-
原生JavaScript+canvas实现五子棋游戏_值得一看
五子棋最下面是详细代码加注释首先需要一个画布 我们需要一个一个棋盘 <canvas id="canvas"></canvas> let canvas = document.getElementById('canvas') let ctx = canvas.getContext('2d') let redP = document.getElementsByClassName('redP')[0] let blackP = document.getElemen原创 2021-05-15 13:19:00 · 1308 阅读 · 29 评论 -
JS配合canvas实现贪吃蛇小游戏_升级_丝滑版本_支持PC端和移动端
对上一个文章JS配合canvas实现贪吃蛇小游戏做了一个大更新,可以手指控制可以键盘控制,APP端控制方向极为丝滑,代码可以直接copy使用。请忽略上面样式,哈哈哈哈哈,主要看功能代码里面我做了注释,有什么不清楚的大家一起探讨。直接上代码<!-- * @Descripttion: * @Author: zhangJunQing * @Date: 2021-04-25 * @LastEditors: zhangJunQing 1--><!DOCTYPE html&.原创 2021-04-30 10:40:04 · 977 阅读 · 14 评论 -
JS配合canvas实现贪吃蛇小游戏
@Descripttion:@Author: zhangJunQing@Date: 2021-04-25@LastEditors: zhangJunQing机会是留给有准备的人的!这是五一前一周周六,吃了午饭,突然想做个贪吃蛇,没有为啥,也不知道为啥想做这个,马上氪:首先 我们看一下效果图 我们先将简单的样式搞出来:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-.原创 2021-04-25 16:25:09 · 961 阅读 · 28 评论 -
鼠标移动淡入淡出Canvas小球效果_特炫
先看效果鼠标移动生成不同颜色小球向不同方向以移动html<style> html, body { width: 100%; height: 100%; } </style><canvas id="canvas"></canvas>JS <script> let canvas = document.getElementById('canvas原创 2021-04-22 11:01:33 · 692 阅读 · 19 评论