Cocos Shader实现纹理的动态波浪效果
一 效果预览 通过滑动条可调节波浪频率的快慢。 二 实现原理 对当前uv坐标进行线性+三角函数的混合变换，结合动态变化的时间值，得到一个新的采样坐标，使纹理呈现出动态、起伏不定的波浪形态。 Shader中的关键代码如下。 // 得到波浪效果的新坐标 vec2 new_uv = wave(v_uv0)… 阅读更多 »Cocos Shader实现纹理的动态波浪效果
8月 2020
Cocos Shader实现HSL和RGB颜色模型
HSL和RGB是两种常见的颜色模型，被广泛应用于计算机图形学、数字图像处理、Web设计等领域。在进行颜色处理时，经常需要将HSL和RGB相互转换，本demo演示如何通过Cocos Creator 3.7游戏引擎，用HSL模型来调节图片颜色，并详细介绍HSL和RGB互相转换的方法。 一 效果预览 色调… 阅读更多 »Cocos Shader实现HSL和RGB颜色模型
JavaScript实现软件光栅化渲染器02-如何画直线
项目代码：https://github.com/foupwang/JavaScript3DRenderer 开发环境：VSCode+Chrome浏览器 参考：《Windows游戏编程大师技巧》(第2版) /《3D游戏编程大师技巧》（André LaMothe） 前文介绍了画点函数，本文说明如何绘制直… 阅读更多 »JavaScript实现软件光栅化渲染器02-如何画直线
Bresenham快速画直线算法(中文翻译+注释)
原文：https://www.cs.helsinki.fi/group/goa/mallinnus/lines/bresenh.html 基本Bresenham算法 考虑在光栅网格上绘制一条直线，这条直线的斜率是 $0\leq m \leq 1$。 斜率定义：假设直线起点是(x1, y1)，终点是(… 阅读更多 »Bresenham快速画直线算法(中文翻译+注释)