logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Three.js 粒子系统教程构建炫酷的 3D 粒子效果

粒子系统由成千上万个微小的粒子组成,通过对这些粒子的属性(位置、大小、颜色等)进行实时更新,可以模拟出逼真的自然现象。Three.js 提供了Points和类来支持粒子系统的实现。通过灵活调整这些粒子的行为,可以实现丰富的动态视觉效果。Three.js 提供了丰富的工具来帮助我们构建粒子系统,通过本文的介绍,我们学习了从基础粒子系统构建到实现不同效果,以及如何优化粒子系统的性能。粒子系统是一种强大

文章图片
#javascript#3d#开发语言 +2
Unity 单例模式完全指南

本文介绍了单例模式在Unity开发中的实现与应用。单例模式确保一个类仅有一个实例,并提供全局访问点,常用于游戏开发中的管理器类(如音频、UI、场景等)。由于Unity的MonoBehaviour限制,文章详细讲解了MonoBehaviour单例的标准实现方案,包括防止重复实例、跨场景持久化等关键点,并提供了泛型单例基类的进阶封装。此外,还对比了MonoBehaviour单例与普通C#单例的区别,指

文章图片
#unity#单例模式#游戏引擎
AI 与数字孪生的结合推动智能制造与城市管理的未来

数字孪生是指通过实时数据和先进模拟技术,在虚拟空间中构建一个与物理实体或系统相对应的数字模型。这个虚拟副本能够实时反映物理实体的状态、行为和变化。数字孪生不仅限于简单的静态建模,它还可以随着时间推移,动态地反映和预测实体的状态变化。例如,在工业生产中,数字孪生可以模拟和优化生产线的运作;在城市管理中,数字孪生可以帮助管理者实时监控城市基础设施的健康状况,优化交通流量,甚至预测自然灾害。

文章图片
#人工智能#制造
NumPy 从数组操作理解深度学习的计算本质

本文探讨了NumPy在人工智能领域的深层应用价值。作者从8年前端与AI开发经验出发,揭示了NumPy数组操作背后的计算拓扑结构、轴聚合策略、精度博弈、广播机制等核心概念与深度学习的关联。文章通过具体代码示例,阐释了NumPy在CNN、Transformer等模型中的底层原理应用,包括内存布局优化、随机性控制等关键技术。最后指出NumPy不仅是工具,更是培养AI工程师数组思维和数值计算直觉的重要训练

文章图片
#numpy#深度学习#人工智能
NumPy 从数组操作理解深度学习的计算本质

本文探讨了NumPy在人工智能领域的深层应用价值。作者从8年前端与AI开发经验出发,揭示了NumPy数组操作背后的计算拓扑结构、轴聚合策略、精度博弈、广播机制等核心概念与深度学习的关联。文章通过具体代码示例,阐释了NumPy在CNN、Transformer等模型中的底层原理应用,包括内存布局优化、随机性控制等关键技术。最后指出NumPy不仅是工具,更是培养AI工程师数组思维和数值计算直觉的重要训练

文章图片
#numpy#深度学习#人工智能
Smaller Waterfall 的 Three.js 实现

这篇技术文章解析了一个仅用数学公式实现的瀑布Shader效果。通过SDF光线行进算法,在四维空间定义距离场,将球体表面展开为柱坐标生成瀑布基础形状。内层循环利用伪随机数、周期性包裹和正弦振荡合成动态水流纹理,结合平滑步进函数创造泡沫细节。最终通过tanh和sqrt函数进行色调映射,实现从深蓝到白色泡沫的自然过渡。整个效果完全由数学计算驱动,无需传统3D模型或纹理贴图,展示了纯代码生成复杂视觉的艺术

文章图片
#javascript#开发语言#ecmascript
霓虹沙尘暴的 Three.js 实现

本文介绍了一种基于Shader的霓虹沙尘暴特效实现方法,结合体渲染与光线行进技术。通过正弦波叠加生成沙丘地形,并采用自适应步长策略优化光线行进效率。沙尘密度场采用多层噪声叠加风场驱动,模拟真实沙尘运动。特效简化了体渲染方程,通过单次散射和自发光近似实现霓虹光效,同时利用透射率控制光线衰减。关键技术包括:地形隐式曲面生成、法线扰动、自适应光线步进、多层噪声密度场构建以及简化的体散射模型。最终效果呈现

文章图片
#javascript#开发语言#ecmascript
分形金字塔的 Ray Marching 实现

本文介绍了一种基于迭代函数系统(IFS)的三维分形结构生成方法,通过Ray Marching技术实现体积光渲染效果。核心原理包括:1)使用距离场函数隐式定义无限细节的分形几何;2)通过双轴旋转、绝对值折叠和平移操作构建Kaleidoscopic IFS分形;3)采用反比发光模型模拟体积光效果;4)结合哈希函数生成动态星空背景。技术亮点包含:青-品红线性渐变调色板、无理数倍率旋转避免周期性锁定、L1

文章图片
#深度学习#人工智能
雨滴特效的 Three.js 实现

本文介绍了基于Three.js的WebGL雨滴特效实现原理。通过Shader编程模拟光线穿过水滴的折射效果,核心包括:1)使用Hash函数生成伪随机水滴分布;2)网格化空间索引优化性能;3)椭圆SDF建模水滴形状;4)梯度计算法线实现折射扭曲;5)利用mipmap实现景深模糊。该方案通过物理简化模型,在保证视觉效果的同时实现高性能渲染,适用于Web端的实时3D场景。

文章图片
#javascript#开发语言#ecmascript
    共 19 条
  • 1
  • 2
  • 请选择