一、THREEJS 使用入门

JavaScript013

一、THREEJS 使用入门,第1张

1、THREEJS 官方网址: <u>https://threejs.org/。</u> threejs 通过封装WEBGL API 实现了在网页端直接进行三维3d模型渲染。应用场景包括:小游戏,在线展厅,DIY 互动等现代互联网应用,极具发展前景。

2、官方使用案例 https://threejs.org/examples/ ,可以直接套用。

以 <u>https://github.com/mrdoob/three.js/blob/master/examples/webgl_materials.html</u> 为例,讲解如何使用Threejs构建自己的应用:

步骤一、新建html页面。

3、如何在vue中引入THREEJS

步骤一、新建threejs 组件,ZeusStage.vue

步骤二、调用ZeusStage.vue组件

《Three.js开发指南原书第三版》百度网盘pdf最新全集下载:

链接:https://pan.baidu.com/s/1uEcKOdIP2DTnOnj9vnIxOA

?pwd=zi2t 提取码:zi2t

简介:《Three.js开发指南:基于WebGL和HTML5在网页上渲染3D图形和动画(原书第3版)》共12章:第1章讲述使用Three.js库的基本步骤;第2章讲解Three.js库使用过程中所需要理解的各种基础组件,包括灯光、网格、几何体、材质和相机等;第3章通过具体示例讲解场景中使用的各种灯光;第4章讨论Three.js库中可以用于网格的各种材质,并通过互动示例让你来试用这些材质;第5章讲解Three.js中几何体的创建和设置;第6章展示如何设置、使用Three.js库中的高级几何体,例如凸面体和旋转体;第7章讲解如何使用Three.js库中的粒子系统;第8章展示如何从外部导入网格和几何体;第9章探索各种动画效果,使场景活动起来;第10章深入讲解材质的细节,包括如何控制材质,以及如何将HTML5视频的输出和HTML5画布中的元素作为纹理;第11章探索如何使用Three.js库来对已经渲染过的场景进行后期处理;第12章讲解如何在Three.js场景中添加物理效果。