![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three.js
文章平均质量分 93
three.js学习记录与分享
seeooco
这个作者很懒,什么都没留下…
展开
-
threejs模型粒子变化动画
threejs模型粒子动画变化研究学习记录原创 2024-03-09 14:29:36 · 1382 阅读 · 0 评论 -
React Three Fiber快速入门
React Three Fiber快速入门学习笔记原创 2024-03-09 14:09:43 · 1995 阅读 · 0 评论 -
Draco点云压缩测试
使用draco开源项目压缩点云及使用threejs加载测试原创 2024-03-09 13:45:09 · 1332 阅读 · 0 评论 -
点云数据切片及使用threejs加载
threejs加载使用potree切片的点云数据测试原创 2024-03-09 13:55:50 · 2058 阅读 · 2 评论 -
three.js后处理
最后一次通道不会绘制在一个渲染目标上,因为我们可以直接将其放在画布上,这样用户就可以看到最后的结果了。创建自定义通道类似于创建自定义着色器。原创 2023-08-12 11:13:47 · 987 阅读 · 0 评论 -
three.js性能优化微指南
使用stats,这里就不过多说明了。原创 2023-08-10 08:56:39 · 1232 阅读 · 0 评论 -
three.js修改内置材质着色器代码
通常我们是通过修改扩展three.js内置的材质来实现一些复杂的效果的,而不是使用shaderMaterial材质从零开始实现。比如说很满意(一种常规材质)的效果,但是我们希望在这个材质上添加一些顶点动画。如果我们打算从头开始写一个全新的,处理灯光、环境图、物理渲染、各种纹理等等就会耗费我们大量的时间。很明显第二种方式一般情况下并不太适合,因为需要花费的时间比较多。原创 2023-08-10 08:55:55 · 363 阅读 · 0 评论 -
three.js使用着色器绘制图案
除了通过加载纹理来给材质添加一些图案,我们还可以通过shader添加,这种方式添加更灵活,性能也更好些此篇的作用主要是提供一些设色器图案素材。原创 2023-08-09 11:28:34 · 700 阅读 · 0 评论 -
three.js着色器材质
当Three.js内置的材质不能满足需求时,就需要通过编写着色器来实现了也可能是出于性能原因。像MeshStandardMaterial这样的材料非常复杂,涉及大量的代码和计算。如果我们编写自己的着色器,我们可以将功能和计算保持在最低限度。我们可以更好地控制性能。编写指定要着色器也是向渲染结果添加后处理效果的绝佳方式。原创 2023-08-09 11:25:46 · 1172 阅读 · 0 评论 -
three.js项目的代码组织结构
通常对于稍微大些的项目或者demo,都需要对three.js的代码结构进行拆分,有利于复用、代码可读性、扩展性原创 2023-08-09 11:21:04 · 217 阅读 · 0 评论 -
three.js提升渲染效果
通常我们都希望渲染出更逼真的效果,有许多技术来改善模型在 Three.js 中渲染后的外观。但请注意,其中一些技术可能会影响性能,而某些技术则取决于您的模型。你必须根据情况进行调整。本文部分内容为Three.js Journey课程的学习笔记这里将采用使用了纹理、法线贴图等的逼真的模型。我们将使用 GLTF 示例模型存储库()中的飞行头盔(原创 2023-08-09 11:18:14 · 616 阅读 · 0 评论 -
three.js中加载模型与模型动画
本文部分内容为Three.js Journey课程的学习笔记。有些格式专用于一种软件。有些已知非常轻,但有时缺乏具体数据。众所周知,有些几乎包含您可能需要的所有数据,但它们很重。有些格式是开源的,有些格式不是,有些是二进制的,有些是 ASCII 的,等等。如果需要精确的数据并且无法找到软件支持的适当格式,您甚至可以轻松创建自己的格式。原创 2023-08-09 11:06:25 · 2031 阅读 · 0 评论 -
three.js基于滚动的动画
本文部分内容为Three.js Journey课程的学习笔记。原创 2023-08-09 10:59:53 · 325 阅读 · 0 评论 -
three.js光线投射
顾名思义,光线投射器(也算叫光线追踪吧)可以向特定方向投射(或发射)光线并测试哪些物体与其相交光线投射用于进行鼠标拾取(在三维空间中计算出鼠标移过了什么物体)。你可以使用该技术来检测玩家前面是否有一堵墙,测试激光枪是否击中了某物,测试当前是否有某物位于鼠标下方以模拟鼠标事件,以及许多其他事情。此文章为threejs-journey课程学习笔记。原创 2023-08-09 10:57:05 · 582 阅读 · 0 评论