![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
threejs
文章平均质量分 93
threejs技术储备
yanling.zhang
这个作者很懒,什么都没留下…
展开
-
three - 4 - threejs提供的内置几何体
认识three.js 提供的内置几何体three.js 的内置几何体大致可分成以下几类:二维几何体PlaneGeometry 矩形平面CircleGeometry 圆形平面RingGeometry 圆环平面ShapeGeometry 二维图形三维几何体BoxGeometry 立方体TetrahedronGeometry 四面体OctahedronGeometry 八面体DodecahedronGeometry 十二面体IcosahedronGeometry 二十面体Po原创 2022-05-26 11:22:49 · 1915 阅读 · 0 评论 -
three - 3 - 基础知识(1. three渲染结构,2.对canvas 进行响应式布局,3.让canvas 画布自适应设备分辨率 )
本章节分为3点:理解three.js 的渲染结构对canvas 进行响应式布局让canvas 画布自适应设备分辨率canvas 画布的css尺寸和像素尺寸1.three.js 的渲染结构接下来我们对这个渲染过程做一个详细解释。Three.js 封装了场景、灯光、阴影、材质、纹理和三维算法,让你不必再直接用WebGL 开发项目。当然,我刚才说的是“不必再直接用WebGL”,有的时候我们会间接用到WebGL,比如自定义着色器。three.js 在渲染三维场景时,需要创建很多对象,并将它们关原创 2022-05-25 22:59:18 · 1380 阅读 · 0 评论 -
three - 2 - IT机房案例
代码git地址:https://github.com/buglas/threejs-lesson知识点场景 Scene透视相机 PerspectiveCamera基础材质 MeshBasicMaterial几何体 BufferGeometry网格对象 Mesh渲染对象 WebGLRenderer轨道控制器 OrbitControls项目概述按理说,学习一门新技术的时候,没有一入门就实战的。但是,有个三维机房的案例,确实很适合一入门就实战,因为它是很简单,很经典,也很适合我们统揽全原创 2022-05-25 16:48:11 · 2025 阅读 · 0 评论 -
threejs 1
第一章 threejs是什么?three是javascript编写的webgl第三方库。three 提供了非常多的3d显示和编辑功能。three是一款运行在浏览器中的3d引擎,你可以使用three创建各种三维场景,并对其进行编辑。three官网:https://threejs.org/github:https://github.com/mrdoob/three.jsthree的优缺点优点:对webgl进行了深度封装,可以提高常见项目的开发速度。入门简单具备较好的生态环境,文档详细,持续原创 2022-05-25 15:24:36 · 489 阅读 · 0 评论