iT邦幫忙

網頁遊戲相關文章
共有 12 則文章
鐵人賽 Modern Web DAY 30

技術 D31 - 「來互相傷害啊!」:無聊我要見到血流成河

上競技場就是要決鬥阿,不然要幹嘛。 來讓人物發射武器!血流成河吧! 首先來回顧一下 D27 武器規劃。 主角武器 會與敵人發生碰撞 向下飛行、隨機旋轉 最...

鐵人賽 Modern Web DAY 30

技術 D30 - 「來互相傷害啊!」:貓狗集合!

有場景了,來讓人物登場吧!(≧∀≦) 首先將場景載入遊戲中。 src\components\window-app-cat-vs-dog\game-scene.v...

鐵人賽 Modern Web DAY 30

技術 D29 - 「來互相傷害啊!」:天時地利

互毆之前當然要先有場地才行,讓我們建立 Phaser 場景吧! 建立場景 首先建立 src\components\window-app-cat-vs-dog\s...

鐵人賽 Modern Web DAY 29

技術 D28 - 「來互相傷害啊!」:粗乃玩搖桿!

先建立遊戲組件,以便加入後續內容。 src\components\window-app-cat-vs-dog\game-scene.vue <templa...

鐵人賽 Modern Web DAY 28

技術 D27 - 「來互相傷害啊!」:運籌帷幄

來規劃遊戲藍圖吧。 視窗規劃 基本上和小恐龍單元一樣。 視窗主體 負責提供腳位資料、設定欄位。 遊戲場景 包含所有遊戲角色等等。 不過設定欄位要怎麼...

鐵人賽 Modern Web DAY 27

技術 D26 - 「來互相傷害啊!」:站在 Phaser 的肩膀上

鱈魚:「再來要設計對戰遊戲,可以切換場景,人物可以在場地隨意移動,發射武器互相攻擊,人物會與牆壁、敵人武器等等發生碰撞。」 電子助教:「感覺好多內容啊,好麻煩喔...

鐵人賽 Modern Web DAY 26

技術 D25 - 「不斷線的侏儸紀」:然後他就死掉了

小恐龍現在就像吃了無敵星星一樣,完全無視仙人掌,所以我們來讓小恐龍死翹翹吧! 撞上仙人掌 我們來加上「小恐龍」與「仙人掌」的碰撞偵測。 這裡我們使用最簡單「矩形...

鐵人賽 Modern Web DAY 25

技術 D24 - 「不斷線的侏儸紀」:天上好多雲、地上一堆仙人掌

小恐龍跑啊跑,悠閒地看著天上的雲朵飄過,但是眼前忽然出現了一株仙人掌。 天上好多雲 建立雲朵組件 建立 clouds.vue 組件,負責生成雲朵。 src\co...

鐵人賽 Modern Web DAY 24

技術 D23 - 「不斷線的侏儸紀」:有一隻小恐龍在跑步

來建立我們的主角小恐龍吧。 建立組件 建立小恐龍組件 dino.vue src\components\window-app-google-dino\dino.v...

鐵人賽 Modern Web DAY 23

技術 D22 - 「不斷線的侏儸紀」:很久很久以前的侏儸紀

本篇來實際建立遊戲場景! 建立遊戲場景 建立遊戲場景組件 game-scene.vue,並提供「跳躍按鈕腳位」與「蹲下按鈕腳位」之 props。 src\com...

鐵人賽 Modern Web DAY 22

技術 D21 - 「不斷線的侏儸紀」:萃取 DNA

這個章節開始我們要重現 Chrome 瀏覽器離線時出現的小遊戲「Dinosaur Game」,首先來好好規劃一下遊戲的藍圖。 視窗規劃 視窗主體 負責提供腳...

鐵人賽 Modern Web DAY 13

技術 DAY13-JavaScript實作網頁小遊戲

前言: 昨天介紹完了一些簡單的應用,今天阿森想用JavaScript來寫一個貪吃蛇的網頁遊戲,相信透過這個過程大家可以更清楚JavaScript的使用邏輯。...