自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 THREEJS阴影与后期处理

后期处理是指在基本的 3D 渲染完成后,对图像进行进一步处理以添加特殊效果的过程。常见的后期处理效果包括景深(Depth of Field)、泛光(Bloom)、色彩校正(Color Correction)、抗锯齿(Anti-Aliasing)等。

2024-08-28 09:25:49 204

原创 threejs光照与材质

threejs材质定义了物体表面如何与光线交互。通过设置不同的材质参数,可以使得物体表现出如金属、塑料、布料等不同的质感。

2024-08-26 09:24:41 525

原创 THREE.JS投影与视图

投影是将三维场景中的对象转换为二维平面图像的过程。投影的目标是模拟人眼或摄像机如何观察世界,使得三维物体在二维屏幕上呈现出合理的视觉效果。

2024-08-23 08:56:32 967

原创 3D 坐标系的基础概念、变换操作

3D 坐标系是用来描述三维空间中点或对象位置的系统。X 轴:通常表示左右方向(水平)。Y 轴:通常表示上下方向(垂直)。Z 轴:通常表示前后方向(深度)。在一个 3D 坐标系中,每个点的位置由一个三元组(x, y, z)来表示,分别表示该点在 X、Y 和 Z 轴上的位置。

2024-08-22 09:33:46 514

原创 探索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 388

原创 模型动画播放

加载模型,计算动画时间生成时间轴,可以根据时间移动相机位置,还有一些播放器的基础功能。

2024-07-30 15:48:07 111

原创 Three.js 灯光介绍

Three.js 提供了多种类型的灯光,每种灯光都有其特定的用途和应用场景。

2024-05-27 09:11:29 482

原创 canvas用触控板滑动时滚动超屏,出现白边

这时候已经占用了整个窗口,但是用触控板滚动时出现,不希望出现这种情况的话处理起来很简单。

2024-04-24 16:44:49 175

原创 React之useMemo和useCallback

useMemo和useCallback只应作用于性能优化。如果代码在没有它的情况下无法运行,请找到根本问题并首先修复它,然后再使用。大部分时候你可能用不到它们,或者说没必要用。

2024-04-09 15:09:23 458

转载 Infuse命名规则

Infuse 会从获取电影、电视节目、动漫、音乐会、短片和电影系列的信息。以下是一些命名规则,可帮助您在将视频与 TMDB 中的标题进行匹配时获得最佳结果。

2024-03-27 16:36:14 2825

原创 threejs加载glb模型变黑

threejs加载模型变黑的解决办法。

2024-02-28 15:23:35 1715

原创 blender拆分合并的模型

选中需要拆分出来的模型。

2024-02-26 15:59:04 380 2

原创 threejs-设置HDR环境贴图

在Three.js中,HDR(高动态范围)渲染是一种渲染技术,其目的是提供更广泛的亮度范围和更准确的颜色表示,以更好地模拟真实世界的光照情况更广泛的亮度范围: HDR允许场景中的亮度范围更广,可以包括非常明亮和非常暗的区域。传统的渲染技术可能在亮度极端值上失真,导致细节丢失或颜色变淡。HDR可以捕捉并呈现这些极端的亮度值,使图像更真实。更准确的颜色表示: HDR使用浮点数格式来表示颜色,而不是常规的8位或16位整数。这使得它能够表示更多的颜色细节,尤其是在光照变化较大的情况下。

2024-01-22 11:24:34 1230

转载 高阶函数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关注的人

提示
确定要删除当前文章?
取消 删除