09 2024 档案

ThreeJS 的效果样例流水管线(五)
摘要：一、流水管线 实现逻辑： 1）先自定义几个点，通过CatmullRomCurve3生成一条平滑曲线 2）根据生成的曲线在XY面扩展一个面，其中需要注意顶点索引、UV坐标添加的顺序，否则可能会导致绘制的图片混乱，不是完整的图片 3）添加纹理同时设置偏移量实现流动效果 4）为了保证显示的箭头图标不失真， 阅读全文
posted @ 2024-09-25 16:13 火星写程序 阅读(715) 评论(0) 推荐(0) 编辑
ThreeJS Shader的效果样例光影墙、扩散面(四)
摘要：一、实现一个光影墙 1. 根据自定义坐标点，输出一个光影墙 /** * 添加光影墙 */ function addLightWall() { const geometry = new THREE.BufferGeometry(); const vertices = new Float32Array( 阅读全文
posted @ 2024-09-13 19:03 火星写程序 阅读(263) 评论(0) 推荐(0) 编辑
ThreeJS Shader的效果样例飞线、粒子和模型轮廓高亮(三)
摘要：一、飞线效果 功能说明：支持设置点的个数，飞线速度、起始和终止颜色值、线宽、线的大小 原理： 1. 首先绘制一条与线长度相同的线，线中各点的大小逐渐变小 2. 如何让线动起来？假设点的个数总共为num个，传入的点的下标为a，通过变化的时间计算出移动的下标b，如果a+b>=num则代表，该点可见，否则 阅读全文
posted @ 2024-09-10 14:57 火星写程序 阅读(910) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示