白玉无冰

折纸效果： 1. 学习assmebler 2. 学习向量计算 3. 只占用1个drawcall

相机跟随的原理就像是，你暗中跟随观察(~~尾随~~)你心仪的对象(~~Object~~)。 既然是观察，就要与对象保持一定的距离。 为了不被对象发现，我们观察的位置和对象的朝向有关。 当然，你要看到对象，你的眼睛方向一定得看着对象吧，这就是视口方向。 针对我们要达到的效果，需要…

最近逛论坛，看到有一位小伙伴想实现以下这种透视效果。 接着，去找了这个游戏的素材，都是2d图片。 纯2d实现：对一张图片的每个顶点做一次投影变换，算出每个顶点在2d屏幕中的坐标。 用3d实现：调整相机参数，图片放在 Quad (四方形) 上，布置3d场景。 新建场景后，在场景中…

本文不会讲太多四元数公式的推导过程，重点讲讲几个接口的使用和个人理解。 平滑插值。 (矩阵基本没有，欧拉角可以做插值，但可能遭遇万向锁的问题) 快速连接和角位移求逆。 能和矩阵快速转换。 仅用四个数。（矩阵9个，欧拉角3个） ~~难以理解，学会了看起来很牛逼。~~ 四元数可能不…

模型的形状一般都是由三角形围成的，每个顶点一般都会有一个法线信息。 所以我们只需要把每个顶点的位置沿着法线方向，增加一点距离就可以了。 先找到模型的材质，看看默认使用的是什么effect (一般都是builtin-standard.effect)。 拷贝一份 effect 开始…

雾效(fog)是游戏中常用的一种效果，根据远近产生不同的深度的雾效果。 这个效果涉及两个关键字。 在着色器中，雾效的距离，一般转成换计算雾效因素(factor_fog)，这个数字范围是0-1。 接着再根据这个雾效因素去计算颜色，混合当前颜色color和雾factor_fog的颜…

引擎内置的 box2d.js 其实已经携带了 google 的 liquidfun（但是没有公开接口和适配）。并且引擎还对 box2d 做了一次适配，绑定到全局变量的 b2。 参考 https://github.com/google/liquidfun 中的其中一个demo。 …

在贪吃蛇大作战！蛇移动的思考与实现! 中使用到一个摇杆控制器，不过这是在2D层面上，这次把它改到3D上。 摇杆的原理大致是把触摸点的位置传给需要的组件。(参考KUOKUO的摇杆组件改的) 监听触摸事件后，需要做一次坐标转换。在 Cocos 3D 中 ，坐标转换要用 UITran…

绿色为参加检测的对象(当前四叉树节点)，红色为碰撞对象。 引入脚本 QuadtreeCollision.ts ， 新建一个 QuadtreeCollision ，并初始化为世界坐标系下的对齐轴向的包围盒（AABB）。 传入待检测的碰撞数组 cc.Collider[] 和测试对象…