推荐：用 NSDT场景设计器 快速搭建3D场景。你有没有想过如何为你的 Three.js 网络应用程序创建流畅的动画？ 这可能是一个乏味的过程，但幸运的是我们有一个名为 GSAP 的便捷工具。这是我使用该工具创建的动画的快速示例。酷吧？ 下面，我将讨论我是如何使用 GSAP 来创建这些动画的。 但首先…1、什么是 GSAP？GSAP 是一个高性能和强大的 J …
three.js
纹理贴图（Textures）字面意思就是給几何体对象贴上不同的纹理图！好比于我们每天选择穿不同的衣服，我们穿不同的衣服带来的感官会有很大变化！同理几何体不同贴图的视觉效果也会有千差万别。纹理贴图是 Three.js一个很重要的内容，掌握了纹理贴图可以让3d效果产生质的飞跃。那现在就让我们进入正题吧！go!go!go!贴图的重要性如果没有纹理贴图，我们看到的3 …
Three.js中的材质（Material）是实现引人注目的3D效果的关键组件之一。本篇博客中，我们将深入探讨Three.js中的材质类型、属性和用法。一、什么是Three.js材质？在Three.js中，材质是应用于几何体（Geometry）的外观和纹理的规则。它们决定了对象在场景中如何反射光线、显示颜色、反射环境等。Three.js提供了各种类型的材质， …
着色器（Shader）是在 GPU 上运行的程序。它们被称为着色器的原因是，最初它们只处理3D对象的着色，但后来扩展到了3D对象之外。它们需要与传统编程不同的思维方式，因为程序是针对每个顶点或像素并行运行的。WebGL和OpenGL使用一种名为 GLSL 的语言，它代表OpenGL 着色器语言，类似于 C 语言。在 Three.js 中添加着色器的最简单方法 …
在这个教程中，我们将学习如何在 three.js 中制作自己的自定义程序几何，以及如何利用程序几何来制作吸引人的低多边形地形。学习本教程需要你具备以下基本技能：基本熟悉three.js应用的结构基础编程知识3d几何的基本知识（顶点，uvs，法线等）任何具有 webgl 兼容网络浏览器的机器关于如何运行 javascript 代码的知识（本地或使用类似jsfi …
在学习threejs开始你不知道一些原理你可以想象下three.js是人，在一个遥远的虚拟世界，有一种神奇的力量叫做Three.js。它是一位懂得绘制三维图形的艺术家，用无尽的创意和智慧，将平凡的代码转化为绚丽多彩的虚拟画卷。Three.js喜欢用数学的语言来表达自己，它深谙向量、矩阵和坐标的奥秘。当它打开自己的画笔，就会在虚拟世界中勾勒出立体的形状和丰富的 …