首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
canvas
前端小肥牛
创建于2023-03-30
订阅专栏
最近在看html5+动画基础、记录一下书中的数学公式
暂无订阅
共5篇文章
创建于2023-03-30
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Ascii Art 像素处理
我们可以通过 getImageData() 方法来取得所有的像素点的rgba数据。 使用ctx.getImageData()获取所有的数据,是一个数组,它的长度是所有像素点个数 * 4。为什么是乘以4
飞扬的 jack小游戏(一)
canvas学习开发初级版本的小游戏、后期会继续优化添加新的功能。 这个小游戏主要是dom和画布结合的练习
大鱼吃泡泡小游戏(一)
利用大鱼吃泡泡小游戏主要学习是规则图形中圆形的碰撞测试 主要利用勾股定理: 判断两个图形的距离和两个图形半径相加的值的比较 实例代码:
canvas迷宫小游戏(矩形的碰撞测试)
canvas中碰撞测试是难度较大的知识点,特别是不规则图形。我们首先学习规则的图形,比如说矩形。 下面是我们实现一个迷宫的小游戏,不考虑代码优化,只是单纯的实现功能,知道碰撞测试实现的原理 实例代码:
使用canvas画一个椭圆(正弦波和余弦波)
我们正常在canvas上画一个椭圆形可以使用 ctx.ellipse api 但是我们如果不使用api我们需要怎么画一个椭圆呢 首先我们看一下正弦波和余弦波的波形图 那么我们可以根据波形图规律来循环正