- 博客(15)
- 收藏
- 关注
RSS订阅原创 THREEJS高级光照与着色器编程学习
环境贴图是一种将周围环境映射到物体表面的方法，用于模拟反射和折射效果。常见的环境贴图类型包括立方体贴图（Cube Map）和球面贴图（Spherical Map）。全局光照模拟了光线在场景中的多次反射和散射效果，真实地再现了光线在现实世界中的传播。全局光照技术使得光线能够从一个物体反射到另一个物体，增加了场景的真实感。着色器（Shader）是运行在 GPU 上的小程序，用于计算图像中的每个像素或顶点的颜色和亮度。着色器通常使用 GLSL（OpenGL Shading Language）编写。
2024-09-02 14:11:18
736
原创 THREEJS阴影与后期处理
后期处理是指在基本的 3D 渲染完成后，对图像进行进一步处理以添加特殊效果的过程。常见的后期处理效果包括景深（Depth of Field）、泛光（Bloom）、色彩校正（Color Correction）、抗锯齿（Anti-Aliasing）等。
2024-08-28 09:25:49
271
原创 threejs光照与材质
threejs材质定义了物体表面如何与光线交互。通过设置不同的材质参数，可以使得物体表现出如金属、塑料、布料等不同的质感。
2024-08-26 09:24:41
550
原创 THREE.JS投影与视图
投影是将三维场景中的对象转换为二维平面图像的过程。投影的目标是模拟人眼或摄像机如何观察世界，使得三维物体在二维屏幕上呈现出合理的视觉效果。
2024-08-23 08:56:32
974
原创 3D 坐标系的基础概念、变换操作
3D 坐标系是用来描述三维空间中点或对象位置的系统。X 轴：通常表示左右方向（水平）。Y 轴：通常表示上下方向（垂直）。Z 轴：通常表示前后方向（深度）。在一个 3D 坐标系中，每个点的位置由一个三元组(x, y, z)来表示，分别表示该点在 X、Y 和 Z 轴上的位置。
2024-08-22 09:33:46
569
原创 探索Three.js：Web 3D开发的强大工具
Three.js是一个基于WebGL的JavaScript库，允许开发者在浏览器中创建和展示3D图形。凭借其简洁的API和丰富的功能，Three.js在Web 3D开发领域广受欢迎。本篇文章将带你了解Three.js的基础知识，并提供一些实用的开发技巧。Three.js是一个强大且易于使用的Web 3D开发库。通过掌握基本的场景创建方法和一些实用技巧，你可以轻松地在网页中创建复杂的3D图形和动画。
2024-08-08 09:12:20
389
原创 React之useMemo和useCallback
useMemo和useCallback只应作用于性能优化。如果代码在没有它的情况下无法运行，请找到根本问题并首先修复它，然后再使用。大部分时候你可能用不到它们，或者说没必要用。
2024-04-09 15:09:23
463
转载 Infuse命名规则
Infuse 会从获取电影、电视节目、动漫、音乐会、短片和电影系列的信息。以下是一些命名规则，可帮助您在将视频与 TMDB 中的标题进行匹配时获得最佳结果。
2024-03-27 16:36:14
2905
2原创 threejs-设置HDR环境贴图
在Three.js中，HDR（高动态范围）渲染是一种渲染技术，其目的是提供更广泛的亮度范围和更准确的颜色表示，以更好地模拟真实世界的光照情况更广泛的亮度范围： HDR允许场景中的亮度范围更广，可以包括非常明亮和非常暗的区域。传统的渲染技术可能在亮度极端值上失真，导致细节丢失或颜色变淡。HDR可以捕捉并呈现这些极端的亮度值，使图像更真实。更准确的颜色表示： HDR使用浮点数格式来表示颜色，而不是常规的8位或16位整数。这使得它能够表示更多的颜色细节，尤其是在光照变化较大的情况下。
2024-01-22 11:24:34
1249
转载 高阶函数filter
filter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。例如，在一个Array中，删掉偶数，只保留奇数，可以这么写：var arr = [1, 2, 4, 5, 6, ...
2019-12-31 16:52:35
416
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人