随着当今时期前端地愈来愈普及，页面实现的效果真的是越来越棒！ 随着数字图像处理、人工智能技术的发展 ，展示给用户的视觉效果便不局限于平面的2D视觉效果。

这篇文章，我们主要来了解一下 ThreeJs 中纹理相关的知识。渲染一个 3D 物体时，网格 Mesh 决定了这个物体的形状态，如一个球，一辆车，一个人等。而纹理决定了这个物体的表面具体长什么样子。一个球包上一层篮球的花纹就是篮球了，而如果包上的是一层足球的花纹那可能就是足球了…

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

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

摘要：本文将通过Three.js的介绍及示例带我们走进3D的奇妙世界。 随着人们对用户体验越来越重视，Web开发已经不满足于2D效果的实现，而把目标放到了更加炫酷的3D效果上。Three.js是用于实现web端3D效果的JS库，它的出现让3D应用开发更简单，本文将通过Three…

从简入繁的教大家使用three.js。阅读本篇文章，你可学到以下知识 2. 生成一个场景，我们的物体都需要添加到场景中 用户所能看到的场景，需要通过照相机来呈现，相当于人的眼睛，照相机分为两种一种是正交投影照相机，一种是透视投影照相机，它们之间最大的区别是透视投影照相机会根据照…

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