lamyoung

白玉无冰 | 专注难点 | 每天进步一点点 | 游戏开发 | Cocos Creator | shader

基础光照模型! Cocos Creator 2D 光照!

在2d中实现基础光照效果! 前言 本文主要讲的是最基础的光照模型(冯氏光照模型(Phong Lighting Model)),是一种光照的简化模型。请务必记住以下几个英文单词,对学习研究非常有帮助。 环境(Ambient) 漫反射(Diffuse) 镜面高光(Specular) 希望我们能大概了解这些知识(但不限于这些) 向量(加法/点乘/叉乘) 着色...

四元数与3D旋转实例! Cocos Creator 3D Quaternion !

用几个实用的例子带你理解四元数! 前言 本文不会讲太多四元数公式的推导过程,重点讲讲几个接口的使用和个人理解。 阅读本文可能需要一些前置的知识(但不限于这些知识点): 向量 (内积外积/基本运算/几何意义) 坐标系(左手系/右手系/世界坐标/本地坐标) 矩阵(平移/旋转/缩放/模型矩阵/视图矩阵/投影矩阵) 视点和视线(视点/观察目标/上方向) ht...

2020 原创精选! shader | 挖洞 | 流体 | 3D | 绳子纹理 | 四叉树 样样都有!

总能找到对你有帮助的~ 前言 白玉无冰写文已经一年多了,从原来的翻译文到后来的研究笔记文,一路走来,有些不错的文章整理推荐给大家。 注意!大部分文章是研究笔记,出于兴趣爱好,学习记录的一些想法。并未在实际项目中使用过(当然有些被粉丝使用到项目中),需要大家认真考量哈。 但是总能找到一些对大家游戏开发有帮助的地方,希望能给大家带来新思路,新想法。 点击对应标题可以直达文...

膨胀肥胖效果! shader 入门精要! Cocos Creator 3D Shader !

shader 也能让你变胖? 附完整项目! 效果 实现 模型的形状一般都是由三角形围成的,每个顶点一般都会有一个法线信息。 所以我们只需要把每个顶点的位置沿着法线方向,增加一点距离就可以了。 position.xyz + v_normal * fatFactor 那么在 CCC 3D 中怎么融入这个效果呢? 先找到模型的材质,看看默认使用的是什么effect ...

初探雾效果!shader 源码分析与讲解! Cocos Creator 3D Shader Fog !

随便讲讲雾的原理以及旧版本的使用雾的方法。 效果 原理 雾效(fog)是游戏中常用的一种效果,根据远近产生不同的深度的雾效果。 这个效果涉及两个关键字。 距离 颜色 在着色器中,雾效的距离,一般转成换计算雾效因素(factor_fog),这个数字范围是0-1。 1 表示完全不受雾影响 0 表示完全被雾笼罩 接着再根据这个雾效因素去计算颜色,混合...

噪声纹理之消融效果! shader 入门精要! Cocos Creator Shader !

溶解!shader 入门实战之噪声纹理!附完整项目! 效果 原理 什么是噪声纹理? 噪声纹理的特性是不可预测性的随机。 个人理解噪声纹理就是一张图片,每个像素点颜色值(rgba)是按照一定的随机性分布的。 怎么生成噪声纹理? 工具生成 代码生成 网上下载(这里用的噪声纹理是网上下载的) 其他 怎么实现消融? 根据噪声纹理的颜色值和消融阈值(...

隐秘的物理粒子系统与渲染 !Cocos Creator LiquidFun !

让 cocos Q弹起来!物理流体之 LiquidFun 流体纹理 shader ! 效果预览 https://www.bilibili.com/video/BV1hD4y127H2/ 原理 物理粒子系统 引擎内置的 box2d.js 其实已经携带了 google 的 liquidfun(但是没有公开接口和适配)。并且引擎还对 box2d 做了一次适配,绑定到全局...

瞄准器!3D入门实战!拇指射箭!Cocos Creator 3D !

瞄哪打哪!超简单的射线检测! 效果预览 原理 在 Cocos Creator 3D 刚出来时, 写了一个简单的拇指射箭 不过,当时的瞄准发射计算是以某一个系数来控制的。 这感觉不太对。 还是用一个射线检测去处理这个瞄准结果吧。 首先,通过摄像机,把瞄准器的位置转到屏幕坐标。 const screenPoint = this.camera_main.worl...

多边形裁剪与Gizmo!新版!Cocos Creator !

支持缩放旋转,支持合图,支持gizmo添加节点和调整位置,支持顺时针逆时针。 效果预览与使用 原理 回顾 在gizmo入门探索介绍了 gizmo 与多边形裁剪的配合。 在使用 mesh 实现多边形裁剪图片 中介绍了 mesh 和切耳法的相关使用。 相比mask组件,这种meshRenderer的实现可以降低两个draw call。 因为小伙伴使用的比较多,这边...

3D摇杆控制器一种简单实现!Cocos Creator 3D!

一个控制移动和视角的遥感控制器3D示例项目。 效果 原理 在贪吃蛇大作战!蛇移动的思考与实现! 中使用到一个摇杆控制器,不过这是在2D层面上,这次把它改到3D上。 摇杆 摇杆的原理大致是把触摸点的位置传给需要的组件。(参考KUOKUO的摇杆组件改的) 监听触摸事件后,需要做一次坐标转换。在 Cocos 3D 中 ,坐标转换要用 UITransformCompone...