-
HTML5 GSAP 鱼在游水的动画
Swimming Fish Animation 各种各样的鱼,都是使用SVG制作的矢量图。还有晃动的水藻和海底气泡浮起的动画。
-
OBB模型碰撞检测实例
OBB为Oriented Bounding Box。即带方向的包围盒。是物体碰撞检测的一个主要方法。使用EaselJS绘制。 当两个box碰撞到一起时,变为红色。 判定方式:两个多边形在所有轴上的投影都发生重叠,则判定为碰撞;否则,没有发生碰撞。 OBB存在多种的表达方式,这里使用最常用的一种:一个中心点、2个矩形的边长、两个旋转轴(该轴垂直于多边形自身的边,用于投影计算)。Vector2.dot的几何意义:若b为单位矢量,则a与b的点积即为a在方向b的投影。由上面的判定方式,可以得出,两个矩形之间的碰撞检测需要判断四次(每个投影轴一次)。
-
SVG矢量图在iframe中使用示例
SVG sprite,注意把svg矢量图作为iframe的srcdoc属性时,将导致兼容性问题。
-
ThreeJS/WebGL基础教程 - 绘制一根渐变直线
两点(在3D图形中由向量Vector来表示一个点)确定一条直线,顶点颜色不同,VertexColors:定义线条材质是否使用顶点颜色,这是一个布尔值。意思是,线条各部分的颜色会根据顶点的颜色来进行插值,从而形成颜色梯度效果。
-
基于React框架实现的RPG游戏 - 危险的船员
地图和RPG人物角色使用的是SVG矢量图。 RPG的基本要素都具备了: 1. 游戏场景地图 2. 人物角色 3. 人物行走和对话 4. 技能和战斗画面 5.级别管理。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
实时光线追踪技术简介
实时渲染视频级别的计算机三维图形是计算图形领域的终极目标,与现在普遍使用的光栅化渲染技术相比,光线追踪普遍被视为视觉技术的未来方向,可带来近乎真实的真...
生成本地npm包
1、创建一个文件夹,此处我的文件夹名字为test-my-pack
2、在文件根目录初始化npm,可以一路回车
npmOculus Go手柄(控制器)使用说明
Oculus Go是Facebook的一体式、3Dof VR眼镜,其手柄(即控制器)功能很简单。
电池安装
配对控制器
下载 Oculus 应用(这个需要手机科学上网)并...基于elementUI封装自己的UI组件库
three.js添加场景背景和天空盒(skybox)
本文我们介绍在three.js中如何给3D场景添加背景,我们有3种方式来实现这个目的。通过html添加背景元素,这实际上一个2D背景;在three.js加载图片并设置为scene.b...
更多...