![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three.js
文章平均质量分 92
stones4zd
开博目的是为了积累知识,坚持学习…
展开
-
Three.js学习11:几何体(2)-常见三维几何体
本文继续学习了解几何体,三维几何体。原创 2024-02-20 23:44:05 · 848 阅读 · 0 评论 -
Three.js学习10:几何体(1)-平面几何体
Three.js 中物体都是由网格(mesh)构成的。一个网格物体(mesh)是由几何体 Geometry 和材质 material 组成。几何体 Geometry 定义了网格的形,材质 material 定义了网格的皮。Three.js 中提供了一系列绘制几何体的类,如 BoxGeometry、SphereGeometry,PlaneGeometry、CircleGeometry、CylinderGeometry 等,使用这些类可以快速创建对应的几何体。原创 2024-02-18 22:56:49 · 959 阅读 · 0 评论 -
Three.js学习9:Three.js 响应式设计
让 canvas 随着窗口的尺寸变化,可以利用 window 对象的 resize 事件实现响应式变化。当浏览器窗口尺寸变化的时候,Three.js 渲染的场景,也就是 canvas 不会变化。resize 事件函数里,重新计算窗口尺寸,让渲染器重新进行大小渲染。其作用是更新摄像机投影矩阵。在相机的任何参数被改变以后必须被调用。这样就实现了 Three.js 的响应式设计。这是因为,窗口的宽高比跟之前的不一样了。需要重新调整 camera 相机。原创 2024-02-15 19:16:31 · 444 阅读 · 0 评论 -
Three.js学习8:基础贴图
贴图,就是把图片贴在 3D 物体材质的表面,让它具有一定的纹理,来为 3D 物体添加细节的一种方法。这使我们能够添加表面细节,而无需将这些细节建模到我们的3D对象中,从而大大精简3D模型的多边形边数,提高模型渲染性能。原创 2024-02-08 23:01:47 · 1877 阅读 · 0 评论 -
Three.js学习7:dat.GUI 参数控制
dat.GUI 是一个轻量级的图形用户界面库(GUI 组件),使用这个库可以很容易地创建出能够改变代码变量的界面组件。Three.js 每个官方的案例都有这个面板,用于参数调试。原创 2024-02-07 18:54:50 · 2124 阅读 · 0 评论 -
Three.js学习6:透视相机和正交相机
相机,可以理解为摄像机。在拍影视剧的时候,最终用户看到的画面都是相机拍出来的内容。里,相机 camera 里的内容就是用户能看到的内容。。PerspectiveCamera:具有透视效果,近大远小,OrthographicCamera:不具有透视效果,所有的元素的尺寸大小都是相同的,不管距离。StereoCamera:主要做VR用的。就是让左右视觉有点点不一样的相机。CubeCamera:主要用作反射镜面纹理。本文主要讨论透视相机和正交相机。原创 2024-02-05 22:46:31 · 1748 阅读 · 0 评论 -
Three.js学习5:场景
场景:可以理解为。能够控制在什么地方、摆放什么东西来交给three.js来渲染。能够放置的地方。Three.js 场景主要分为两类:Scene:普通场景。Frog:雾。原创 2024-02-04 21:06:18 · 1109 阅读 · 0 评论 -
Three.js学习4:添加轨道控制器
拍摄画面的时候,为了保持镜头的稳定,并且能从多方位拍摄画面,往往会用到。可以使得相机围绕目标进行轨道运动。Three.js 里也有轨道控制。原创 2024-02-03 15:33:31 · 1565 阅读 · 0 评论 -
Three.js学习3:第一个Three.js页面
这个没什么好说的,只是需要注意颜色。在:x 轴:y 轴:z 轴Three.js 的坐标单位不是像素。因为考虑到项目的内容,有些项目长度单位是米,甚至是公里都有可能。所以,坐标的单位,我们一般就称为"根据项目需要,它可以是毫米,厘米,分米,公里等。原创 2024-02-03 00:02:52 · 934 阅读 · 0 评论 -
Three.js学习2:页面引入 Three.js
随着页面3D化应用越来越多,近两年 Three.js 处于飞速发展之中。现在 Three.js 几乎每个月都会发布一个新的版本,会增加新的 API,废掉一些旧的功能之类的。可以从 Three.js 官网下载最新版本,官网的文档一般也是当前最新版本。因为 Three.js 每月更新的时候,API会有变化。原创 2024-02-02 21:31:15 · 1206 阅读 · 0 评论 -
Three.js学习1:threejs简介及文档本地部署
开一个天坑,Three.js 学习笔记。我觉得未来3D页面一定是一个趋势。原创 2024-02-01 22:07:16 · 1816 阅读 · 0 评论