Skip to content

ljc2114/helloThreejs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Three.js初体验

three.js是基于WebGL封装的框架,此项目带大家入门three.js, 随着前端的发展,业务越来越复杂,提供的用户体验越来越多样,three.js可以用来做3D大屏等项目,当然做大屏还有很多种框架可以选择,如d3.js、antv、dateV等等一系列,该项目主要讲解three.js

技术架构

打包工具: parcel

  • 这里为什么不选择webpack?选择webpack需要配置大量内容,选择该打包工具的原因是可以快速构建项目,不需要大量配置,项目主要也是为了帮助快速熟悉three.js,所以选择parcel打包工具。
  • parcel-bundler:用来解决模块的问题。

使用及学习方法

该项目是以例子以及代码注释的方式来讲解three.js的。

在src下存放的main文件夹,该文件夹内的每一个文件后有序号,按照序号学习即可,而每一个序号文件内,有标注该文件的学习内容及目的。

main文件解读

文件名 文件学习目标
main.js 了解three.js基本内容
main01.js 了解控制器与辅助器
main02.js 控制3D物体移动
main03.js 控制3D物体缩放

项目声明: 该项目为个人学习项目,想学习的可以下载,作者会持续学习并更新

About

threejs入门指南

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published