標籤: Canvas

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (20) - 碰撞邊界(2)

接下來我們可以試著來製作撞到牆壁後出現數字的效果。

2020-06-22 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (19) - 碰撞邊界(1)

接下來邊界相關的東西，通常來講我們在玩遊戲都會有所謂的邊界。

2020-06-15 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (18) - boxesIntersect

接下來稍微讓我們回顧一下前面沒講的東西，也就是 boxesIntersect 的參數。

2020-06-08 3 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (17) - Text+HP

前一篇我們學會如何製作血條，但是文字呢?所以這一篇就來介紹如何補上文字~

2020-06-01 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (16) - Game HP

前一篇開始我們開始有那麼一點像是在製作遊戲，所以接下來會來介紹一下遊戲中的血條該如何製作。

2020-05-25 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (15) - Bump

前一篇我們學習如何使用 PIXI 建立幾何圖形，那麼接下來要學習 PIXI 中一個我認為滿特別的東西，也就是碰撞檢測。

2020-05-18 3 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (14) - Graphics(2)

前一篇介紹了基本的幾何圖形的繪畫，但是只介紹矩形，其實 PIXI 還有其他幾何圖形的繪畫，所以接下來就來講其他的幾何圖形囉

2020-05-11 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (13) - Graphics(1)

接下來將會來介紹一點使用 PIXI 繪畫幾何圖形，最後會再來試著整合前面的技巧。

2020-05-04 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (12) - mousemoveEvent(2)

接下來講講關於 PIXI 其他的滑鼠操作吧~

2020-04-27 1 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (11) - mousemove

前一篇介紹了使用鍵盤來移動圖片，那麼接下來就要來介紹使用滑鼠移動。

2020-04-20 3 分鐘閱讀

閱讀全文