創作內容

13 GP

[Unity教學] 2D連線小遊戲製作 Part.1

作者:某燕or觴伊尹│2016-12-14 21:00:38│贊助:26│人氣:6866
前言:
unity在5.x以後使用了的新的網路連線方法,簡稱UNet

為了解說方便,製作一個遊戲名叫 搶奪20 / Rob20 的連線小遊戲

規則:
兩個人輪流喊1~2個數字,先搶到20的人勝利


本篇分成2個部分:

1. 創建一個新專案
2. 新增網路管理功能元件




創建一個新專案


開新的一個專案
1.名稱為Rob20
2.選擇2D
3.Enable unity Analytics 為 ON ,開啟的話連線功能會比較完整
4.開啟後儲存場景,名稱為play

把背景調成白色


接著要拉出處畫面的位置,也就是顯示數字的地方
1.新增一個UI > Text
2.重新命名為txtMunber
3.調整 Anchors  min 為0.3
4.調整文字對齊
5.把Best Fit打勾,讓它依照視窗大小自動調整文字大小


接著要拉出顯示系統訊息的地方
1.新增一個UI > Text
2.重新命名為txtSysMsg
3.選擇對其Canvas上方並調整位置
4.把Best Fit打勾,讓它依照視窗大小自動調整文字大小
5.可以先打一些字看一下效果


接下來要製作按鈕
1.先新增一個UI > Panel當作按鈕的區域
2.重新命名為pnlBtn
3.調整 Anchors Max的Y為0.3,讓他剛好在數字區塊的下方
4.按下Add Component 加上元件  Layout > Horizontal Layout Group,這個元件可以讓按鈕自動往水平方向排列整齊


製作兩個按鈕,給玩家喊數字用
1.在pnlBtn下新增兩個個UI  >  Button
2.分別重新命名為btn1、btn2
3.修改按鈕文字一個的文字為+1、一個的文字為+2


遊戲基本的操作介面到這個步驟已建立完成!!


新增網路功能管理元件(Networking component)


接著進入很重要的部分
unity有好用的元件已經把連線的功能寫好了 只要掛載上去就能使用,叫做Network Managerment

1.首先新增一個空的GameObject
2.重新命名為NetworkMng
3.Add Component 找到 Network > Network Managerment
4.Add Component 找到 Network > Network Managerment HUD

到這裡已經完成連線功能囉~沒錯!就是這麼簡單!
那麼來看看效果先執行

可以看到出現了一些按鈕
LAN表示是區域網路的意思

作為Server端可以選擇Server Only或是Host,基本上都選Host,概念上就是Server只是房主 但不會參與遊戲,Host就是既是房主又可以參與遊戲

Client就是作為玩家連線到Server,目前是連線到localhost就是本機端

每個功能的連線狀況
那麼可以實際試試看連線的狀況囉~
先編譯成exe檔,開兩個來執行看看
一個選擇Host,另一個Client
如果Client連線成功就會出現address=localhost port=7777的字喔~

本篇到這邊先結束

下一篇會講如何建立基本的連線架構~

感謝大家的觀看!

引用網址:https://home.gamer.com.tw/TrackBack.php?sn=3414571
Some rights reserved. 姓名標示-非商業性 2.5 台灣

相關創作

同標籤作品搜尋:Unity3D|C#|教學|Unity(遊戲引擎)

留言共 2 篇留言

夢想羊
為什麼你的Canvas是垂直的?我創造UI>text之後出現的Canvas預設是水平的,而且沒辦法旋轉或改變形狀

08-20 16:05

不重要
3.Add Component 找到 Network > Network Managerment
4.Add Component 找到 Network > Network Managerment HUD

那段應該是

3.Add Component 找到 Network > Network Manager
4.Add Component 找到 Network > Network Manager HUD

才對,不太重要的找錯字,即便不改也能看懂就是...只是不重要的說一下...

08-09 15:56

我要留言提醒:您尚未登入,請先登入再留言

13喜歡★ericyin322 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:2012萬聖賀圖-這啥鬼... 後一篇:自製遊戲公會成員報到...

追蹤私訊

作品資料夾

j3680985jj大家
最近和朋友成立了小小meme專頁 https://www.facebook.com/OurMemesLife/ 假如喜歡的話,希望能順手關注一下,謝謝!看更多我要大聲說昨天17:06


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】