参考讲义教材资料.PDF

Beginners guide to Construct 2 感謝你選擇 Construct2！讓我們開始製作你的第一個 HTML5 遊戲。 我們將製作”Ghost Shooter”的遊戲 Demo，所以你知道我們的目標是：讓主 角看著滑鼠，然後用方向鍵移動、用滑鼠射擊怪物。您將學習做一個簡單的遊戲 所需要的所有事情－從 layers 到 event 系統！ 其他 Tutorials 有個另外的初學者教學：How to make a platform game ，這個教學目標在做 出一個跳躍和使用一些 platformer，而不是做一個由上往下看的射擊遊戲。 我們建議你可以用兩邊所學到的東西來做出一個遊戲。 這裡也有個：How to make an Asteroids clone in under 100 events by Kyatric 的 Tutorial，內容比較困難，但是也很詳細 安裝 Construct 2 如果你還沒下載的話，請到官方網站下載最新的 Construct2，它目前只能在 Windows上面運行，不過你做出來的遊戲可以在任何平台執行，像是 Mac、Linux、 iPad 等等。 Construct2 同時也便於攜帶，你可以把它裝在 USB 隨身碟裡面，然後帶在身上。 Getting started 現在你安裝也開啟了 Construct2，請點擊 FileNew。 在 New Project 視窗裡面，你不用改變任何選項，只要按下 Create Project 就 好。Construct2 會建置一個簡單的專案並且生成.capx 檔。現在你看到一個空的 Layout – 你可以在這邊編輯和設定你的遊戲，想像 Layout 就像是一個遊戲的 關卡或者選單場景，在接下來的文章裡面我們會稱他為 room、scene 或者 frame。 創製物件 Tiled Background 首先第一步我們需要先做出一個背景，而 Tiled Background 可以幫我們完成這 件事情，首先找到背景的 texture： 然後雙擊你的 layout 空白的地方(你也可以按右鍵選擇 Insert New Object)，他 會跑出一個新的視窗，請雙擊 Tiled Background。 接下來選擇你要鋪上背景的地方，雙擊 layout 中間的位置，接下來會開啟 Texture editor 視窗，好匯入你的 texture。接下來從你的資料夾找到你的 Texture， 並且匯入。 接下來關掉 texture editor 的視窗，如果系統有問你要不要存檔記得 一定要存！現在你應該看到你的背景物件在你的layout 上面。 讓我們來改變他的大小好覆蓋整個layout ，請點一下你的背景物件， 然後在左邊的屬性欄中設定他的大小和位置，位置設定在0,0 ，大 小設定在1280,1024 。 現在我們來看整個 layout，按住 Ctrl+滑鼠滾輪來放大縮小，你也可以按住空格 或者按住滾輪來左右平移整個 Layout。你的整個畫面應該要像這樣： 按下 Ctrl+0 或者點擊 view-zoom 到 100%好看到整個 1:1 的 layout。 增加一個 layer OK，現在我們要來增加其他更多的物件，但是我們必須小心別選到背景，或者 直接將它鎖起來。要做到這點就得使用圖層系統(layering system)。 我們的遊戲場景可以同時包含好幾個圖層，你可以想像這就像是 Photoshop 的 圖層概念，這樣可以輕鬆的安排出場的對象。圖層同時可以隱藏、鎖定等等效果。 想像在遊戲中，我們要讓其他物件在背景物件上面行動，就可以使用圖層來做 到。 點擊右邊的 La