分類: JavaScript

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (11) - mousemove

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

2020-04-20 3 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學(10) - 鍵盤控制

接下來這一篇將會來介紹如何使用鍵盤來控制圖片，讓目前 PIXI 更像一個遊戲。

2020-04-13 2 分鐘閱讀

閱讀全文

JavaScript JavaScript 核心篇 執行環境與作用域

JavaScript 核心觀念(3)-執行環境與作用域-語法作用域

JavaScript 採用的是語法作用域，所謂的語法作用域就是你宣告時就已經決定好他的作用域。

2020-04-12 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (9) - speeds

接下來也是與圖片移動相關，但是這一次要介紹的是速度。

2020-04-06 2 分鐘閱讀

閱讀全文

JavaScript JavaScript 核心篇 執行環境與作用域

JavaScript 核心觀念(2)-執行環境與作用域-執行的錯誤情境 LHS, RHS

JavaScript 世界中出現 LHS, RHS 是一件很常見的事情，而這兩個名詞主要與取值及賦值有關。

2020-04-05 3 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (8) - Ticker(2)

前面終於讓圖片動起來了，接下來這一篇就輕鬆一點試著了解一下剛剛移動圖片的 API 還有哪些吧~

2020-03-30 1 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (7) - Ticker

前面已經學會引入圖片，那麼單純只是引入圖片有點無聊，所以來試著移動圖片吧~

2020-03-23 2 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (6) - Texture(2)

上一篇介紹了使用 new PIXI.Loader(); 的方式來渲染圖片，這一篇則會介紹另一種寫法。

2020-03-16 3 分鐘閱讀

閱讀全文

JavaScript console

淺談 JavaScript 中的 Debug 神器 Console

在寫 JavaScript 時，其實我們會很長使用 console 來 debug，所以這一篇來淺談一下 console 吧。

2020-03-13 3 分鐘閱讀

閱讀全文

JavaScript PixiJS V5 教學 PixiJS

PixiJS V5 教學 (5) - Texture

有引入文字那麼就會有引入圖片啦~而 PIXI 會使用 GPU 以及 WebGL 來渲染圖片，而圖片需要經過處理才能夠使用的，而通常處理好的圖片都會稱為 Texture。

2020-03-09 4 分鐘閱讀

閱讀全文