chinghanho / animalfarm

HTML5 寫的 RPG 小遊戲(實踐各部功能)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HTML5 RPG Game

HTML5 RPG Game

使用者故事

  • 進入網站需要輸入玩家名稱
    • 名稱格式限定:必須是小寫英文、沒有數字、沒有空格、沒有其他特殊字元
  • 輸入玩家名稱後開始遊戲
  • 玩家必須找到 NPC 對話
  • NPC 對話成功遊戲結束

玩家

  • 玩家可以移動切換到其他地圖場景

NPC

  • 可以對話

物品

地圖

  • 可以切換地圖場景

開發測試

在 Github 上使用 fork 功能將 repo 建立到自己帳號下,再 clone 到自己本機端。

cd animalfarm
python -m SimpleHTTPServer

在瀏覽器打開網址 127.0.0.1:8000

材質製作解釋

下載 PikoPixel 繪製 Pixel Art 工具。

可以開一張 16x16 的 artboard,輸出時選擇 scale 3 增加三倍,物體超出畫格範圍沒有關係,視需求而定。

About

HTML5 寫的 RPG 小遊戲(實踐各部功能)


Languages

Language:JavaScript 94.8%Language:HTML 3.2%Language:CSS 2.0%