ThingJS在线开发中怎么设置多种天气呢？

ThingJS在线开发中怎么设置多种天气呢？

可以参考ThingJS在线开发中的官方例程“物体 - 创建粒子”，其中演示了多种天气情况的粒子效果和创建、清除方法。

1. /**
   
2. * 通过创建粒子实现火焰效果
   
3. */
   
4. function createFire() {
   
5.     resetAll();
   
6.     // 创建粒子
   
7.     var particle = app.create({
   
8.         id: 'fire01',
   
9.         type: 'ParticleSystem',
   
10.         name: 'Fire',
    
11.         parent: app.query('car01')[0],
    
12.         url: 'https://model.3dmomoda.com/models/19061018snbajhvuzrheq9sbgwdoefuk/0/particles',
    
13.         localPosition: [0, 0, 0] // 设置粒子相对于父物体的位置
    
14.     });
    
15. }
    
16. 
    
17. /**
    
18. * 通过创建粒子实现飘雪效果
    
19. */
    
20. function createSnow() {
    
21.     resetAll();
    
22.     // 创建降雪效果
    
23.     var particleSnow = app.create({
    
24.         type: 'ParticleSystem',
    
25.         id: 'No1234567',
    
26.         name: 'Snow',
    
27.         url: 'https://model.3dmomoda.com/models/18112014q3t8aunaabahzxbxcochavap/0/particles',
    
28.         position: [0, 50, 0]
    
29.     });
    
30. }
    
31. 
    
32. /**
    
33. * 通过创建粒子实现喷水效果
    
34. */
    
35. function createWater() {
    
36.     resetAll();
    
37.     // 创建喷水效果
    
38.     var particle = app.create({
    
39.         id: 'water01',
    
40.         type: 'ParticleSystem',
    
41.         name: 'Water',
    
42.         url: 'https://model.3dmomoda.com/models/19081611ewlkh7xqy71uzixefob8uq1x/0/particles',
    
43.         position: [0, 0, 5]
    
44.     });
    
45. }
    
46. 
    
47. /**
    
48. * 通过创建粒子实现降雨效果
    
49. */
    
50. function createByParticle() {
    
51.     resetAll();
    
52.     // 创建粒子
    
53.     var particle = app.create({
    
54.         type: 'ParticleSystem',
    
55.         name: 'Rain',
    
56.         url: 'https://model.3dmomoda.com/models/18112113d4jcj4xcoyxecxehf3zodmvp/0/particles',
    
57.         position: [0, 300, 0],
    
58.         complete: function (ev) {
    
59.             ev.object.scale = [10, 10, 10];
    
60.         }
    
61.     });
    
62.     // 设置粒子最大密度
    
63.     particle.setGroupAttribute('maxParticleCount', 1000);
    
64.     // 设置粒子最小密度
    
65.     particle.setParticleAttribute('particleCount', 500);
    
66. 
    
67. }
    
68. 
    
69. 
    
70. /**
    
71. * 清除降雨效果
    
72. */
    
73. function resetAll() {
    
74.     // 获取当前已创建的粒子
    
75.     var particle = app.query('.ParticleSystem');
    
76.     // 判断当前有无创建的粒子
    
77.     if (particle) {
    
78.         // 存在，将已创建的粒子删除
    
79.         particle.destroy();
    
80.     }
    
81. }

复制代码