Three.js 提供了很多原始模型，但如果我们需要更复杂的模型，最好使用 3D 软件建模，然后导入到场景中。本节我们就来学学如何导入一个做好的 3D 模型。

tween.js 是使用JavaScript中的一个简单的补间动画库，支持数字、对象的属性和CSS样式属性的赋值。tween.js以平滑的方式修改元素的属性值，需要传递给tween要修改的值、动画结束时的最终值和动画花费时间(duration)，之后tween引擎就可以计算从开…

简介：WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）…

深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛

Three.js是一个跨浏览器的脚本，使用JavaScript函数库或API来在网页浏览器中创建和展示动画的三维计算机图形，基于WebGL实现，对WebGL进行了进一步的封装，简化了多数复杂的接口。 Three.js支持包括 .obj、.gltf等类型的模型结构。glTF（GL…

目前现代浏览器越来越普及，web 3D开发也变得流行起来。3D给用户带来的是一种全新的体验，展示酷炫的视觉效果。Three.js是一个javascript 3D库，大大方便了web 3D开发。我在学习中参考了webgl中文网上的 Threejs基础教程，下面正式开始： 在浏览器…

之前项目中用到了 3D 模型演示的问题，整理了一下之前学习总结以及遇到的坑。3D 框架有老牌引擎 Three.js 和微软的 Babylon.js 3个基础概念：场景（scene）、相机（camera）和渲染器（renderer）。 相机 camera 的作用是定义可视域，相当…

正所谓：无折腾，不前端。不搞 WebGL，和咸鱼有啥区别！ 用官方的说法：Three.js - Javascript 3D library。 我们今天就来一起熟悉一下 Three.js 的设计理念与思想。 在做 3D，我们首先得要了解其基本准则：三维坐标系。 我们都知道在 CS…