本系列文章对应游戏代码已开源 Sinuous game。 每个游戏都会包含场景和角色。要实现一个游戏角色，就要清楚角色在场景中的位置，以及它的运动规律，并能通过数学表达式表现出来。 场景坐标 canvas 2d的场景坐标系采用平面笛卡尔坐标系统，左上角为原点(0,0)，向右为x轴正方向，向下为y轴正 ...
分类：
其他好文 时间：
2020-05-22 16:58:58
阅读次数：
61
在这之前 需要你懂得以下方法的使用： beginPath() moveTo() lineTo() closePath() 具体用法可以参考我的上一篇文章 canvas入门－利用canvas制作一个七巧板 矩形的绘制 canvas提供了三种绘制矩形的方法： fillRect(x, y, width, ...
分类：
其他好文 时间：
2020-05-22 16:51:50
阅读次数：
57
html5 新功能 简化语法 `` 语义化标签 注意兼容性 表单元素的升级 新增 canvas 标签 删除 标签 删除 标签 新增一些 API（主要是供 js 使用的） webstorage：localStorage、seessionStorage 本地存储解决方案 web socket：新的客户端 ...
分类：
Web程序 时间：
2020-05-21 14:49:36
阅读次数：
53
《每周一点canvas动画》——差分函数的妙用 每周一点canvas动画代码文件 好像上次更新还是十一前，这唰唰唰的就过去大半个月了，现在才更新实在不好意思。这次我们不涉及canvas 3D的内容，主要分享一个比较炫的动画效果，可以算是上一篇文章《每周一点canvas动画》——3D点线与水波动画的加 ...
分类：
其他好文 时间：
2020-05-21 00:17:13
阅读次数：
51
之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。 先看看最后我们实现的效果：http://www.hightopo.com/demo/... 我们先来看下这个叶轮模型长什么样 从模型上看，这个叶轮模型有三个叶片，每一个叶片都是不规则图形，显然无法用上我们HT f ...
分类：
Web程序 时间：
2020-05-20 18:51:09
阅读次数：
67
hi，这是一个仿支付宝芝麻信用分的一个canvas，其实就是一个动画仪表盘。 首先， 上原图： 这个是在下支付宝上的截图，分低各位见笑了。然后看下我用canvas实现的效果图： <canvas id="canvas" width="400" height="700" data-score='724' ...
分类：
其他好文 时间：
2020-05-19 22:30:13
阅读次数：
114
一.Matplotlib的图像的结构图： 1. 第一层是底层的容器层，主要包括Canvas、Figure、Axes； 2. 第二层是辅助显示层，主要包括axis、spines、grid、legend、title等； 3. 第三层为图像层，即通过plot、scatter等方法绘制的图像。 2.Canv ...
分类：
编程语言 时间：
2020-05-19 20:31:12
阅读次数：
78
上一篇给大家讲了一下canvas的一些概念性的东西，这一篇我们来讲一下canvas的最基础的应用： 定义一个canvas：?? var ctx =document.getElementById_x("canvas").getContext('2d'); （1）画图 ctx.fillStyle="rg ...
分类：
其他好文 时间：
2020-05-18 21:06:54
阅读次数：
63
如何实现小程序刮刮卡呢？ 思路是： 1. 先将中奖的图片或者文字位置和大小确定 2. 开始画canvas，将位置和大小跟之前中奖的文案的位置保持一致。 3. 在canvas上覆盖一层灰色的蒙层，作出刮刮卡未刮之前的效果 具体代码如下 4. 开始做刮刮卡的动作，在canvas定义bindtouchst ...
分类：
微信 时间：
2020-05-18 18:43:50
阅读次数：
151
本篇主要讲述九宫格上传图片 图片编辑实现效果: 图片编辑实现原理: 实现九宫格编辑图片可以做成一个组件,使用原生的图片上传方式通过 input 标签上传图片 一般图片都挺大,避免用户等待时间过长,使用 canvas 将上传的图片进行压缩 每次成功上传一张图片 && 图片总量 < 9 就在图片数组后p ...
分类：
Web程序 时间：
2020-05-18 18:38:24
阅读次数：
65
