THE LOST

Team 2

--------------------------------------------------------------------------------
4101040018 王建舜

4101056044 崔家華

IPA game

緣起

 

  • 為何選擇遊戲?

 

  • Use Android Studio?

 

  • 最後我們採用了 Ionic + Phaser + Angular 之混合式程式開發

What is the IPA?

Not the reverse of API,

it actually means

Ionic + Phaser + Angular

Ionic

A simple drag & drop interface building tool for creating real ionic apps with a click of the mouse.

Phaser

Text

預期目標

  • 任務導向性遊戲(有對話、解謎)

  • 使用弓箭擊敗怪物

  • 多人連線合作破關

遊戲設計要點

  • ​遊戲地圖(json地圖,以Tiled產生)

  • 圖片資源收集與調校(spritesheet格式)

    • ​photoshop

    • illustrator

  • 人物、怪物的血量與動作

  • 人物與怪物互動

    • ​人物攻擊判定

    • 怪物攻擊判定

  • 如果什麼都不會,賣肝不二選擇

地形圖

實際碰撞範圍圖

產生之 json地圖

Spritesheet格式

  1. 沒有去背的圖片都是垃圾
  2. 不等寬的spritesheet聞起來像垃圾
  3. 奇數大小內距的圖片,若不會修圖軟體,自己會像垃圾Q_Q。

參考資料

DEMO

使用Chromecast

IPA

By David Tsui

IPA

此為陳煥老師 - 智慧型手機程式開發的期末專題線上ppt

  • 360