PixiJS V5 教學 (0) - 前言&目錄

前言

這個系列基本上是為了參加六角學院所舉辦的 w3HexSchool 鼠年全馬鐵人挑戰而撰寫的文章,第一篇稍微談一下為什麼要寫 PixiJS 吧。

為什麼要挑 PixiJS

最主要原因是因為某一次專案中必須製作相當多的特效,其中一個區塊就必須使用 PixiJS,而因為自己對於該技術不瞭解,所以就乾脆在這一次活動給它頭皮硬洗下去,希望過程可以讓自己至少到達「哦~」PixiJS 基礎的原始碼可以看的懂的程度。

其次是自己對於 PixiJS 的效果製作其實也滿好奇的,滿多遊戲製作也是使用 PixiJS,而且專案過程也因為自己有稍微看了一下 PixiJS 而可以稍稍改動專案內的一些些程式碼,所以就…乾脆來寫寫看囉~

希望可以完整地挑戰成功 40 週,然後取得 金角獎 (實體獎座)!!!!!!

反正最終目標就是 金角獎 (我來啦~)。

起手建議

基本上這個系列會建議你有以下基本的程度

  • CSS&HTML
  • JavaScript
  • Canvas (如果你有稍微摸過,相信你會更容易上手,但這是非必要,因為我是沒有摸過直接來學。)

如果你有以上程度的話,那麼這系列我想你應該是可以看得懂的,因為我也是完全沒碰過 PixiJS 自己查網路自己研究,除非我寫太爛(我承認我應該會寫很爛)。

但是如果你本身已經有學過 Canvas 那麼我相信這一篇你應該會非常容易上手,因為 PixiJS 本身就是使用 Canvas 來開發的。

文章目錄

該區塊將持續更新。

Codepen

完整範例全系列 CodePen:https://codepen.io/collection/DKyPWg