<td id="aqqih"></td>

<dd id="aqqih"></dd>
  1. <span id="aqqih"></span>
  2. <ol id="aqqih"></ol>

    ThingJS如何實現雨雪效果

    這篇文章主要介紹“ThingJS如何實現雨雪效果”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“ThingJS如何實現雨雪效果”文章能幫助大家解決問題。

    1、粒子效果

    ThingJS 提供 ParticleSystem 物體類來實現粒子效果。自己制作粒子效果需要圖片處理、寫代碼、3D渲染, 是個很艱巨的任務,需要掌握大量 3D 算法知識,還要掌握 shader 語言。ThingJS封裝了粒子效果的實現方法,減少了代碼量和開發投入,更受3D開發初學者的歡迎,直接用query查詢API接口,在場景中加入火焰效果。

    ThingJS內置一些粒子效果可以直接調用,可點擊在線開發選擇代碼塊進行調用。

    2、 加載場景

    CampusBuilder(又稱模模搭)搭建場景完成后,在ThingJS直接加載url進行二次開發。

    //?加載場景代碼?
    var?app?=?new?THING.App({
    ?url:?'https://www.thingjs.com/static/models/storehouse'?//?場景地址
    });

    3、不同粒子特效實現

    火焰效果

    代碼如下:

    /**
    ?*?通過創建粒子實現火焰效果
    ?*/
    function?createFire()?{
    ?resetAll();
    ?//?創建粒子
    ?var?particle?=?app.create({
    ?id:?'fire01',
    ?type:?'ParticleSystem',
    ?name:?'Fire',
    ?parent:?app.query('car01')[0],
    ?url:?'https://model.3dmomoda.com/models/19061018snbajhvuzrheq9sbgwdoefuk/0/particles',
    ?localPosition:?[0,?0,?0]?//?設置粒子相對于父物體的位置
    ?});
    }

    飄雪效果

    代碼如下:

    /**
    ?*?通過創建粒子實現飄雪效果
    ?*/
    function?createSnow()?{
    ?resetAll();
    ?//?創建降雪效果
    ?var?particleSnow?=?app.create({
    ?type:?'ParticleSystem',
    ?id:?'No1234567',
    ?name:?'Snow',
    ?url:?'https://model.3dmomoda.com/models/18112014q3t8aunaabahzxbxcochavap/0/particles',
    ?position:?[0,?50,?0]
    ?});
    }

    噴水效果

    代碼如下:

    /**
    ?*?通過創建粒子實現噴水效果
    ?*/
    function?createWater()?{
    ?resetAll();
    ?//?創建噴水效果
    ?var?particle?=?app.create({
    ?id:?'water01',
    ?type:?'ParticleSystem',
    ?name:?'Water',
    ?url:?'https://model.3dmomoda.com/models/19081611ewlkh7xqy71uzixefob8uq1x/0/particles',
    ?position:?[0,?0,?5]
    ?});
    }

    降雨效果

    代碼如下:

    /**
    ?*?通過創建粒子實現降雨效果
    ?*/
    function?createByParticle()?{
    ?resetAll();
    ?//?創建粒子
    ?var?particle?=?app.create({
    ?type:?'ParticleSystem',
    ?name:?'Rain',
    ?url:?'https://model.3dmomoda.com/models/18112113d4jcj4xcoyxecxehf3zodmvp/0/particles',
    ?position:?[0,?300,?0],
    ?complete:?function?(ev)?{
    ?ev.object.scale?=?[10,?10,?10];
    ?}
    ?});
    ?//?設置粒子最大密度
    ?particle.setGroupAttribute('maxParticleCount',?1000);
    ?//?設置粒子最小密度
    ?particle.setParticleAttribute('particleCount',?500);
    ?
    }

    雨雪天氣,是通過粒子圖片渲染來實現的,我們可以通過控制粒子數量的最大密度和最小密度來實現降雨降雪量大小。

    清除粒子效果

    function?resetAll()?{?//?獲取當前已創建的粒子?var?particle?=?app.query('.ParticleSystem');?//?判斷當前有無創建的粒子?if?(particle)?{?//?存在,將已創建的粒子刪除?particle.destroy();?}?}

    關于“ThingJS如何實現雨雪效果”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注蝸牛博客行業資訊頻道,小編每天都會為大家更新不同的知識點。

    免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:niceseo99@gmail.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

    評論

    日本韩欧美一级A片在线观看
    <td id="aqqih"></td>

    <dd id="aqqih"></dd>
    1. <span id="aqqih"></span>
    2. <ol id="aqqih"></ol>