three.js是个插件库,就是使用javascript 来写3D程序。 网上教程挺多的,官方的中文文档也有,甚至有本书《Three.js开发指南》,所以这个插件库还是很成熟的。 没错,最近一直抱着书看。 这篇文章总结一下最基础的threejs知识,至少简简单单能写出个这样的效果。
首先呢,使用threejs需要先安装,可以直接下载个threejs文件,本地静态引用。 下载地址:https://threejs.org/build/three.js 但我还是推荐的npm安装,新建个vue项目,在项目里执行:
npm install three --save
可以直接导入整个three的核心库,
import * as THREE from 'three';
下面就是效果实现的代码介绍。 使用 threejs 需要创建三个东西,场景、相机和渲染器。 场景是个容器,主要用于保存、跟踪所要渲染的物体和使用的光源。相机决定了在场景中能看到什么。渲染器就是基于相机的角度来计算场景在浏览器中会渲染成什么样子。 我有个很好理解的方式