2012年5月26日星期六

Unity3D教學 - 使用免費工具來開發2D遊戲(教學一)

本文轉載自 www.rocket5studios.com,版權歸原作者所有,UnityBuster.blogspot.com整理翻譯。轉載請註明出處!

本教學內容是要來教你如何使用一些免費的軟體工具在Unity3D中製作2D遊戲. 此一教材共分成五個部分, 連結與大綱分列於下:






使用免費工具來開發2D遊戲 - 教學一: 介紹本教學使用的工具和Unity3D的插件
使用免費工具來開發2D遊戲 - 教學二: 製作sprite(圖素原件)和第一個level(關卡)
使用免費工具來開發2D遊戲 - 教學三: 製作一個角色動畫sprite(圖素原件)並與控制腳本連結
使用免費工具來開發2D遊戲 - 教學四: 製作一個 "pickup" 物品以及計分介面並和與計分腳本連結
5: 使用 "A*尋徑" 的啟始敵人智能判斷




使用免費工具來開發2D遊戲 - 教學一

本教學使用的工具和Unity3D的插件:

Unity3D:
本教學使用Unity3D的免費版

Orthello 2D Framework:
市面上有一些圖素原件(sprite)的插件可在Unity3D中使用, "Sprite Manager 2" 是其中之一,  而本文則是介紹  "Orthello 2D Framework" http://www.wyrmtale.com/orthello

iTween:
一個動畫的製作工具 http://itween.pixelplacement.com/index.php

A* Pathfinding Project:
一個在Unity3D中被廣為使用的尋徑系統 http://www.arongranberg.com/unity/a-pathfinding/

TexturePacker:
一個獨立的貼圖頁整合程式, 雖然你可以用其他軟體如PhotoShop來製作, 但因Orthello 2D支援 TexturePacker產生之 atlases, 因此本教學也使用它 http://www.codeandweb.com/texturepacker

在Unity3D中啟始一個新專案
1 在 File -> New Project 按選 "Set...", 選則想要存放的目錄, 輸入專案名稱後按 "Save" 後按 "Create Project" 按鈕.
2 在你的 "Project" view中產生一個新 folder 並取名 "Scenes".
3 儲存你現有的scene: 在 "File -> Save Scene As"中打開剛建好的 "Scenes", 取名 "level1" 後按 "Save"

安裝 Orthello 2D
1 開啟 Asset Store: "Window -> Asset Store", 找到 "orthello2d", 相對的頁面會出現, 點選 "Download". 也可以直接到該官網下載解壓縮後雙擊 "orthello.unitypackage"
2 當 "Import Package" 視窗出現, 先確認所有的 checkbox 都勾選後點選 "Import". 你應該會在 "Project view" 中看到 "Orthello" 目錄出現.

Orthello 2D 之基本設定
為了要讓 Orthello 在每一個 scene 中正常運作, 你必需要做幾個動作.
注意: 你每次產生一個新的  scene 時都要重覆這些步驟

在 "Project" view中, 到 "Orthello -> Objects" 然後拖曳 "OT prefab" 放入 "Scene" view 或 "Hierarchy"
"OT prefab" 在此扮演一個 "圖素原件存放箱" (Sprite Container) "動畫物件主控者" 之角色. 將"OT" 物件加入scene中也會自動改變 "Main Camara" 讓它可以在2D 遊戲中正確運作. 最主要的就是它將投射改為正交投射. (一般為透視圖視角).

安裝 iTween
1 開啟 Asset Store: "Window -> Asset Store", 找到 "itween", 相對的頁面會出現, 點選 "Download". 也可以直接到該官網下載解壓縮後雙擊 "orthello.unitypackage"
2 當 "Import Package" 視窗出現, 先確認所有的 checkbox 都勾選後點選 "Import". 你應該會在 "Project view" 中看到 " itween " 目錄出現.

安裝 A* Pathfinding
1 到該官網下載, 應會得到一個名為 "PathfindingProject_Free.unitypackage" 檔案, 雙擊該檔會在 Unity3D 中出現 "Importing Package"
2 當 "Import Package" 視窗出現, 先確認所有的 checkbox 都勾選後點選 "Import". 你應該會在 "Project view" 中看到 " AstarPathFindingProject" 目錄出現.

A* Pathfinding 之基本設定
1 到 "GameObject -> Create Empty" 以產生一個空的遊戲物件 (game object)
2 確認 x, y, z位置為 0 並更名為 "A*"
3 在 "A*" 遊戲物件加入 "Astar Path" 腳本: 到 "Component -> Pathfinding" 後點選 "Pathfinder"
4 隨著  "A*" 遊戲物件在 "Hierarchy" 中被選擇, 可以在 "Inspector" 中看到 "Astar Path script" 之選項. 在腳本之最上端, 你應該會看到 "Do you want to enable Javascript support?" 之訊息, 點選 "No" (因本教學將使用 C#)

結果
完成後產生之專案可以保留下來. 它可用來當作任何一個2D遊戲之基本樣板. 下面是完成後的畫面.


本文轉載自www.rocket5studios.com,版權歸原作者所有,UnityBuster.blogspot.com整理翻譯。轉載請註明出處!

1 則留言: