ThreeJS
关注
分享
扫一扫
文章平均质量分 83
九仞山
这个作者很懒，什么都没留下…
展开
-
Threejs进阶之十八:使用ExtrudeGeometry从二维图形创建三维几何体
详细介绍了使用ExtrudeGeometry从二维图形创建三维几何体的方法和步骤原创 2023-06-08 16:49:12 · 2312 阅读 · 0 评论 -
Threejs进阶之十七：Threejs中的Path、Shape和ShapeGeometry类
详细介绍了Threejs中的Path、Shape和ShapeGeometry类原创 2023-06-07 00:33:04 · 2122 阅读 · 0 评论 -
Threejs进阶之十六：音频可视化
详细介绍了Threejs的音频相关类，并通过一个实例说明音频可视化的创建步骤原创 2023-05-28 23:54:07 · 1378 阅读 · 0 评论 -
Threejs进阶之十五：在Thereejs 使用自定义shader
详细介绍了在Thereejs 如何使用自定义shader，重点介绍了ShaderMaterial的核心属性uniforms、vertexShader顶点着色器和fragmentShader片元着色器；并结合实例进行了详细的介绍原创 2023-05-22 01:01:04 · 977 阅读 · 0 评论 -
Threejs进阶之十三：CSS3DRenderer与Tween.js实现粒子小球按规律变化
CSS3DRenderer结合tween.js实现粒子小球的各种变化效果原创 2023-05-06 21:57:51 · 1072 阅读 · 0 评论 -
Threejs进阶之十二：Threejs与Tween.js结合创建动画
介绍了Tweenjs和Threejs结合实现动画的方法，重点介绍了Tween的动画使用方法，结合实例进行说明原创 2023-05-03 15:04:27 · 5014 阅读 · 0 评论 -
Threejs进阶之十一：使用FontLoader和TextGeometry创建三维文字
详细介绍了使用FontLoader和TextGeometry创建三维文字的方法，包括如何将ttf格式的文件转换为json格式的文字文件，如何加载汉字以及如何给文字产生倒影等效果的方法原创 2023-05-02 17:00:23 · 3814 阅读 · 0 评论 -
Threejs进阶之十：让模型移动到鼠标点击的指定位置
介绍了让模型移动到鼠标点击的指定位置的详细思路和方法，里面用到了HTML中DOM获取坐标的属性和方法，Threejs中光线折射的方法，归一化，向量等知识原创 2023-04-29 23:07:57 · 2840 阅读 · 0 评论 -
Threejs进阶之九：让模型沿着指定轨迹移动与转向
介绍了Threejs中让模型沿着指定轨迹移动和物体始终朝向前方的方法，里面涉及到四维矩阵、欧拉角和四元数等数学知识。原创 2023-04-23 23:48:32 · 2636 阅读 · 0 评论 -
Threejs进阶之八：使用Sky和Water创建蓝天大海
通过Threejs提供的Sky和Water类创建一个海天一色的场景，通过修改water.material.uniforms[ 'time' ].value是水产生流动效果，加载gltf模型并利用Math的正弦函数使其产生上下浮动的效果原创 2023-04-23 16:46:21 · 1988 阅读 · 0 评论 -
Threejs进阶之七：使用CSS3DRenderer渲染HTML标签
通过案例详细介绍了CSS3DRenderer渲染HTML标签的方法和注意事项，包括CSS3DObject和CSS3DSprite的用法和特点原创 2023-04-22 16:24:42 · 2255 阅读 · 0 评论 -
Threejs进阶之六：使用EffectComposer后处理实现点击模型发光效果
详细介绍了EffectComposer结合OutlinePass产生发光效果的实现，并对实现过程中可能出现的各种问题进行处理与总结原创 2023-04-22 12:11:08 · 1664 阅读 · 0 评论 -
Threejs进阶之五：使用CSS2DRenderer给模型添加HTML标签
详细介绍了CSS2DRenderer的使用，结合模型和Raycaster光线投射，实现了选中模型弹出标签显示信息的效果原创 2023-04-22 01:03:27 · 3227 阅读 · 2 评论 -
Threejs进阶之四：在场景中添加天空盒---将摩托车放到大草原
介绍天空盒的添加方法，认识立方纹理和立方纹理加载器原创 2023-04-20 20:12:39 · 1288 阅读 · 2 评论 -
Threejs进阶之三：通过GUI修改gltf模型(摩托车)颜色
详细介绍了通过GUI修改gltf模型颜色的方法，同时，介绍了MeshPhysicalMaterial材质中的几个重要属性原创 2023-04-20 17:53:02 · 939 阅读 · 0 评论 -
Threejs进阶之二：gltf模型场景优化--添加地面和灯光
通过加载gltf模型的案例，详细介绍了threejs中添加地板、添加聚光灯及阴影，控制场景缩放和旋转边界的方法原创 2023-04-19 23:35:48 · 1063 阅读 · 0 评论 -
Threejs进阶之一：基于vite+vue3+threejs构建三维场景
详细介绍了vite+vue3+threejs搭建三维场景的过程，并通过加载glft文件来实现在三维场景中模型加载的过程及注意事项原创 2023-04-19 13:26:09 · 3178 阅读 · 2 评论 -
Threejs入门之二十五：Threejs加载gltf文件
详细介绍了Threejs加载gltf文件的方法及注意事项，及针对加载的gltf文件颜色有偏差问题的解决方法原创 2023-04-18 21:09:55 · 2558 阅读 · 2 评论 -
Threejs入门之二十四：Threejs中的Animation动画
详细介绍了Threejs中的动画API，并通过一个实例实现了移动动画和旋转动画，对Threejs中的关键帧轨道、动画剪辑、动画混合器和动画动作进行了详细介绍原创 2023-04-18 18:17:54 · 4808 阅读 · 0 评论 -
Threejs入门之二十三：Threejs中的物理引擎OimoPhysics
详细介绍了Threejs中OimoPhysics物理引擎的使用方法，并通过实例实现小球下落的物理效果原创 2023-04-18 11:53:24 · 881 阅读 · 2 评论 -
Threejs入门之二十二：Threejs中的屏幕坐标转标准设备坐标
详细介绍了Threejs中屏幕坐标转标准设备坐标的方法，同时复习了HTML中四个坐标系的相关知识原创 2023-04-14 00:23:18 · 997 阅读 · 0 评论 -
Threejs入门之二十一：使用Raycaster实现物体与用户的交互
详细介绍了Raycaster实现物体与用户交互的原理，实现鼠标移动到某个物体时该物体变色的效果原创 2023-04-13 23:35:59 · 812 阅读 · 2 评论 -
Threejs入门之二十：使用InstancedMesh(实例化网格)批量创建物体
详细介绍了InstancedMesh实例化网格的构造函数，属性和方法，并通过实现一个由小球组成的10*10*10的立方体的案例来深入了解InstancedMesh的用法原创 2023-04-08 22:19:51 · 2162 阅读 · 0 评论 -
Threejs入门之十九：Threejs中的向量
详细介绍了Threejs中的二维向量、三维向量和四维向量的属性和方法原创 2023-04-08 19:50:39 · 2114 阅读 · 0 评论 -
Threejs入门之十八：GUI调试器的使用
详细介绍Threejs中的GUI调试器的使用方法，如何添加控制对象，如何监听变化，如何分组，如何打开和关闭等功能原创 2023-04-07 20:32:12 · 2473 阅读 · 3 评论 -
Threejs入门之十七：给物体添加阴影
详细介绍了在Threejs中给物体添加阴影的方法原创 2023-04-07 15:51:42 · 1606 阅读 · 0 评论 -
Threejs入门之十六：纹理贴图和纹理材质
详细介绍了纹理贴图和纹理材质的使用方法，顶点UV坐标的作用，不同几何体纹理贴图的方法和纹理贴图的阵列功能原创 2023-04-06 23:21:34 · 1921 阅读 · 0 评论 -
Threejs入门之十五：使用精灵模拟下雪效果
HTML+Threejs利用精灵实现下雪的动画效果原创 2023-04-05 23:54:31 · 688 阅读 · 0 评论 -
Threejs入门之十四：Threejs中的组(Group)对象
详细介绍了Threejs中组Group的属性与方法，本地坐标系(局部坐标系)和世界坐标系原创 2023-04-05 10:14:57 · 3848 阅读 · 0 评论 -
Threejs入门之十三：精灵模型Sprite和精灵材质SpriteMaterial
Threejs中精灵和精灵材质的详细介绍原创 2023-04-05 00:18:04 · 4846 阅读 · 1 评论 -
Threejs入门之十二：认识Threejs中的材质
介绍了Threejs中常用的材质类原创 2023-04-04 22:00:14 · 1815 阅读 · 0 评论 -
Threejs入门之十一：创建旋转的地球
HTML+Threejs写的一个旋转地球的例子，从目录结构到代码实现，详细介绍了每一步的代码内容原创 2023-04-04 13:09:45 · 2728 阅读 · 0 评论 -
Threejs入门之十:认识缓冲几何体BufferGeometry（三）
详细介绍几何体顶点索引、顶点法线以及缓冲几何体缩放、平移、旋转操作的本质原创 2023-04-04 01:20:32 · 935 阅读 · 0 评论 -
Threejs入门之九:认识缓冲几何体BufferGeometry（二）
深入理解缓冲几何体中的正面与反面，理解Threejs中的点模型对象和线模型对象原创 2023-04-04 00:40:02 · 553 阅读 · 0 评论 -
Threejs入门之八：认识缓冲几何体BufferGeometry（一）
认识Threejs中的缓冲几何体BufferGeometry，并通过BufferGeometry创建一个自定义几何体原创 2023-04-03 00:02:10 · 1096 阅读 · 0 评论 -
Threejs入门之七:Threejs中的几何体
介绍Threejs中常见的几何体原创 2023-04-02 20:44:31 · 2628 阅读 · 0 评论 -
Threejs入门之六:利用HTML5的requestAnimationFrame方法实现物体的旋转
利用requestAnimationFrame实现Threejs中物体的旋转动画原创 2023-04-01 23:28:53 · 1083 阅读 · 0 评论 -
Threejs入门之五:Threejs中的辅助对象
介绍Threejs中的辅助对象，如坐标轴辅助对象、点光源辅助对象、平行光辅助对象、聚光灯辅助对象等，在开发的过程中利用这些辅助对象可以为我们开发程序提供便利原创 2023-04-01 20:54:14 · 1502 阅读 · 0 评论 -
Threejs入门之四:Threejs中的光
详细介绍了Threejs中常见的各种光照效果原创 2023-04-01 20:28:22 · 2977 阅读 · 4 评论 -
Threejs入门之三:让物体跟随鼠标动起来
Threejs让物体跟随鼠标动起来原创 2023-04-01 14:47:44 · 2201 阅读 · 0 评论