Three.js 进阶之旅:后期处理-3D瑞克与莫蒂

lxf2023-03-12 07:49:01

本文为稀土AdminJS技术社区首发签约文章,14天内禁止转载,14天后未获授权禁止转载,侵权必究!

声明:本文涉及图文和模型素材仅用于个人学习、研究和欣赏,请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。

摘要

专栏上篇文章《Three.js 进阶之旅:Shader着色器基础图案-旷野之息神庙铁球》中我们使用 Shader 绘制基础图案,并使用图案简单应用 UnrealBloomPass 辉光后期效果创建了一个会发光的球体。本文内容就接着上文内容详细讲解一下 Three.js 后期处理的基本知识。最后,通过结合文章讲解的知识内容,将开发一个《瑞克与莫蒂》发光传送门效果的 3D 页面

通过阅读学习本文和实践本文提供的案例,你将学到的知识包括:Three.js 后期处理基本原理Three.js 后期处理代码实现流程;Three.js 中内置的各种后期处理通道的含义及其用法;使用后期处理知识开发一个创意 3D 页面;只对页面上的某个图层应用后期效果而不是全局应用;使用正余弦函数实现简单的大小、角度、位移等的往返动画等。

相关专题