本帖最后由 18979425409 于 2023-5-23 13:48 编辑
文将介绍如何基于ThingJS进行低代码开发，并通过修改火焰、飘雪、喷水、降雨等粒子的大小和密度来实现一些有趣的效果。
首先介绍一下：粒子系统中最小密度和最大密度是什么？ 在thingjs中，粒子系统是一种常见的视觉效果，用于模拟流体、烟雾、火焰等。设置粒子的最大密度和最小密度可以控制粒子系统的外观和行为。 最大密度指的是在一定范围内，粒子数量最多的密度值。当粒子数量超过最大密度时，粒子会开始重叠并产生混乱的效果。 最小密度则是指在一定范围内，粒子数量最少的密度值。当粒子数量低于最小密度时，粒子可能会出现空洞或缺失的情况。 通过调整最大密度和最小密度，可以使粒子系统看起来更加自然和真实。
1.创建粒子 参考官方示例：物体->创建粒子。 访问地址：https://www.thingjs.com/guide/?m=sample
2.修改粒子的大小 我们建议先使用boundingBox属性查看粒子包围盒，然后再通过scale属性将粒子包装盒缩放，从而实现粒子系统方法的缩放效果。代码如下所示： - //获取粒子对象，接第一点
- var fire = app.query(/Fire/)[0] //获取火焰粒子
- fire.boundingBox = true //显示火焰粒子包围盒
- fire.scale = [2,2,2] //给粒子的xyz轴各放大2倍
3.修改粒子的最大密度和最小密度 - //获取粒子对象，接第一点
- var fire = app.query(/Fire/)[0] //获取火焰粒子
- // 设置粒子最大密度
- particle.setGroupAttribute('maxParticleCount', 1000);
- // 设置粒子最小密度
- particle.setParticleAttribute('particleCount', 500);
Thingjs的API地址：
boundingBox：https://support.thingjs.com/book/thingjs-api10/62a6fe108554c3bf0f4f3aad#boundingBox
scale：https://support.thingjs.com/book/thingjs-api10/62a8729dac4419358c30e39c#scale
| 
1028
0
