iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

30天Pixi帶你飛上天 系列

Pixi.js 轉圈跑跳碰,從零開始!

DAY 21

Day21 用getRenderTexture做殘影

本篇仍然要用<script src="pixi-layer.js"></script> 素材用 Day7 PIXI....

2018-11-05 ‧ 由 挖洗菜呱 分享
DAY 22

Day22 PIXI.projection.Sprite2d 做景深

js可以在pixi的github找到 <script src="pixi-projection.js"></script&...

2018-11-06 ‧ 由 挖洗菜呱 分享
DAY 23

Day23 PIXI.projection.Sprite2d(2)

這篇使用PIXI.projection.Sprite2d 做出假3D的效果 js可以在pixi的github找到 <script src="p...

2018-11-07 ‧ 由 挖洗菜呱 分享
DAY 24

Day24 Spine

本篇沒有研究json如何製作,請使用官方範例XD 先將官方的dragon.json載入 PIXI.loader .add('dragon', 'req...

2018-11-08 ‧ 由 挖洗菜呱 分享
DAY 25

Day25 Particle Container噁心蟲蟲

今天範例是超噁心的蟲蟲 我真的不懂為什麼官方範例一定要用蟲,超奔潰RRRRR PIXI.particles.ParticleContainer其實就是跟cont...

2018-11-09 ‧ 由 挖洗菜呱 分享
DAY 26

Day26 自製PIXI中滑鼠游標

遊戲中都會做一些跟整個遊戲畫面風格相符的客製游標 預設游標設定: var defaultIcon = "url('img/star/png'),aut...

2018-11-10 ‧ 由 挖洗菜呱 分享
DAY 27

Day27 用mask做刮刮樂效果(1) RenderTexture

載入兩張圖片 PIXI.loader.add("t1", "img/bg.png") PIXI.loader.add(...

2018-11-11 ‧ 由 挖洗菜呱 分享
DAY 28

Day28 用mask做刮刮樂效果(2)

延續上篇,這篇主要在於互動這塊 定義一個Graphics,並且要設定成白色,作為筆刷因為mask的設定是黑色為透空,白色不透空,renderTexture目前是...

2018-11-12 ‧ 由 挖洗菜呱 分享
DAY 29

Day29 簡易版打地鼠小遊戲(1) 畫出場景

本篇範例是我亂寫的,應該會有很多問題,被老大看到可能會翻白眼的等級互動真的好難QQQQ完全不會寫演算啊啊啊啊~~~ 這篇會用到container、mask、...

2018-11-13 ‧ 由 挖洗菜呱 分享
DAY 30

Day30 打地鼠(2) 再會啦~~~

這篇就寫個超廢的互動,就如我本人一樣嗚嗚 先把ticker的部分列出來,我覺得寫起來最痛苦的地方就是ticker,因為裡面的內容就是狂觸發,有時候想要寫控制就...

2018-11-14 ‧ 由 挖洗菜呱 分享