❤❤Fungus新課程即將發布，快寫問卷拿優惠❤❤
顯示具有 Fungus 標籤的文章。 顯示所有文章
顯示具有 Fungus 標籤的文章。 顯示所有文章

2016年9月4日 星期日

Unity 教學 漫畫式對話框


影片已改為下載觀看 
http://www.morningfungame.com/p/unity-fungus_14.html


摘要：

1.開啟新專案

2.下載安裝fungus

3.開啟fungus視窗

4.新增必備的Stage 舞台物件

5.新增必備的Character 角色物件
名字顏色改黑色字
設定人物的Portait 大頭照

6.新增必備的SayDialog 自訂對話物件
在Panel的image可替換漫畫對話框底圖
修改panel大小以符合對話框底圖

7.新增必備的 Flowchart 流程物件

8.新增並註冊角色專屬的StagePosition 舞台位置物件

9.指定套用自訂的漫畫對話框(Set Say Dialog)

10.Narrative-->Portait 指定秀出大頭照
不是Narrative-->Say 裡面的Portait設定，別搞混喔，Say裡面的Portait大頭照會跟對話框裡的文字互相避開，所以另外指定顯示。然後打開Wait Until Finished選項，就會先秀出大頭照再出現對話框

11.設定對話：
熱情奔放，創意無限{wc}
在這個moment 要爆了


 =========影片裡使用到的素材========
