前言 终于到周末了，前几篇的文章一直给大家介绍2d，canvas 和svg的一些东西。7月份我打算输出3篇万字长文带大家系统地学习可视化表达的3种方式，svg、canvas、webgl。所以这是第一篇

总结了一下个人在使用three.js开发过程中，实现的两种基于three.js3D模型场景内容的低代码开发模式

在Three.js中，要加载三维模型文件，可以使用GLTF格式。GLTF是一种基于JSON的开放标准，用于3D模型的交换和运行时加载。本篇文章将详细讲解如何使用Three.js加载GLTF模型。 1.

在Three.js的3D场景渲染中，若不经过一番特殊处理，通常所呈现出的效果也难以尽如人意，就像下图这样： 图1 图1是按照常规操作加载了模型、添加了光照后的样子，可以看出汽车模型所表现出的一股塑料感

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