iT邦幫忙

卡羅奇奇
iT邦新手 3 級 ‧ 點數 895
鈦坦科技
17642
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

菜雞用Canvas/Pixi動動動動動起來 系列

先搞懂canvas動畫，再來略懂略懂PixiJS

鐵人鍊成 ｜ 共 30 篇文章 ｜ 17 人訂閱 訂閱系列文 RSS系列文 ｜團隊甘阿餒
0 Like 0 留言 944 瀏覽
DAY 21

【Day21】Pixi-Stage/Container

舞台 今天會講到昨天說到的pixi.application創造的五個的其中一個stage loader renderer stage ticker vie...

2020-10-04 ‧ 由 卡羅奇奇 分享
0 Like 0 留言 796 瀏覽
DAY 22

【Day22】Pixi-Sprite

Sprite 昨天已經知道了container裡面會放很多sprite物件來顯示你要的圖案 sprite建立 而sprite需要圖像，圖像的來源可以有以下幾種方...

2020-10-05 ‧ 由 卡羅奇奇 分享
0 Like 0 留言 1239 瀏覽
DAY 23

【Day23】Pixi-Texture

Texture pixi用WebGL和GPU渲染圖像，圖像需要轉換成GPU可以處理的格式，叫做紋理Texture，在sprite顯示圖片以前，需要先講圖片轉化成...

2020-10-06 ‧ 由 卡羅奇奇 分享
0 Like 0 留言 807 瀏覽
DAY 24

【Day24】Pixi-Loader

Loader 還記得前幾天講到的PIXI.application建立之後產生的五個成員:-loader-renderer-stage-ticker-view前面...

2020-10-07 ‧ 由 卡羅奇奇 分享
0 Like 0 留言 1505 瀏覽
DAY 25

【Day25】Pixi-Text

Text 今天要來介紹PIXI的文字Api，它是基於canvas的api創造文字，可以複習一下前不久的【Day06】Canvas-繪製文字 PIXI.Text...

2020-10-08 ‧ 由 卡羅奇奇 分享
0 Like 0 留言 1879 瀏覽
DAY 26

【Day26】Pixi-Graphics

Graphics PIXI.Graphics Pixi有很多語法跟canvas的好像啊(arc()、bezierCurveTo等等)～～～【Day04】Canv...

2020-10-09 ‧ 由 卡羅奇奇 分享
0 Like 0 留言 1038 瀏覽
DAY 27

【Day27】Pixi-Mask

Mask 今天來介紹常用昨天介紹的graphics來做的遮罩吧！ Mask 被遮物.mask=遮罩物最會呈現出遮罩物的形狀或是漸層 今天來試試用星星形狀做遮罩...

2020-10-10 ‧ 由 卡羅奇奇 分享
0 Like 0 留言 865 瀏覽
DAY 28

【Day28】Pixi-Ticker

PIXI.Ticker 之前介紹的pixi.application創造的五個的剩最後一個 loader renderer stage ticker vie...

2020-10-11 ‧ 由 卡羅奇奇 分享
0 Like 0 留言 1062 瀏覽
DAY 29

【Day29】Pixi-AnimatedSprite

PIXI.AnimatedSprite 今天介紹用PIXI.AnimatedSprite做影格動畫 做好每一格動畫的圖後，可以先用TexturePacker來做...

2020-10-12 ‧ 由 卡羅奇奇 分享
1 Like 1 留言 1032 瀏覽
DAY 30

【Day30】Pixi-ParticleContainer+結語

PIXI.ParticleContainer 今天介紹用PIXI.ParticleContainer做粒子動畫 動動看 const app = new...

2020-10-13 ‧ 由 卡羅奇奇 分享
卡羅奇奇的鐵人檔案
卡羅奇奇的收藏
卡羅奇奇的追蹤
卡羅奇奇的Like
卡羅奇奇的紀錄
卡羅奇奇的訂閱列表