Designed by Freepik
Designed by Freepik
「Kevin MacLeod」創作的「Just Nasty」是根據「Creative Commons Attribution」(https://creativecommons.org/licenses/by/4.0/) 授權使用
來源：http://incompetech.com/music/royalty-free/?keywords=Just+Nasty
演出者：http://incompetech.com/
於 2 則留言:
標籤： , , , , , , , , , , , , , , , , , ,

2016年9月2日 星期五

Unity 好用小工具 整合Photoshop 的 Psd Importer 教學

Unity 大約2019版開始有內建官方PSD importer，只要在photoshop裡把檔案轉存為PSB格式，就可以直接拉到Unity裡並保留圖層關係。
注意是PSB格式才有效，不是PSD，雖然它叫做PSD importer...
官方說明 或搜尋 unity package psd importer
https://docs.unity3d.com/Packages/com.unity.2d.psdimporter@4.0/manual/index.html



===以下是舊版文章的備份 僅供參考======

youtube教學影片
https://youtu.be/0FcfV_DLn6c

 Unity PSD匯入器  Unity PSD importer

簡介：
可保留Photoshop的PSD檔圖層階層關係並且匯入Unity裡面，省下大量重新排列與對齊圖檔的時間

測試用的PSD檔下載
https://drive.google.com/drive/folders/0B9pF8Hbq-lgVaTByaU0wTmVjVHc


注意：
Photoshop 的PSD檔不能有混合選項或調整圖層之類的附加效果
目前測試可以支援形狀圖層與智慧型圖層

轉換混合選項或圖層樣式為一般圖層：
在Photoshop裡存檔以後點擊影像-->複製，只複製合併圖層不要打勾，按確定， 原版檔案就可以關掉了（避免不小心覆蓋到原始檔案）

按住Ctrl不放可跳著點選想要合併的圖層，再按Ctrl + E 合併圖層
按住Shift不放可連線點選想要合併的圖層，再按Ctrl + E 合併圖層

（此時範例PSD檔裡可以整理愛心與箭頭圖層）


 下載 PSD importer：
（網路上有另一個同名的插件，為了避免抓錯檔，可以從這裡下載）
下載（ChemiKhazi版）
https://github.com/ChemiKhazi/UnityPsdImporter


安裝 PSD importer：
開啟一個新的Unity專案，Assets 裡新建一個Editor資料夾(名稱要一樣)，把剛下載好的Unity PSD importer壓縮檔裡，bin資料夾底下的PhotoShopImporter.dll放到Editor資料夾裡
（若無法直接丟進Editor資料夾，可先解縮放到桌面上以後再丟進去）

匯入整理好的PSD：
把整理好的PSD先丟到Assets裡，再點滑鼠右鍵，選擇PSD Importer




A.轉換為一般物件
選擇爸爸資料夾，等同於Photoshop PSD檔裡的爸爸群組，點擊 Sprite Creation 裡的 Create 2D Sprites按鈕，爸爸會變成父物件，底下的各個圖層會變成子物件，同時保留位置與階層關係


B.轉換為Canvas UI物件
功能表：GameObject-->UI新建一個Canvas物件，Assets裡在要轉換的PSD檔點滑鼠右鍵，選擇PSD Importer，選擇爸爸資料夾，等同於Photoshop PSD檔裡的爸爸群組，點擊場景裡的Canvas物件，再點擊Sprite Creation裡的Create UI Images按鈕，爸爸群組會變成Canvas底下的物件，同時保留位置與階層關係

轉成UI之前要新建一個Canvas物件




「Kevin MacLeod」創作的「Cold Funk - Funkorama」是根據「Creative Commons Attribution」(https://creativecommons.org/licenses/by/4.0/) 授權使用
來源：http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1100499
演出者：http://incompetech.com/

「Kevin MacLeod」創作的「Hackbeat」是根據「Creative Commons Attribution」(https://creativecommons.org/licenses/by/4.0/) 授權使用
來源：http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1100805
演出者：http://incompetech.com/
影片縮圖的素材：Designed by Freepik
於 5 則留言:
標籤： , , , , , , , , , , , , , ,

2016年8月29日 星期一

Unity 免程式 遊戲 製作 教學：《脫逃時光》



下載這個小遊戲：脫逃時光 (PC/Mac)

 下載脫逃時光的遊戲素材


使用軟體  Unity 5     配合免費外掛 Fungus

遊戲製作時的其他小工具：

 Qdir (這邊有我製作的教學影片)

Psd Importer 教學 Unity 整合 Photoshop 保留圖層關係

Unity C# 教學 自訂檢視器 多個物件啟動關閉或改透明度

第一篇影片教學

第二篇教學











================================


第0篇：腦力激盪與前置作業


一開始的準備工作是這樣的：

遊戲架構發想
先想好需要什麼條件才能破關，比方一道密碼，然後取得這個密碼需要哪些線索或道具，再慢慢推演這些道具或線索要如何取得，主要的架構都確定以後，最後才思考要增加哪些非破關要素，但是可以讓遊戲更好玩的周邊設定。

以脫逃時光為例就是破關需要一道密碼，而密碼需要從網頁裡取得，開啟網頁之前又需要一台可使用的相機才能觸發該功能，接著組裝相機又需要空相機與乾淨鏡頭，乾淨鏡頭由髒鏡頭清潔過後而取得，空相機與清潔劑等又有各自不同的取得方式。接著就是加入流程分支的功能，讓遊戲破關的途徑不只一種。

最後才加入一些有的沒的功能，像是點了箱子以後他會跟你抱怨不要一直點我，這並非破關的要件，但是我覺得會很有趣所以就放進去了


收集遊戲素材與整理
收集圖片材料的時候，考量到遊戲類型屬於密室脫逃的關係，使用到的圖片都是物品為主，而且基本上是現代房間風格，不是古代或科幻房間等很需要考究或創造科技物件的風格，所以素材都使用freepik的免費素材，選擇很多而且都是向量檔。最後才尋找剩下的物品圖片與整間商店圖片,並且使用免費檔案管理軟體Q-Dir來整理檔案，我遊戲做到後來的時候常需要在好幾個資料夾之間做檔案交換，這個能夠四分割畫面的檔案總管軟體可以省下很多時間，而且當你只有下班時間才能進行自已遊戲專案的時候，時間顯得特別寶貴。

音樂音效的話是遊戲幾乎完成的時候才找，在Freesound.org有很多免費音效，YouTube Audio Library裡也一堆分類好的免費音樂。

如何激發靈感
至於靈感的來源，我認為靈感跟流星一樣，咻的一下就不見了，可遇不可求，所以平常我就有使用Evernote的習慣，這個筆記軟體有PC版，MAC版，也有Android與iOS版，申請一個帳號就可多裝置通用,常常很多靈感是突然看到什麼東西就想到的，這時候隨身攜帶的手機就可以打字保存成為筆記，或是某張照片，時間不夠或不熟悉打字的話也可以手寫便條拍起來或乾脆錄音，某天有空的時候再統一整理，總之工具跟程式都是死的，如何活用取決於個人，也許對你而言有更好收集靈感的方式，這裡只是提供我的方法給大家參考一下。

在Freepik搜尋關鍵字Room，找了現在遊戲中的主要房間場景，然後這張圖片我就轉到手機桌面做為捷徑，利用等紅綠燈或公車之類瑣碎時間時就打開看一下，多看幾次總會有想到新東西的時候，最好當下就記錄起來。



＝＝＝＝＝ 遊戲官方網頁與免費下載 ＝＝＝＝＝


於 20 則留言:
標籤： , , , , , , , , , , ,

2016年8月20日 星期六

回覆讀者：如何在Unity裡用Fungus顯示對話文字的時候，同時播放對應的語音

回覆讀者：如何在Unity裡用Fungus顯示對話文字的時候，同時播放對應的語音
Unity Fungus Tutorial:
How To Play Voice and Display Dialog In The Same Time With Fungus Plug-in in Unity



開新專案
Open a New Project

Ctrl+ 9 開啟資源商店 ，輸入Fungus下載這個插件 插件網址
Ctrl+9 Open asset store and search Fungus plugin to install

1.必備一個舞台
There must be a Stage
Tools-->Fungus-->Create-->Stage

2.必備一個角色
There must be a Character
Tools-->Fungus-->Create-->Character

3.必備一個flowchart
There must be a Flowchart
Tools-->Fungus-->Create-->Flowchart

4.開啟Flowchart視窗
Open Flowchart Window
Tools-->Fungus-->Flowchart Window

5.角色改名
rename the Character


6.點擊New Block 新增一個SayCommand對話指令
press New Block and add a SayCommand

7.SayCommand對話指令的角色指定為Character物件(Amy)
Assign the Character box to Character gameobject（Amy）

8.語音檔案指定到 voice Over Clip裡
同時輸入要顯示的對話文字 
Assign voice clip and input your dialog text


＝＝＝＝＝播出眾人回應的語音＝＝＝＝＝
＝＝＝＝＝optional: people's feedback in voice

9.新增一個PlaySound指令
add a new PlaySound Command


10.再新增兩三個,同時指定其他人的語音
然後Wait Until Finished不要打勾 ，兩個Play Sound的語音就會同時播放
而不是一個接一個播放
then duplicate it into two PlaySound Commands, and assign the rest voices
,then uncheck WaitUntilFinished box,that means these 2 PlaySound commands will be play in the same time, instead of one by one.

＝＝＝＝＝＝＝＝＝＝＝＝＝
下載專案Download The Project

於 1 則留言:
標籤： , , , , , , , , , ,

2016年7月16日 星期六

Unity 教學 如何安全地升級Fungus



升級之前記得要備份整個專案資料夾
升級之前記得要備份整個專案資料夾

什麼是Fungus?

詳情請看實驗(?)影片



摘要說明：
現有專案已安裝fungus 2版
從Assetstore資源商店下載fungus 3的話無法全部覆蓋fungus外掛檔案

所以我開一個新的專案
從資源商店下載fungus 3以後
開啟檔案總管

刪掉現有專案裡fungus 2的以下外掛資料夾
A.你的專案資料夾\Assets\Fungus
B.你的專案資料夾\Assets\FungusExamples


然後把新專案裡的fungus 3外掛檔案複製到現有專案裡

開啟後雖然會顯示一些錯誤訊息
但是重開專案以後就不再出現了
目前觀察中...

升級之前記得要備份整個專案資料夾
本文網址：Unity 教學 升級Fungus外掛插件

===影片縮圖使用到的背景===
Designed by Freepik
 
於 沒有留言:
標籤： , , , , , , ,

2016年5月27日 星期五

遊戲資源分享

～　本網頁定期更新　 上次更新日期：2020-8-13 ～


=== 圖片 ===
有些標註是CC0授權的話，就代表不用付費，可以商業使用，也不需要標註素材來源，但是建議贊助捐款

SONNISS.COM上的音樂音效


GDC 2020 (約50GB)
https://sonniss.com/gameaudiogdc2020/

加點音樂  (付費)
有各種音樂授權的方案可以選擇
獨立遊戲開發者可以參考看看

incompetech免費音樂
https://incompetech.com/music/royalty-free/music.html


mobilegamegraphics手機遊戲素材網站
https://mobilegamegraphics.com/
=== 工具===
圖表工具Xmind軟體（免費+中文）
電腦玩物網站有專文介紹
在編寫多重分支，多重結局的劇情 大綱，或是工作分配表之類的會很好用


 心智圖表工具比較與介紹
http://www.playpcesor.com/2015/06/mind-map-app-android-ios.html

ActivePresenter（免費+中文）螢幕錄影軟體
電腦玩物的專文介紹與下載，錄製宣傳影片的時候很好用！
個人覺得好遊戲還是需要好的行銷，才能讓更多人玩到你的遊戲，所以遊戲如果能跟時事結合並且跟內容融為一體，同時達到宣傳效果的話，這是最理想的情況了

靈感激發
Pintrest 可以搜尋很多優質圖片 激發靈感
https://www.pinterest.com/



===遊戲製作心得===

遊戲製作小技巧https://simonschreibt.de/game-art-tricks/

免費電子書
<<半路叛逃>> 遊戲製作心得
作者： 知名遊戲製作人－半路（鄭暐橋），製作過 邦妮早午餐、勾玉忍者等遊戲
雲端硬碟連結

澳洲雪梨獨立遊戲製作人的訪談

遊戲，從零開始--一位會計系學生的獨立遊戲製作獨白
主講者：新時代數位遊戲創辦人葉政暘(飯包)

方塊貓遊戲品牌創建辛酸史分享


於 1 則留言:
標籤： , , , , , , , , , , , , , , , , , ,
訂閱： 文章 (Atom)