使用three.js渲染第一个场景和物体


在 three.js 中,相机、场景、物体和渲染器是必不可少的。 这篇文章的目的是了解 three.js 最基本的内容。 创建场景: const scene = new THREE.Scene(); 创建相机(在这里先创建一个透视相机),需要设置宽高比,角度,最近距离和最远距离,也就是视锥体,在这

使用parcel搭建three.js开发环境


1. 为什么要使用parcel? 第一,我们需要使用模块化开发。使用模块化开发,会让我们的代码编写更加高效,它能自动帮我们补全代码。 第二,我们希望写完代码,直接就能在浏览器上预览效果。这是一个热加载的模式。 2. 搭建过程 VS code新建项目文件夹: 进行初始化:

本地搭建three.js


官方文档的示例加载速度比较慢,网络不好的情况下,可能会用更长时间。所以尽量在自己的电脑上搭建一下,以便提高自己的查看速度。 搭建过程 进入threejs官方文档,找到github的位置,点击进入: 按照下面你的顺序进行下载: 会得到一个压缩包(这是我解压之后的