马黑黑 发表于 2025-6-12 18:07
使用 ES6 JS模块要求：
第一，js代码标签在使用模块时必须指明 type属性：
我试着学习一下，感谢老师答疑解惑{:4_191:}
马黑黑 发表于 2025-6-12 13:05
帖子代码
这是使用模块的默认配置。精灵粒子系统预设可配置，将在三楼详细讲解。
代码十来行，看着简洁效果又惊艳。。
这个模块是新封起来的吧。
精灵粒子可以任意配置就好玩了。。
音画者的福音{:4_173:}
杨帆 发表于 2025-6-12 17:38
深厚的专业功底，精湛的讲授教程，高尚的利他之举，为马老师点赞！
{:4_190:}
花飞飞 发表于 2025-6-12 18:30
代码十来行，看着简洁效果又惊艳。。
这个模块是新封起来的吧。
精灵粒子可以任意配置就好玩了。。
支持自定义配置
红影 发表于 2025-6-12 15:16
当然是越简洁越好了
功能相对简单，所以简洁
红影 发表于 2025-6-12 15:15
这个里的贴图更好看
{:4_189:}
红影 发表于 2025-6-12 15:14
嗯嗯，就是看了文档说明才知道的
文档现场写，有点乱
红影 发表于 2025-6-12 15:12
这个版本的效果也有趣，像海星和贝壳
英雄早已归来，过往的记忆，总是在送别场景复现的时刻最为清晰
马黑黑 发表于 2025-6-12 13:05
ThreeJS Sprite 精灵粒子音画帖模块配置说明：
一、导入 spriteparticle.js 模块
这使用说明是个新教程了。。
还分为简单导入和复杂导入。。这个本身已有绘制一个球形几何体了。。
如果不用球形几何体，用别的图形，就需要用到复杂导入么。。{:4_173:}
花飞飞 发表于 2025-6-12 18:39
这使用说明是个新教程了。。
还分为简单导入和复杂导入。。这个本身已有绘制一个球形几何体了。。
如果 ...
不是这么理解。模块是封装好的机制，它就画了精灵和圆球，没有提供其它图像绘制功能。
马黑黑 发表于 2025-6-12 18:32
支持自定义配置
哇塞，马老师您也太厉害了！{:4_199:}
精灵粒子是ThreeJS的强大功能之一，
老师完美实现了简洁、简捷、简便的功能！
马黑黑 发表于 2025-6-12 13:05
ThreeJS Sprite 精灵粒子音画帖模块配置说明：
一、导入 spriteparticle.js 模块
精灵和播放器无论是转动还是贴图或者色彩位置都可以任意更改。。太棒了。
刚还在想复杂导入换成别的什么图形呢，就看到老师给了个矩形例子~~
等会进行尝试{:4_173:}试一试复杂导入，感觉会特别有意思
马黑黑 发表于 2025-6-12 13:05
ThreeJS Sprite 精灵粒子音画帖模块配置说明：
一、导入 spriteparticle.js 模块
全屏常见并自带，这个更改比较熟悉。。
防走位的又改进了。之前只有画布左和上为零，这回上、下、左、右全零。。。这样位置更加精准。。
视频刚才试了一下下，完美显示完美暂停。。
{:4_173:}
每一个细节都是做贴特别需要的。。大爱大赞
马黑黑 发表于 2025-6-12 14:14
是有配置的版本： Hero Memories
{:4_173:}之前还说精灵顽固呢，别人动它就不动。
现在觉得是真好用啊，无论给它一张什么图都能完美呈现出来。。。。。
不是喜新厌旧啊，是这样的粒子飞舞效果的确更有空间感。。
本帖最后由 花飞飞 于 2025-6-12 19:10 编辑
马黑黑 发表于 2025-6-12 18:07
使用 ES6 JS模块要求：
第一，js代码标签在使用模块时必须指明 type属性：
这个也要存留
想必有空试的时候估计也会出现这样那样的问题。{:4_173:}
马黑黑 发表于 2025-6-12 18:44
不是这么理解。模块是封装好的机制，它就画了精灵和圆球，没有提供其它图像绘制功能。
{:4_173:}那给的那个矩形干嘛用的呀
花飞飞 发表于 2025-6-12 19:10
那给的那个矩形干嘛用的呀
你可以给它安排动画，这需要自己做，模块没有安排。另外，这只是举例，你可以考虑画个别的，比如一位亭亭玉立的3d菇凉
花飞飞 发表于 2025-6-12 19:09
这个也要存留
想必有空试的时候估计也会出现这样那样的问题。
就这几个步骤，一通百通
花飞飞 发表于 2025-6-12 19:06
之前还说精灵顽固呢，别人动它就不动。
现在觉得是真好用啊，无论给它一张什么图都能完美呈现 ...
精灵也好，点材质也好，各有特点
花飞飞 发表于 2025-6-12 19:01
全屏常见并自带，这个更改比较熟悉。。
防走位的又改进了。之前只有画布左和上为零，这回上、下、左、右 ...
{:4_190:}