Hero Memories

杨帆

马黑黑 发表于 2025-6-12 18:07
使用 ES6 JS模块要求：

第一，js代码标签在使用模块时必须指明 type属性：

我试着学习一下，感谢老师答疑解惑

花飞飞

马黑黑 发表于 2025-6-12 13:05
帖子代码

这是使用模块的默认配置。精灵粒子系统预设可配置，将在三楼详细讲解。

代码十来行，看着简洁效果又惊艳。。
这个模块是新封起来的吧。
精灵粒子可以任意配置就好玩了。。
音画者的福音

马黑黑

杨帆 发表于 2025-6-12 17:38
深厚的专业功底，精湛的讲授教程，高尚的利他之举，为马老师点赞！

马黑黑

花飞飞 发表于 2025-6-12 18:30
代码十来行，看着简洁效果又惊艳。。
这个模块是新封起来的吧。
精灵粒子可以任意配置就好玩了。。

支持自定义配置

马黑黑

红影 发表于 2025-6-12 15:16
当然是越简洁越好了

功能相对简单，所以简洁

马黑黑

红影 发表于 2025-6-12 15:15
这个里的贴图更好看

马黑黑

红影 发表于 2025-6-12 15:14
嗯嗯，就是看了文档说明才知道的

文档现场写，有点乱

马黑黑

红影 发表于 2025-6-12 15:12
这个版本的效果也有趣，像海星和贝壳

英雄早已归来，过往的记忆，总是在送别场景复现的时刻最为清晰

花飞飞

马黑黑 发表于 2025-6-12 13:05
ThreeJS Sprite 精灵粒子音画帖模块配置说明：

一、导入 spriteparticle.js 模块

这使用说明是个新教程了。。
还分为简单导入和复杂导入。。这个本身已有绘制一个球形几何体了。。
如果不用球形几何体，用别的图形，就需要用到复杂导入么。。

马黑黑

花飞飞 发表于 2025-6-12 18:39
这使用说明是个新教程了。。
还分为简单导入和复杂导入。。这个本身已有绘制一个球形几何体了。。
如果 ...

不是这么理解。模块是封装好的机制，它就画了精灵和圆球，没有提供其它图像绘制功能。

杨帆

马黑黑 发表于 2025-6-12 18:32
支持自定义配置

哇塞，马老师您也太厉害了！

精灵粒子是ThreeJS的强大功能之一，

老师完美实现了简洁、简捷、简便的功能！

花飞飞

马黑黑 发表于 2025-6-12 13:05
ThreeJS Sprite 精灵粒子音画帖模块配置说明：

一、导入 spriteparticle.js 模块

精灵和播放器无论是转动还是贴图或者色彩位置都可以任意更改。。太棒了。

刚还在想复杂导入换成别的什么图形呢，就看到老师给了个矩形例子~~
等会进行尝试试一试复杂导入，感觉会特别有意思

花飞飞

马黑黑 发表于 2025-6-12 13:05
ThreeJS Sprite 精灵粒子音画帖模块配置说明：

一、导入 spriteparticle.js 模块

全屏常见并自带，这个更改比较熟悉。。
防走位的又改进了。之前只有画布左和上为零，这回上、下、左、右全零。。。这样位置更加精准。。
视频刚才试了一下下，完美显示完美暂停。。

每一个细节都是做贴特别需要的。。大爱大赞

花飞飞

马黑黑 发表于 2025-6-12 14:14
是有配置的版本： Hero Memories

之前还说精灵顽固呢，别人动它就不动。
现在觉得是真好用啊，无论给它一张什么图都能完美呈现出来。。。。。
不是喜新厌旧啊，是这样的粒子飞舞效果的确更有空间感。。

花飞飞

马黑黑 发表于 2025-6-12 18:07
使用 ES6 JS模块要求：

第一，js代码标签在使用模块时必须指明 type属性：

这个也要存留
想必有空试的时候估计也会出现这样那样的问题。

花飞飞

马黑黑 发表于 2025-6-12 18:44
不是这么理解。模块是封装好的机制，它就画了精灵和圆球，没有提供其它图像绘制功能。

那给的那个矩形干嘛用的呀

马黑黑

花飞飞 发表于 2025-6-12 19:10
那给的那个矩形干嘛用的呀

你可以给它安排动画，这需要自己做，模块没有安排。另外，这只是举例，你可以考虑画个别的，比如一位亭亭玉立的3d菇凉

马黑黑

花飞飞 发表于 2025-6-12 19:09
这个也要存留
想必有空试的时候估计也会出现这样那样的问题。

就这几个步骤，一通百通

马黑黑

花飞飞 发表于 2025-6-12 19:06
之前还说精灵顽固呢，别人动它就不动。
现在觉得是真好用啊，无论给它一张什么图都能完美呈现 ...

精灵也好，点材质也好，各有特点

马黑黑

花飞飞 发表于 2025-6-12 19:01
全屏常见并自带，这个更改比较熟悉。。
防走位的又改进了。之前只有画布左和上为零，这回上、下、左、右 ...