Babylon.js开发代码片段 2

添加氛围灯效

文章目录


前言

实际使用中我们需要一些氛围效果,比如一些灯环等。


代码

//创建氛围灯效
      var emitter1 = BABYLON.Mesh.CreateBox("emitter0", 0.1, scene);
      emitter1.isVisible = false;
      var particleSystem2 = new BABYLON.ParticleSystem("particles", 4000, scene);
      particleSystem2.particleTexture = new BABYLON.Texture("/textures/Flare.png", scene);
      particleSystem2.minSize = 0.1;
      particleSystem2.maxSize = 0.3;
      particleSystem2.minEmitPower = 1.0;
      particleSystem2.maxEmitPower = 2.0;
      particleSystem2.minLifeTime = 0.5;
      particleSystem2.maxLifeTime = 1.0;
      particleSystem2.emitter = emitter1;
      particleSystem2.emitRate = 500;
      particleSystem2.blendMode = BABYLON.ParticleSystem.BLENDMODE_ONEONE;
      particleSystem2.minEmitBox = new BABYLON.Vector3(0, 0, 0);
      particleSystem2.maxEmitBox = new BABYLON.Vector3(0, 0, 0);
      particleSystem2.gravity = new BABYLON.Vector3(0, -0.5, 0);
      //分散
      particleSystem2.direction1 = new BABYLON.Vector3(0, 1, 0);
      particleSystem2.direction2 = new BABYLON.Vector3(0, -1, 0);
      //颜色
      particleSystem2.color1 = new BABYLON.Color4(0, 1, 0.23, 0.93);
      particleSystem2.color2 = new BABYLON.Color4(0, 0, 1, 1);
      particleSystem2.start();

      var alpha = 0;
      scene.registerBeforeRender(function () {
        //活动显示,我的场景中心为(-3.8,0-3.8)
        emitter1.position.x = 6 * Math.cos(alpha) - 3.8;
        emitter1.position.y = 0;
        emitter1.position.z = 6 * Math.sin(alpha) - 3.8;
        alpha += 0.05 * scene.getAnimationRatio();
      });

代码借鉴于官方示例

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值