1、如何本地部署Threejs官网文档

一、什么是Threejs?

Threejs是用js编写的一个第三方库,用于实现很多的3D功能,它是基于WebGL进行封装的。而WebGL又是由OpenGLES2.0+js进行封装的,OpenGLES2.0又是OpenGL三维图形API的一个子集,OpenGL是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口(API)。

所属关系

graph TD Three.js --> WebGL -->OpenGLES2.0 --> OpenGL WebGL-->JavaScript

二、官网地址本地化

Three.js官网地址:threejs.org/

由于这个地址是国外的,国内访问起来可能会比较慢,所以建议大家到GitHub上把项目拉到本地,然后可以本地访问,这样会快很多,具体步骤如下:

  1. 进入官网,点击版本号
  2. 进入github主页面,此页面介绍了此版本都更新了哪些功能,点击code
  1. 然后把项目下载到本地

4.解压后

这样我们就得到了一个熟悉的项目工程

5.用vsCode打开,然后安装依赖 npm i

执行命令 npm run start 启动项目即可访问

6.文档地址就在docs下

也可以查看案例

这样,一个关于Three.js官方文档的本地服务就搭建好了。

相关推荐
XDHCOM17 分钟前
Redis远程连接命令详解,分享高效配置与安全实践技巧
前端·redis·安全
YAY_tyy2 小时前
Vue3 + Three.js 实战:自定义 3D 模型加载与交互全流程
前端·javascript·vue.js·threejs
星河耀银海2 小时前
3D效果:HTML5 WebGL结合AI实现智能3D场景渲染
前端·人工智能·深度学习·3d·html5·webgl
美狐美颜sdk7 小时前
从人脸关键点到动态贴图:面具特效在美颜SDK中的实现原理
前端·图像处理·人工智能·直播美颜sdk·美颜api
我命由我123457 小时前
React Router 6 - 编程式路由导航、useInRouterContext、useNavigationType
前端·javascript·react.js·前端框架·html·ecmascript·js
威联通网络存储8 小时前
告别掉帧与素材损毁:威联通 QuTS hero 如何重塑影视后期协同工作流
前端·网络·人工智能·python
anOnion8 小时前
构建无障碍组件之Tabs Pattern
前端·html·交互设计
一招定胜负9 小时前
课堂教学质量综合评分系统
java·linux·前端
2301_780669869 小时前
前端logo替换开发
前端·vue.js
启山智软9 小时前
【启山智软智能商城系统技术架构剖析】
java·前端·架构