three.js 官方给的压缩包如何使用?three.js基础官方文件使用方法

简介: three.js 官方给的压缩包如何使用?three.js基础官方文件使用方法

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官方文件包的部分使用方法

目录
相关文章
|
20小时前
|
前端开发 JavaScript 定位技术
JavaScript 等待异步请求数据返回值后,继续执行代码 —— async await Promise的使用方法
JavaScript 等待异步请求数据返回值后,继续执行代码 —— async await Promise的使用方法
9 1
|
4天前
|
移动开发 JavaScript 前端开发
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
|
8天前
|
JavaScript 前端开发 API
探讨JavaScript动态添加HTML文件的技术
探讨JavaScript动态添加HTML文件的技术
13 1
|
13天前
|
JavaScript 前端开发 开发者
介绍如何在WebStorm中调试JavaScript文件
介绍如何在WebStorm中调试JavaScript文件
12 1
|
16天前
|
移动开发 JavaScript 前端开发
Phaser和Three.js是两个非常流行的JavaScript游戏框架,它们各自拥有独特的核心功能和使用场景
【6月更文挑战第16天】Phaser是开源的2D游戏引擎,适合HTML5游戏,提供物理引擎、图像渲染和资源管理,适用于2D游戏,如消消乐。Three.js是基于WebGL的3D库,用于创建复杂的3D场景和应用,涵盖从游戏到可视化领域的多种用途。两者分别在2D和3D开发中展现强大功能,选择取决于项目需求。
22 8
|
18天前
|
前端开发 JavaScript 数据处理
前端新手指南:如何解决JavaScript导出CSV文件不完整的问题
【6月更文挑战第4天】在JavaScript中处理CSV文件时,需要特别注意一些特殊字符,例如逗号、双引号、换行符等。这些字符可能会影响CSV文件的解析,导致数据错乱。
57 0
|
20天前
|
JSON 前端开发 JavaScript
在JavaScript中,异步编程是一种处理非阻塞操作(如网络请求、文件读写等)的重要技术
【6月更文挑战第12天】JavaScript中的异步编程通过Promise和async/await处理非阻塞操作。Promise管理异步操作的三种状态,防止回调地狱,支持链式调用和并行处理。async/await是ES8引入的语法糖,使异步代码更像同步代码,提高可读性。两者结合使用能更高效地处理复杂异步场景。
23 3
|
25天前
|
移动开发 JavaScript 前端开发
使用GruntJS链接与压缩多个JavaScript文件
使用GruntJS链接与压缩多个JavaScript文件
15 3
|
27天前
|
前端开发 JavaScript
保存网页中的css和js文件,网站保存,复制网站不可复制的文字,网站抠图
保存网页中的css和js文件,网站保存,复制网站不可复制的文字,网站抠图
15 0
|
2月前
|
Web App开发 前端开发 JavaScript
在 Chrome 开发者工具里配置哪些类型的 JavaScript 文件应该被调试器忽略
在 Chrome 开发者工具里配置哪些类型的 JavaScript 文件应该被调试器忽略