three.js是什么东西本文就不再阐述了,网上一搜一大堆,相信查询此博客的同志♂也都有一定的前端基础,本文就教大家简单的使用前端语言js来演示一个官方案例。

一、下载three.js官方文件包

网址: 点击跳转 (会被墙)

中文文档地址: 点击跳转 (链接引用的b站up“老陈打码”)

二、下载好后解压

三、部署开发环境

1、确认nodejs环境部署完毕

首先安装nodejs,下载链接: 点击跳转

下载后直接双击安装

一直next下一步安装即可,尽量不要安装至C盘,因为以后使用的话要下载很多扩展

安装完毕后使用win+r打开cmd

在cmd中使用node -v 和 npm -v检查是否安装完毕

安装后就可以部署了

2、在vscode部署项目环境

1、右键打开终端使用 npm install 安装依赖

回车等待安装,若是出现报错只需在文件资源管理器打开,在地址栏键入cmd打开资源管理窗口,再使用此命令即可。

安装完毕后的提示

3、使用 npm run strat 启动

直接在命令行中输入回车即可

这时,我们的项目就算部署完毕了

ctrl+左键打开https://localhost:8080 :

这就是官方项目发打开后的样子,其中有许多官方的实例和官方的文档

直接点击即可进入

电子文档:

可以在次添加3D模型

官方实例:

以上就是three.js官方文件包的部分使用方法

CDN(内容分发网络)是一种分布式网络架构,它将常用的内容如静态资源(如 JavaScript 库, Three.js )缓存在全球多个服务器上,以便用户可以从最近的节点快速获取这些数据,减少延迟和带宽消耗。 Three.js 是一个流行的 JavaScript 库,用于创建3D图形在浏览器中运行,特别适合WebGL。 当在网站上 使用 Three.js 时,将 Three.js 文件 从CDN引入可以使访问速度更快,特别是对于国际化的用户。通常的做法是这样配置: ```html <script src="https://cdn.jsdelivr.net/npm/three@0.132.2/build/three.min.js"></script> 这里,`https://cdn.jsdelivr.net/npm/three@0.132.2/build/three.min.js`就是从jsdelivr这样的CDN加载 Three.js 的链接。注意,版本号可能会根据 Three.js 的更新而变化。 使用 CDN的好处 括: 1. **更快的加载时间**:用户无需等待你的服务器传输 文件 ,从而缩短页面加载时间。 2. **地理位置优化**:用户从最接近他们的服务器节点获取资源,减少网络延迟。 3. **减少服务器压力**:你的服务器主要处理动态内容,而非静态资源。 相关问题: 1. CDN如何改善网页性能? 2. 如何选择合适的 Three.js 版本? 3. 在 使用 CDN时,如何处理 Three.js 的更新?
npm ERR!request to https://registry.npm.taobao.org/axios failed, reason: certificate has expired 解决