webgl
Tomihaohao
低调的蠢蠢,蠢蠢的低调
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
three.js学习系列07
粒子和粒子系统使用ParticleBasicMaterial 基础粒子材质 创建和设计粒子使用ParticleSystem 粒子系统 创建一个粒子集合使用已有的几何体创建一个粒子系统让粒子和粒子系统动起来用纹理为粒子造型使用ParticleCanvasMaterial 在画布上为粒子造型理解粒子...原创 2020-04-08 17:48:20 · 543 阅读 · 0 评论 -
three.js学习系列06
高级几何体和二元操作ConvexGeometryLatheGeometry你可以从一条光滑的曲线开始创建图形,这条曲线是通过ExtrudeGeometry通过它你可以从一个二维图形创建出一个三维图形TubeGeometryParametricGeometryTextGeometry...原创 2020-04-03 02:02:59 · 353 阅读 · 0 评论 -
three.js 学习系列05
这一节我们学习 使用几何体planeGeometryCircleGeometryShapeGeometryBoxGeometrySphereGeometry 球几何体CylinderGeometry 圆柱几何体TorusGeometry 圆环几何体TorusKnotGeometry 圆环扭结几何体PolyhedronGeometry 多面几何体...原创 2020-04-01 15:57:49 · 389 阅读 · 0 评论 -
three.js 系列04
这一节我们学习three.js 的材质MeshBasicMaterial 网格基础材质 可以用它赋予几何体一种简单的颜色,或者显示几何线框MeshDepthMaterial 网格深度材质 根据网格到相机的距离,这种材质决定如何给网格染色MeshNormalMaterial 网格法向材质 根据物体的表面法向向量计算颜色MeshFaceMaterial 网格面材质 这是一个容器 可以在这个容...原创 2020-03-31 14:36:47 · 400 阅读 · 0 评论 -
three.js 学习系列03
three.js 学习系列03 各种光源要求掌握以下内容有哪些可用光源什么时候用什么样的光源如何调整和配置各种光源如何创建镜头炫光threejs 提供了下面这些光源AmbientLight 环境光 这是一种基础光源 它的颜色会添加到整个场景和所有对象的当前颜色上PointLight 点光源 空间中的一个点朝所有方向发射光线SpotLight 聚光灯光源 类似台灯Direc...原创 2020-03-29 00:03:37 · 301 阅读 · 0 评论 -
three.js 学习系列02
这一节我们学习几何和网格对象我们要在场景中添加一个球体我们是这样的var spg = new THREE.sphereGeometry(4,20,20);va spm = new THREE.MeshBasicMaterial({ color:' #000'})var sphere = new THREE.Mesh(spg, spm)我们定义了 该对象的形状 几何结构 外观 材质,并把...原创 2020-03-27 15:07:00 · 331 阅读 · 0 评论 -
threejs 学习系列 01
这一节我们来学习场景要求掌握这些three.js 场景中使用哪些组件THREE.Scene() 对象是做什么的几何图形和网格是如何关联的正投影 和 透视相机的区别three.js 场景中的基本构成有这三个相机 决定哪些东西要在屏幕上显示光源 会对材质如何显示,生成阴影时材质如何使用 产生影响物体 是在相机透视图里主要的渲染对象THREE.Scene() 相关文档场景...原创 2020-03-26 16:32:56 · 383 阅读 · 0 评论 -
three.js学习系列-00
three js 学习系列-00three js 是一个 webgl的 库 ,webgl 基于opengl 所以学习 three.js的时候顺带还要看下 OpenGL的东西推荐OPENGL学习地址还需要学习一些基本的 图形学 数学知识 推荐 这本书 《3D数学基础:图形与游戏开发》基本的 计算机图形学认知 推荐这本书《计算机图形学 第4版》当然学习上面的这些东西你还需要 熟悉下C++...原创 2020-03-26 11:44:26 · 255 阅读 · 0 评论
分享