Three JS
Super_Calvin
每周创作更新一些webGl、ThreeJS渲染三维模型,并写出一些心得技巧,感谢关注~~~
展开
-
three.js平时常用的链接
three.js平时常用的链接帮助论坛教程以及课程three.js入门更加广泛、高级的文章与教程新闻与更新示例工具WebGL参考较旧的链接下面是一些你在学习three.js过程中或许对你有很大帮助的链接。如果你发现了一些你想要在这里添加的东西,或者下面的某些链接已经不再可用,请尽情点击右上角的编辑按钮来做一些修改。请注意,three.js目前正处于快速发展的阶段,这里的很多链接已经过时了;如...原创 2019-12-18 11:15:16 · 590 阅读 · 0 评论 -
three.js通过模块来引入
通过模块来引入(Import via modules)通过npm来安装导入这个模块可引入的示例公众号:砖人专语虽然通过script标签来引入three.js是一个能够快速起步、快速运行的方式,但这种方式对于一些具有较长生命周期的项目来说是有一些缺点。比如:你必须手动获得并在你的项目源代码中包含这个库的一个拷贝更新库的版本是一个手动操作的过程在检查新版本的库时,你的版本差异对比将会被许...原创 2019-12-17 18:06:25 · 6088 阅读 · 0 评论 -
three.js如何在本地开启服务器
如何在本地运行three.js从外部文件载入的内容运行一个本地的服务器Node.js serverPython serverRuby serverPHP serverLighttpdIIS作者:大脸猫更多精彩文章微信搜索【砖人专语】倘若你只是使用Three.js库中所提供的几何体,且不载入任何纹理贴图,则网页是可以从本地的文件系统中打开,并且是能够直接运行的,只需在文件管理器中双击HTML...原创 2019-11-08 15:21:28 · 2369 阅读 · 0 评论 -
老外在GitHub上如何使用three.js教程翻译(含源码)
第⼀课 设置WebGL和three.js有关设置WebGL和three.js的好消息是,您⽆需做太多事情。过去,为了在浏览器中启⽤WebGL,您必须选择正确的浏览器(通常是beta)并进⾏⼀些设置。然后它或多或少会起作⽤。但是随着时间的流逝,所有浏览器供应商(可以这么说)默认都启⽤了OpenGL。⼀些较⼩的浏览器在某些平台上有⼀些限制,但通常它们都“可以正常使⽤”。好极了。有关更多信息,请参⻅...原创 2019-11-05 16:22:40 · 1405 阅读 · 5 评论 -
threejs之高级几何
高级几何模型一、高级几何模型分类1. ConvexGeometry2. LatheGeometry 车床模型3. ExtrudeGeometry塑性模型4. TubeGeometry 管道模型5. ParametricGeometry6. 三维字体二、几何模型的组合1. Intersect函数2. union函数3. subtract函数公众号搜索【砖人专语】网站:https://www.bo...原创 2019-10-21 15:54:43 · 1250 阅读 · 0 评论 -
threejs之基础几何
基础几何模型一、二维几何模型1. PlaneGeometry 平面模型2. CircleGeometry 圆形模型3. ShapeGeometry 自定义二维模型二、三维几何模型1. CubeGeometry2. SphereGeometry 球状模型3. CylinderGeometry 圆柱模型4. TorusGeometry 圆环模型5. TorusKnotGeometry 环面扭结6. C...原创 2019-10-21 15:37:49 · 916 阅读 · 0 评论 -
threeJS中纹理的使用
纹理的使用一、在材质中使用纹理1. 加载纹理并应用到网格2. 使用凹凸贴图创建皱纹3. 使用法向贴图创建更加细致的凹凸和皱纹4. 使用光照贴图创建假阴影5. 用环境贴图创建虚假的反光效果6. 高光贴图二、纹理高级用法1. UV映射2. 重复映射3. 在画布上绘制图案并作为纹理公众号搜索【砖人专语】网站:https://www.bos.xyz一、在材质中使用纹理1. 加载纹理并应用到网格在...原创 2019-10-21 14:52:08 · 3607 阅读 · 0 评论 -
threejs粒子与粒子系统
粒子和粒子系统1. 粒子的创建2. 粒子系统3. 用HTML5画布格式化粒子(1) 在CanvasRenderer类里使用HTML5画布(2) 在WebGLRenderer中使用HTML5画布4. 使用纹理格式化粒子(1) 单个材质(雨滴为例)(2) 多个材质(雪花为例)5. 从高级几何体中创建粒子系统使用粒子可以模拟出细小的物体,或组成三维模型进行变换。1. 粒子的创建首先创建粒子var...原创 2019-10-16 14:00:47 · 2114 阅读 · 0 评论 -
三维效果中辅助对象如何展示?
辅助对象前言1. ArrowHelper 箭头辅助2. AxesHelper 坐标轴辅助3. BoxHelper 盒辅助4. BoundingBoxHelper 包围盒辅助5. CameraHelper 相机辅助6. DirectionalLightHelper 平行光辅助7. EdgesHelper 边缘辅助8. FaceNormalsHelper 面法向量辅助9. GridHelper 网格辅...原创 2019-10-16 11:04:45 · 527 阅读 · 0 评论 -
三维模型材质了解一下
材质材质的分类1. MeshBasicMaterial 基础材质2. MeshDepthMaterial 深度材料3. MeshNormalMaterial 法向量材料4. MeshLamberMaterial5. MeshPhongMaterial6. MeshStandardMaterial 标准材料7. ShaderMaterial 着色器材料8. LineBasicMaterial 基础线...原创 2019-10-14 17:32:36 · 2818 阅读 · 0 评论 -
JS动画总结
动画基础动画1. 简单动画2. 选择对象3. Tween.js相机控制1. TrackballControls 轨迹球控件2. FlyControls飞行控件3. RollControls 翻滚控件4. FirstPersonControls 第一人称控件5. OrbitControl 轨道控件6. PathControl 路径控件变形动画1. MorphAnimMesh资源来源:https:/...原创 2019-10-14 16:05:50 · 400 阅读 · 0 评论