昝梓菱 发表于 2025-10-19 19:30:03

React+Three.js 实现 Apple 2025 热成像 logo


Apple 2025 年度发布会 LOGO 以标志性的苹果图形被注入炽热的火焰质感，色彩从暖调橙黄向冷调湛蓝自然过渡，似高温灼烧下的金属表面，迸发出熔融的光泽；又若无形的能量在流动，勾勒出科技的脉搏与律动，将 “科技” 与 “力量” 的碰撞感具象化，光影的明暗交错削弱了平面的单薄感，赋予其近乎触手可及的质感，同时营造出浓郁的未来感与未知感。
摘要

如上述引用内容，本文将基于 React + Three.js + GLSL 的相关知识，实现 Apple 2025 动态热成像 logo 效果。通过本文的阅读和学习，你将学习到的知识点包括：离屏渲染技术 FBO、交互事件与动态参数控制、Leva 控制面板的应用、视频纹理、遮罩纹理、着色器材质的使用、热成像动画着色器实现和应用等。
效果

本文页面实现效果如下图所示，页面页面中心由 Apple 热成像动态图标构成，图标上面由橙色和蓝色渐变色动态流动，页面底部为蓝色渐变文案。


当使用鼠标
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

忿惺噱 发表于 2025-12-16 02:35:56

谢谢分享，辛苦了

麓吆 发表于 2025-12-23 14:44:59

东西不错很实用谢谢分享

篁瞑普 发表于 2025-12-29 19:41:43

这个好，看起来很实用

那虻 发表于 2026-1-2 15:03:34

感谢分享，下载保存了，貌似很强大

祉遛吾 发表于 2026-1-13 19:39:13

很好很强大我过来先占个楼 待编辑

豌笆 发表于 2026-1-13 23:05:38

感谢分享，下载保存了，貌似很强大

仟仞 发表于 2026-1-18 02:14:20

过来提前占个楼

济曝喊 发表于 2026-1-19 07:24:46

东西不错很实用谢谢分享

唐嘉懿 发表于 2026-1-19 23:57:10

热心回复！

讣丢 发表于 2026-1-20 00:12:19

谢谢分享，试用一下

左丘平莹 发表于 2026-1-21 04:19:00

感谢，下载保存了

慎气 发表于 2026-1-21 07:13:52

谢谢分享，试用一下

系味 发表于 2026-1-21 16:47:54

不错，里面软件多更新就更好了

庞环 发表于 2026-1-22 20:01:38

收藏一下   不知道什么时候能用到

啖曼烟 发表于 2026-1-22 20:52:37

热心回复！

咪四 发表于 2026-1-25 07:46:04

懂技术并乐意极积无私分享的人越来越少。珍惜

路逸思 发表于 2026-1-27 02:35:16

新版吗？好像是停更了吧。

锷稠 发表于 2026-1-27 22:15:59

感谢分享，学习下。

裆趾针 发表于 2026-1-30 04:06:55

不错，里面软件多更新就更好了
页: [1] 2 3
查看完整版本: React+Three.js 实现 Apple 2025 热成像 logo