iT邦幫忙

pixijs相關文章
共有 129 則文章
鐵人賽 Modern Web DAY 6

技術 Day 06:繪製你的第一個形狀 - Graphics

昨天,我們介紹了如何使用 Container 將多個顯示物件放在一起,輕鬆地控制它們的整體動作,而且我們還偷偷用到了 Graphics 來繪製血條,今天我們就要...

鐵人賽 Modern Web DAY 5

技術 Day 05:物件的收納盒 - Container

昨天,我們成功讓第一個 Sprite 動了起來。有了控制單一物件動態的經驗後,今天我們將面臨一個更實際的問題:當一個遊戲角色由多個物件組成時,要怎麼一起控制它們...

鐵人賽 Modern Web DAY 4

技術 Day 04:讓你的 Sprite 動起來 - 位置、縮放與旋轉

昨天,我們成功創建了第一個 Sprite,並將它顯示在畫面的正中央。有了這個靜態的物件後,今天,我們就要讓它活起來,學習如何控制它的位置、縮放與旋轉。 在開始之...

鐵人賽 Modern Web DAY 3

技術 Day 03:認識遊戲物件的靈魂 - Sprite

昨天,我們成功的在 CG 上創建了一個 PixiJS 的專案,並寫出了第一個測試程式。今天,就讓我們正式踏入 PixiJS 的世界,來認識最核心的顯示物件——S...

鐵人賽 Modern Web DAY 2

技術 Day 02:創建你的第一個 PixiJS 專案

我們這個系列將會使用 PixiJS v8 來進行介紹,不過在正式開始寫 PixiJS 之前,我得先來介紹這次的秘密武器:Code.Gamelet(簡稱 CG),...

鐵人賽 Modern Web DAY 1

技術 Day 01:為什麼選擇 PixiJS?這是一個關於「習慣」與「開始」的故事

為什麼選擇 PixiJS? 這個問題的答案其實很簡單,沒有什麼華麗的技術分析,也沒有複雜的效能評比。最老實的回答是:它是我程式旅程的起點。 剛踏入程式領域時,我...

鐵人賽 Modern Web DAY 30
PixiJS青銅玩家 系列 第 30

技術 【LV. 30】PixiJS青銅玩家 新任務?[Y / N]

▉ 前言 按照慣例,還是要以PixiJS青銅玩家以及熟悉的系統提示作為開場。 系統提示:「It’s not so important who starts...

鐵人賽 Modern Web DAY 29
PixiJS青銅玩家 系列 第 29

技術 【LV. 29】PixiJS青銅玩家:讓角色行動但置中於地圖(3)置中於screen

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 28
PixiJS青銅玩家 系列 第 28

技術 【LV. 28】PixiJS青銅玩家:讓角色行動但置中於地圖(2)邊界限制

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 27
PixiJS青銅玩家 系列 第 27

技術 【LV. 27】PixiJS青銅玩家:讓角色行動但置中於地圖(1)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 26
PixiJS青銅玩家 系列 第 26

技術 【LV. 26】PixiJS青銅玩家:helper function - keyboard()(3)abc?

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 25
PixiJS青銅玩家 系列 第 25

技術 【LV. 25】PixiJS青銅玩家:helper function - keyboard()(3)事件

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 24
PixiJS青銅玩家 系列 第 24

技術 【LV. 24】PixiJS青銅玩家:helper function - keyboard()(2)物件

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 23
PixiJS青銅玩家 系列 第 23

技術 【LV. 23】PixiJS青銅玩家:helper function - keyboard()(1)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 22
PixiJS青銅玩家 系列 第 22

技術 【LV. 22】PixiJS青銅玩家:helper function - randomInt()

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 21
PixiJS青銅玩家 系列 第 21

技術 【LV. 21】PixiJS青銅玩家:helper function - hitTestRectangle()

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 20
PixiJS青銅玩家 系列 第 20

技術 【LV. 20】PixiJS青銅玩家:helper function - contain()

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 19
PixiJS青銅玩家 系列 第 19

技術 【LV. 19】PixiJS青銅玩家:play( )(3)& end( )

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 18
PixiJS青銅玩家 系列 第 18

技術 【LV. 18】PixiJS青銅玩家:play( )(2)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 17
PixiJS青銅玩家 系列 第 17

技術 【LV. 17】PixiJS青銅玩家:play( )(1)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 16
PixiJS青銅玩家 系列 第 16

技術 【LV. 16】PixiJS青銅玩家:gameLoop( )

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 15
PixiJS青銅玩家 系列 第 15

技術 【LV. 15】PixiJS青銅玩家:setUp( )(7)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 14
PixiJS青銅玩家 系列 第 14

技術 【LV. 14】PixiJS青銅玩家:setUp( )(6)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 13
PixiJS青銅玩家 系列 第 13

技術 【LV. 13】PixiJS青銅玩家:setUp( )(5)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 12
PixiJS青銅玩家 系列 第 12

技術 【LV. 12】PixiJS青銅玩家:setUp( )(4)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 11
PixiJS青銅玩家 系列 第 11

技術 【LV. 11】PixiJS青銅玩家:setUp( )(3)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 10
PixiJS青銅玩家 系列 第 10

技術 【LV. 10】PixiJS青銅玩家:setUp( )(2)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 9
PixiJS青銅玩家 系列 第 9

技術 【LV. 9】PixiJS青銅玩家:setUp( )(1)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 8
PixiJS青銅玩家 系列 第 8

技術 【LV. 8】PixiJS青銅玩家:前置作業(4)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...

鐵人賽 Modern Web DAY 7
PixiJS青銅玩家 系列 第 7

技術 【LV. 7】PixiJS青銅玩家:前置作業(3)

▉ 前言 這裡將利用教程所提供的"Treasure Hunter Game"來直接學習PixiJS中的語法。"Treasure H...