选择哪款Web3D引擎取决于你的项目需求：

• 如果你需要快速构建一个轻量级或中小型3D项目，推荐使用 Three.js。

Three.js 是最广泛使用的Web3D引擎之一，以其简单易用的特点受到开发者青睐。它提供了大量的封装接口，帮助开发者快速实现3D渲染效果，尤其适合

如果你只会一个 Vue 或者 React 的简单使用的话现在找工作是很难的。

基于css3新属性transform，实现3d立方体的旋转

通过原生JS，点击事件，鼠标按下、鼠标抬起和鼠标移动事件，实现3d立方体的拖动旋转，并将旋转角度实时的反应至界面上显示

实现原理：通过获取鼠标点击屏幕时的坐标和鼠标移动时的坐标，来获得鼠标在X轴、Y轴移动的距离，将距离实时赋值给transform属性

从而通过改变transform：rotate属性值来达到3d立方体旋转的效果

HTML代码块：

本篇文章介绍纹理（Texture Map，也译作纹理映射）的使用，将描述如何使用Three.js给3D对象添加贴图， 贴图是通过将图像应用到对象的一个或多个面，来为3D对象添加细节的一种方法。

THREE.js：网页上的3D世界构建者

前言

THREE.js

Three.js 教程的时间到了。 在这篇文章中，我们将向你展示如何使用单个图像文件生成的移位（Displacement）贴图和凹凸（Bump）贴图来创建逼真的 3D 纹理。 我们将讨论如何准备图像以及如何为其设置场景。 准备好？ 让我们来看看！