PinnedHekoinUniMarketSpark AR 新手入門在使用Spark AR創作屬於自己的濾鏡之前,我們也是有可以事先準備好的工作,讓我們自己更好的入門成為Spark AR濾鏡的創作者。Jan 4, 2021Jan 4, 2021
HekoinUniMarketPIXI.JS碰撞偵測的小Tip在PIXI.JS裡判斷碰撞偵測時常常會遇見碰撞連續觸發的狀況,這時候可以在創建要被偵測碰撞的物件時幫它新增一個自定義參數來當作碰撞的依據,以下範例為使用class方式創建物件:Dec 28, 2022Dec 28, 2022
HekoinUniMarket用PIXI.JS做跳躍雖然角色跳躍可以只是簡單的使用anim.y來改變數值就能達成,但是這樣相對死板,這邊提供一個函式使ticker 的時間來讓跳躍遞增上升或抵減下落,代碼如下:Dec 28, 2022Dec 28, 2022
HekoinUniMarketPIXI.JS把Sprite寫成Class在 JavaScript 中, Class是一種用於建立物件的函數類型。它是建立物件的模板,並提供了封裝屬於物件的屬性和方法的方式。Dec 28, 2022Dec 28, 2022
HekoinUniMarket用PIXI.JS製作左右橫移小遊戲我們之前做過了橫向卷軸遊戲背景,也做過了使用SpriteShee做連續動圖,現在,我們來加上鍵盤操作來控制場景與角色吧!Dec 26, 2022Dec 26, 2022
HekoinUniMarket用PIXI.JS做連續動圖SpriteSheeSpriteSheet 是一種圖像資源,它包含了多張圖片,並將它們放在一張大圖中。你可以使用 SpriteSheet 來創建連續圖片動畫或者精簡圖像資源的使用。Dec 26, 2022Dec 26, 2022
HekoinUniMarket用PIXI.JS做連續動圖你可以使用 PIXI.AnimatedSprite 類來創建播放序列圖像的動畫。使用PIXI.AnimatedSprite時,您可以指定要播放的圖像序列,並設置動畫的播放速度。Dec 26, 2022Dec 26, 2022
HekoinUniMarket用PIXI.JS做個橫向卷軸遊戲背景你可以使用 PIXI.TilingSprite 類來創建不斷向右移動的橫向卷軸背景。首先,你需要加載你想要使用的圖片作為背景。先引入使用loader來載入想要使用的圖片:Dec 20, 2022Dec 20, 2022
HekoinUniMarketPIXI.JS簡介PIXI.js 是一個開源的 HTML5 圖形庫,它可以幫助你在網頁中創建高效能的遊戲和交互式圖形。它使用 WebGL 進行渲染,可以在大多數瀏覽器中很好地運行。Dec 20, 2022Dec 20, 2022