自定义博客皮肤VIP专享

*博客头图：

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

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

博客底图：

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

栏目图：

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

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览 取消 提交

自定义博客皮肤

-+
上一步保存

weixin_41722662的博客

  • 博客(41)
  • 收藏
  • 关注
排序：
按最后发布时间
按访问量
RSS订阅

原创 【Three.js基础学习】36.particles-morphing-shader

本文介绍了如何通过着色器实现粒子之间的动态切换。通过使用Three.js库，结合GLTFLoader和DRACOLoader加载模型，并使用自定义的顶点和片段着色器来控制粒子的行为和外观。文章详细描述了如何设置粒子的位置、大小和颜色，并通过uProgress参数实现粒子形态的平滑过渡。此外，还引入了Simplex Noise算法来增强粒子运动的自然感。最终，通过GUI界面可以实时调整粒子颜色和形态切换，展示了着色器在粒子效果中的灵活应用。

2025-05-14 18:21:01 236

原创 【Three.js基础学习】35.Particles Cursor Animation Shader

关于着色器应用和画布，实现黑白色照片动态效果。

2025-04-14 18:27:04 174

原创 【Three.js基础学习】34.Earch Shaders

three.js基础学习 ，地球实现

2025-01-09 17:23:10 483

原创 【Three.js基础学习】33.Halftone Shading shaders

three.js基础学习，半色调颜色实现

2024-12-26 18:03:20 503

原创 【Three.js基础学习】32.rading sea shading shaders

three.js基础学习，shader和 light的使用

2024-12-24 14:06:02 371

原创 【Three.js基础学习】31.Lights Shading

three.js基础学习，光源通过着色器设置

2024-12-18 18:12:24 373

原创 【Three.js基础学习】30.Firework Shaders

three.js基础学习

2024-12-17 11:20:09 232

原创 【Three.js基础学习】29.Hologram Shader

three.js基础学习

2024-12-12 16:14:08 269

原创 【Three.js基础学习】28.Coffee Smoke

three.js基础学习 ，shaders制作热气飘动

2024-11-22 16:10:04 684

原创 【Three.js基础学习】27.Modified materials

three.js基础学习，shader

2024-11-20 19:37:54 679

原创 【Three.js基础学习】26. Animated galaxy

three.js学习，shaders 实现星系

2024-11-19 17:46:40 236

原创 【Three.js基础学习】25. Raging sea

three.js基础学习，shader使用

2024-11-18 16:47:06 490

原创 【Three.js基础学习】24. shader patterns

three.js基础学习

2024-11-15 16:17:11 880

原创 【Three.js基础学习】23. shaders

three.js基础学习，shaders

2024-11-14 11:01:34 1112

原创 【Three.js基础学习】22.New project structure

three.js基础学习

2024-11-11 15:43:39 467

原创 【Three.js基础学习】21.Realistic rendering

three.js基础学习

2024-11-06 16:53:18 1278

原创 【Three.js基础学习】20.Environment map

three.js基础学习

2024-08-29 10:20:04 1097

原创 【Three.js基础学习】19.Custom models with Blender

three.js基础学习

2024-08-22 19:51:05 510

原创 【blender】一个汉堡包

blender作品

2024-08-22 19:38:34 427 2

原创 【Three.js基础学习】18.Raycaster and MouseEvents

three.js基础学习

2024-07-31 10:04:16 383

原创 【Three.js基础学习】17.imported-models

three.js基础学习

2024-07-25 13:33:24 951

原创 【Three.js基础学习】16.Physice

three.js基础学习

2024-07-12 14:41:42 1026

原创 【Three.js基础学习】15.scroll-based-animation

three.js基础学习

2024-05-07 23:06:03 1064

原创 【Three.js基础学习】14.Galaxy Generator

three.js基础学习

2024-05-05 00:00:12 398

原创 【Three.js基础学习】13.Particle

three.js基础学习

2024-04-29 23:08:14 969

原创 【Three.js基础学习】12. Haunted house

three.js基础学习

2024-04-27 18:15:54 462

原创 【Three.js基础学习】11. Shadow

three.js基础学习

2024-04-22 22:50:59 1157

原创 【Three.js基础学习】10. Light

three.js基础学习

2024-04-21 19:07:15 1031

原创 【Three.js基础学习】9. go live

three.js基础学习

2024-04-20 19:29:04 349

原创 【Three.js基础学习】8.3D Text

three.js基础学习

2024-04-20 18:35:19 1493 4

原创 【Three.js基础学习】7.Material

three.js基础学习

2024-04-06 17:45:31 1119

原创 【Three.js基础学习】6.Textrue

three.js基础学习

2024-04-04 22:38:44 730

原创 【Three.js基础学习】5.Debug-ui

three.js基础学习

2024-03-29 10:09:13 424

原创 【Three.js基础学习】4.Geometires

three.js基础学习

2024-03-29 09:43:00 1208

原创 【Three.js基础学习】3.Fullscreen and resizing

three.js基础学习

2024-03-28 09:58:19 626

原创 【Three.js基础学习】2.Cameras

three.js基础学习

2024-03-27 19:22:45 583

原创 【Three.js基础学习】1.Animation实现

three.js基础学习

2024-03-27 18:49:39 277

原创 【Three.js基础学习】0.基础概念

three.js 学习

2024-03-27 18:10:22 297

原创 js获取日期

js时间类方法

2023-08-14 14:43:37 2260

原创 Echarts雷达图自定义设置

雷达图基本配置使用

2023-07-04 17:46:25 3150

【Three.js基础学习】36.particles-morphing-shader
实现粒子运动切换效果 着色器的应用

2025-05-14

three.js实现动态图片效果

结合shadow

2025-04-29

blender一个汉堡包
汉堡包模型

2024-08-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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