iT邦幫忙

pixijs相關文章
共有 123 則文章
鐵人賽 Modern Web DAY 28
PixiJS青銅玩家 系列 第 28

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

▉ 前言 這裡將利用教程所提供的"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 6
PixiJS青銅玩家 系列 第 6

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

▉ 前言 這裡將利用教程所提供的"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 29
PixiJS青銅玩家 系列 第 29

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

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

鐵人賽 Modern Web DAY 1

技術 [Day15] Vite 出小蜜蜂~隨機射擊 Randomly Shoot!

Day15 在 Space Invaders 的遊戲設計中,除了隨著不斷前進而產生的壓迫感之外,Enemy 的射擊也扮演了相輔相成的作用。 他讓遊戲內容不只是單...

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

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

▉ 前言 這裡將利用教程所提供的"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 1

技術 [Day17] Vite 出小蜜蜂~ 介面 (HUD)!

Day17 開始做 介面 (HUD),接下來都是用之前有實作過的技巧! Render 因為要調整 Text 的位置,我們需要調整一下 render。 funct...

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

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

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

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

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

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

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

技術 【LV. 4】PixiJS青銅玩家:實作準備

▉ 前言 在【LV. 2】與【LV. 3】階段完成了兩個新手任務,也代表知道怎麼安裝與測試PixiJS是否可以順利運作,終於正式踏入PixiJS地圖準備實際操作...

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

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

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

鐵人賽 Modern Web DAY 1

技術 [Day12] Vite 出小蜜蜂~ Spawn!

Day12 Level Design 接下來我們要開始設計關卡,小蜜蜂的關卡很單純,但是背後的心理卻很深奧。 不過卡比目前只需要完成基本的就行了,也就是將 En...

鐵人賽 Modern Web DAY 1

技術 [Day14] Vite 出小蜜蜂~ Game Logic - Sequential Movement!

Day14 在 Space Invaders 的遊戲設計中,Enemy 的移動邏輯扮演了非常重要的角色,他為遊戲提供了難度,並隨著玩家每次擊殺 Enemy 增加...

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

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

▉ 前言 這裡將利用教程所提供的"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 3
PixiJS青銅玩家 系列 第 3

技術 【LV. 3】PixiJS青銅玩家:測試是否運作

▉ 新手任務:測試PixiJS是否能運作 系統提示:「慢慢來,比較快」,PixiJS青銅玩家獲得一雙不一定跑得快但一定跑得穩的鞋。 在【LV. 2】階段時...

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

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

▉ 前言 這裡將利用教程所提供的"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 1

技術 [Day11] Vite 出小蜜蜂~ Enemy!

Day11 延續上一回,我們嘗試了 Function Composition 的技巧,這次來試試看將同樣的技巧用於 Enemy。 這樣做的目的是,接下來要導入...

鐵人賽 Modern Web DAY 1

技術 [Day10] Vite 出小蜜蜂~Function Composition!

Day10 接下來,要幫 Squid 也裝上 Laser,敵人的 Laser 跟我們的外觀是不一樣的,但是卡比希望可以利用原本已經寫好的 Laser 函式,減少...

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

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

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

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

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

▉ 前言 這裡將利用教程所提供的"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 14
PixiJS青銅玩家 系列 第 14

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

▉ 前言 這裡將利用教程所提供的"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 20
PixiJS青銅玩家 系列 第 20

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

▉ 前言 這裡將利用教程所提供的"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 15
PixiJS青銅玩家 系列 第 15

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

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