포톤 코리아 블로그에서

'유니티짱을 이용한 PUN classic 시작하기' 와 (https://photonkr.tistory.com/6?category=1030095) 매우 유사합니다.

그래서 주의깊게 보셔야 할 곳은 PUN2 부분입니다.

 

 

* 어셋 다운로드 (PUN2, Unity chan)

(유니티 짱 모델도 디렉토리 구조가 변경되었더군요)

 

* App ID 설정

포톤 홈페이지에서 어플리케이션을 생성하고 App ID를 얻습니다.

얻은 App ID를 입력할 위치는 Assets\Photon\PhotonUnityNetworking\Resources\PhotonServersettings 입니다.

만약 어셋스토어에서 PUN2를 다운로드 받는 즉시 뜨는 팝업에서 App ID를 입력하셨다면 이 단계는 뛰어넘으셔도 됩니다.

 

이 단계는 포톤 코리아 블로그 중 '포톤엔진을 유니티에 적용'을 (https://photonkr.tistory.com/13?category=1000133) 참고하세요.

 

 

* Locomotion 씬 오픈

위치는 Assets\unity-chan!\Scenes\Locomotion 입니다.

 

 

* 유니티짱 프리팹화

-컴포넌트 추가 (Photon View, Photon Animator View, Photon Transform View)

 

 

* 유니티짱 스크립트 수정 - UnityChanControlScriptWithRgidBody.cs

-부모 클래스를 MonoBehaviourPun으로 변경(using 키워드에 Photon.Pun 추가)

-FixedUpdate 함수에 조건문 추가(나의 오브젝트만 제어가능하게)

 

* 메인 카메라 수정

-Third Person Camera 비활성화

인스턴스화 되면서 카메라와의 연결이 끊어집니다. 그래서 코드로 다시 활성화를 합니다.

 

 

* 인스턴스화 스크립트 -> 이 부분이 PUN 2에서 달라진 부분입니다.

MatchMaker.cs
0.00MB

 

PUN 2에서는 PUN classic과 달리 Auto Join Lobby 기능이 없어졌습니다.

 

이번에는 Master Server에서 바로 룸으로 가도록 하겠습니다. 

물론 로비로 이동한 후(JoinLobby 함수 이용) 룸으로 가도록 해도 됩니다.

 

일부 코드 설명을 붙이면요.

OnConnectedToMaster 함수를 이용해 마스터 서버 접속합니다.

그리고 나서 룸이 있다면 JoinRandomRoom 함수를 이용해 룸에 입장합니다.

룸에 입장을 하면 Instantiate 함수가 프리팹(오브젝트)을 인스턴스화 합니다.

 

OnConnectedToMaster 

MonoBehaviourPunCallbacks 클래스에 있습니다.

인터페이스로 정의되어 있습니다.

로비 3종류 중 Default 로비에 접속합니다.

 

JoinRandomRoom

콜백으로 OnJoinedRoom 또는 OnJoinRandomFailed 가 호출됩니다.

 

* OnJoinedRoom

MonoBehaviourPunCallbacks 클래스에 있습니다.

인터페이스로 정의되어 있습니다.

 

 

 

* 컨트롤러

하이라키에서 빈 오브젝트 생성 후 이름을 PhotonController 로 변경합니다.

위 MatchMaker.cs 파일을 컴포넌트로 추가합니다.

 

PhotonObject 변수에 프리팹으로 만든 유니티짱을 연결합니다.

 

 

* 빌드 앤 런

 

 

 

감사합니다!

 

 


 

Photon 공식 홈페이지 
https://www.photonengine.com/ko-kr/Photon


★Photon Help Center
https://support.photonengine.jp/hc/ko

 

 

★Photon Korea 공식 블로그
https://photonkr.tistory.com

 

 

★Photon Korea 페이스북

https://www.facebook.com/photoncloudkr

 

 

★Photon Korea 유투브

https://bitly.kr/photonyoutube

 

 

'Photon > PUN' 카테고리의 다른 글

[PUN]PUN classic VS PUN 2  (0) 2019.05.30
[PUN] 매치메이킹  (0) 2019.04.24
[PUN]로비.룸 알아보기  (0) 2018.12.19
[PUN]RPC 알아보기  (0) 2018.12.10
[PUN]VR 프로젝트 구현하기  (0) 2018.07.22

올해 유나이트(UniteSeoul2019)에서도 Photon을 만나보실 수 있습니다!

부스는 물론 50분의 세션을 통해 더욱 유익한 정보를 여러분께 제공해 드립니다.

 

 

-개최 장소: 코엑스 그랜드 볼룸
-부스 일정: 2019년 5월 21일(화)~2019년 5월 22일(수)
-세션 일정: 2019년 5월 21일(화) 16:00 ~ 16:50 @ Track 4 (2F 그랜드볼룸 201)

 

평소에 궁금했던 기술, 계약 및 청구에 관한 의문점 등을 현장에서 직접 문의하실 수 있습니다.

개최 장소 및 오픈 시간, 세션 내용 등 자세한 사항은 유나이트 서울 홈페이지에서 확인하세요.

많이 놀러와 주세요🥳

 

 

https://uniteseoul.com/2019/index.asp

 

Unite Seoul 2019

 

uniteseoul.com

 

'소식' 카테고리의 다른 글

2019년 7월 Photon세미나  (0) 2019.07.21
2019년 5월 Photon 세미나  (0) 2019.05.24
Photon Korea 유투브 오픈 이벤트!  (0) 2019.04.22
2019년 4월 Photon 세미나  (0) 2019.04.12
Photon 코리아 - Unity 코리아 콜라보 세미나  (2) 2019.02.28

안녕하세요

포톤 코리아(Photon Engine)입니다.




유니티(Unity 3D)에서 채팅을 만들적에

꼭 필요한 스크롤 창을 만들어 보겠습니다.



먼저, Canvas를 추가하세요

Create > UI > Canvas


정리가 필요한 경우,

빈 오브젝트를 추가하여 

폴더처럼 관리해주시면 되고요.

Create > Create Empty



이제 채팅이 보여질 스크롤 뷰를 추가합니다.



오늘은 스크롤 바 중에서 세로만 이용할 거라서

스크롤 바 호리젠탈(Scrollbar Horizontal)은 삭제를 하겠습니다.





뷰포트 \ 컨텐트 에 텍스트를 하나 만들어 주세요.





이 텍스트(Text)에 

컨텐트 사이즈 피터(Content Size Fitter) 컴포넌트를 추가하고


스크롤 뷰에서도 세로만 이용했듯이

사이즈 피터에서도 세로만 설정하면 됩니다.

버티컬 핏(Vertical Fit)을 Preferred Size 로 설정해주세요.







이제 다 하셨습니다.


빌드해보시면

채팅 대화가 위로 올라가면서

스크롤 뷰에서 잘 구현되는 것을 보실 수 있을 겁니다.






포톤 챗 이용하시어

대박 어플리케이션 만드세요!

수고하셨습니다~









Photon 공식 홈페이지 
https://www.photonengine.com/ko-kr/Photon

★Photon Help Center
https://support.photonengine.jp/hc/ko


★Photon Korea 공식 블로그
https://photonkr.tistory.com


'Photon > Chat' 카테고리의 다른 글

[Photon Chat] 채팅 조금 더 알아보기  (0) 2019.02.02
[Photon Chat]포톤 챗 시작하기(Unity3D)  (2) 2018.06.02
[Photon Chat]챗 이모저모  (0) 2018.06.01

* 로비

- 로비에서 제공하는 정보

- 로비 자동 입장


* 룸

- 룸 생성

- RoomOptions

- 커스텀(룸)프라퍼티






로비에서 알 수 있는 내용

로비 이름,

룸 목록, 룸 수 

플레이어 수 등등

이 있습니다.






로비 자동입장 하는 방법





* PhotonServerSettings 파일 위치

PUN \ Resources \ PhotonServerSettings





참고로,

플레이어를 로비로 거치지 않고 바로 룸으로 들어가게 할 수도 있습니다.




룸 생성에 대해 알아보겠습니다.


먼저, API 부터 보겠습니다.


static bool PhotonNetwork.CreateRoom(string roomName)


static bool PhotonNetwork.CreateRoom(string roomName, RoomOptions roomOptions, TypedLobby typedlobby)


static bool PhotonNetwork.CreateRoom(string roomName, RoomOptions roomOptions, TypedLobby typedlobby, string[] expectedUsers)



- roomName 이 null 인 경우 무작위 생성됩니다.

- RoomOptions 란 maxPlayers, room 프라퍼티 등의 정보를 넣을 수 있는 클래스 입니다.

- expectedUsers 는 슬롯이 부여된 유저를 말합니다.





* PUN API

http://doc-api.photonengine.com/ko-kr/pun/current/index.html









많이 쓰이는 RoomOptions 클래스를 더 알아보겠습니다.

먼저, 이 클래스의 프라퍼티로는

MaxPlayers, IsVisible, CustomRoomProperties 등등이 있습니다.


이 프라퍼티들을 용도에 맞게 사용하시면 됩니다.




이제 사용방법에 대해 알아보겠습니다.

초기화>


ros 라는 변수명으로 초기화했습니다.



구현>




이 방 최대 플레이어 수는 10

로비에서 검색이 가능하게 세팅하였습니다.

그외 여러 프라퍼티가 있으므로 필요한 프라퍼티 값을 세팅하면 됩니다.







CustomProperties 를 알아보겠습니다.

룸에 커스텀 프라퍼티를 줄 수 있습니다. 물론 플레이어에도 줄 수 있습니다.

커스텀 프라퍼티는 HashTable 자료형입니다.






룸에 있는지 확인합니다.

그리고 나서

미리 생성해놓은 룸 커스텀프라퍼티를 받아옵니다.

받아온 룸 커스텀프라퍼티를 입맞에 맞게 가공하시면 됩니다.








* HashTable

키의 해시코드에 따라 구성된 키/값의 쌍의 컬렉션







그리고 룸에 들어오면 플레이어는 actorID를 가지게 됩니다.












Photon 공식 홈페이지 
https://www.photonengine.com/ko-kr/Photon


★Photon Help Center
https://support.photonengine.jp/hc/ko


'Photon > PUN' 카테고리의 다른 글

[PUN]PUN classic VS PUN 2  (0) 2019.05.30
[PUN] 매치메이킹  (0) 2019.04.24
[PUN]RPC 알아보기  (0) 2018.12.10
[PUN]VR 프로젝트 구현하기  (0) 2018.07.22
[PUN]유니티짱을 이용한 PUN classic 시작하기  (1) 2018.05.30

포톤은 여러 서비스를 제공합니다.

Realtime, PUN 등등


그 중 PUN은 원격프로시저호출(Remote Procedure Call)을 지원합니다.




* 프로시저(Procedure)란?

- 루틴이나 서브루틴 및 함수와 같은 뜻

- 어떤 행동을 수행하기 위한 일련의 작업순서




*원격프로시저 호출(Remote Procedure Call)이란?

원격제어를 통해 함수나 프로시저의 실행을 허용하는 기술

사용예시: 윈도우 인증, SMS 서버 등등



이를 게임에 적용해보면

같은 룸에 있는 다른 유저(클라이언트)의 함수를 실행하는 것입니다.




API 중 PhotonView 클래스

(http://doc-api.photonengine.com/en/PUN/current/class_photon_view.html)

를 보면


void PhotonView.RPC (string methodName, PhotonTargets targets, params object[] parameters)


와 같이 나와있습니다.



유니티에 적용하려면

PunRPC 속성을 적용해야합니다.




이제 실제로 적용해보기 위해

유니티짱 프로젝트를 이용해보겠습니다.




유니티짱 프로젝트는 

아래 링크로 가시면 자세히 보실 수 있습니다.


http://photonkr.tistory.com/6?category=1000132









위 '유니티짱을 이용한 PUN 시작하기' 포스팅을 

차근차근 따라하시면

RPC를 알아보기 위한 base 프로젝트가 완성이 됩니다.




RPC 가 호출될 시점은

유니티짱이 룸에 입장할때 입니다.




유니티짱(플레이어 캐릭터)와 컨트롤러에 RPC 코드를 작성하겠습니다.




유니티짱에는 위와 같이 작성하겠습니다.

PhotonView 를 찾고, RPC 함수를 호출하겠습니다.

모든 대상에 RPC를 호출하고, 

'RPC success'라는 메시지를 보내겠습니다.







그리고

유니티짱에는 위 소스(SendMessage.cs)를 컴포넌트에 넣겠습니다.





컨트롤러에는 

RPC가 호출되면 로그 찍히도록 작성하겠습니다.






그리고

컨트롤러에는 PhotonView 컴포넌트를 추가하겠습니다.





이제 빌드앤런을 해보세요




보낸 메시지가 성공적으로 잘 찍혔습니다.




이상 RPC 에 대해 알아보았습니다





Photon 공식 홈페이지 
https://www.photonengine.com/ko-kr/Photon

★Photon Help Center
https://support.photonengine.jp/hc/ko














'Photon > PUN' 카테고리의 다른 글

[PUN]PUN classic VS PUN 2  (0) 2019.05.30
[PUN] 매치메이킹  (0) 2019.04.24
[PUN]로비.룸 알아보기  (0) 2018.12.19
[PUN]VR 프로젝트 구현하기  (0) 2018.07.22
[PUN]유니티짱을 이용한 PUN classic 시작하기  (1) 2018.05.30

2018년 마지막 세미나(워크샵)을 강남에서 개최합니다!!



모임장소





올해

VR-Photon (http://photonkr.tistory.com/12), 


DB-Photon (http://photonkr.tistory.com/10),

 


Photon 시작하기 (http://photonkr.tistory.com/6)


등등을 

알아보았습니다.




이번에 2018년 마지막으로

알아볼 주제는

'RPC와 룸.로비' 입니다.





2018년 12월 8일 낮 3시 30분부터 시작합니다.




참가신청은 온오프믹스에서 받고 있습니다~


https://onoffmix.com/event/158954








Photon 공식 홈페이지 
https://www.photonengine.com/ko-kr/Photon

★Photon Help Center
https://support.photonengine.jp/hc/ko









2018년 8월부터 PUN '2' 버전도 출시되었습니다!



그런데 유니티 어셋 스토어에 '1'버전과 '2'버전 둘 다 존재하고 있죠!??

기능적으로는 PUN2와 기존 PUN도 다른점은 없습니다. 

주된 변경점은 API 구조의 개선을 통해 안정성이 향상된 점이라고 보시면 됩니다. 

기존 PUN '1'도 계속해서 지원할 예정이므로, 특별히 문제가 없으시면 PUN2로 교체하지 않으셔도 됩니다.




PUN 1 과 마찬가지로

Free 버전과 Plus 버전이 있어요



* FREE


https://assetstore.unity.com/packages/tools/network/pun-2-free-119922






* PLUS


https://assetstore.unity.com/packages/tools/network/photon-pun-2-120838






PUN2 API

https://doc-api.photonengine.com/en/pun/v2/index.html




PUN2 기술문서

https://doc.photonengine.com/ko-kr/pun/v2/getting-started/pun-intro




PUN2 migration note

https://doc.photonengine.com/ko-kr/pun/v2/getting-started/migration-notes









Photon 공식 홈페이지 
https://www.photonengine.com/ko-kr/Photon

★Photon Help Center
https://support.photonengine.jp/hc/ko

안녕하세요!!

이번에는 PUN만 사용해서는 데이터를 저장할 수 없는데요.
이를 해결하기 위해서 DB를 연동해보겠습니다.

DB 서비스를 제공하는 업체 중에서 playfab을 이용해보겠습니다.



본격적으로 개발하기에 앞서서 3가지를 준비할 것입니다.
유니티 프로젝트 생성, 포톤 어플리케이션 생성, 플래이팹 타이틀 생성




유니티 프로젝트 생성







* 유니티 설치 혹은 회원가입은 유니티 홈페이지에서
https://unity3d.com/kr







포톤 어플리케이션 생성
포톤 서비스 중 Realtime 으로 선택해주세요~







* 포톤 회원가입은 홈페이지에서
https://www.photonengine.com/ko-KR/Photon









Playfab 타이틀 생성




* 플레이팹 회원가입은 홈페이지에서
https://playfab.com/







조금 전 말씀해드린대로

Photon의 'Realtime' 서비스를 이용한 어플리케이션을 생성한 화면입니다.







그리고 이 어플리케이션에서 커스텀 서버를 생성합니다.
인증 URL 에
https://{PlayFabTitleId}.playfabapi.com/photon/authenticate
을 넣습니다.


{PlayFabTitleId} 은 생성한 타이틀 ID 입니다. 







이제 Playfab에서 시크릿키를 받을 겁니다.
(Photon 어플리케이션에서 Webhooks 세팅할 적에 시크릿키가 필요합니다)

다시 PlayFab 으로 오셔서
Add-ons 에서 Photon을 추가합니다.









Photon 홈페이지에서 미리 생성한 어플리케이션 기억나시죠?
어플리케이션 ID를 넣으면 시크릿키가 생성됩니다.










 
Webhooks
Playfab에서 시크릿키도 생성했으니,
Photon 어플리케이션에서 webhooks를 설정해보겠습니다.




- BaseUrl 의 값
https://{PlayFabTitleId}.playfablogic.com/webhook/1/prod/{PhotonSecretKey}




* {PhotonSecretKey} 은 생성한 시크릿키 입니다.





유니티 프로젝트에 
PlayfabSDK 를 임포트(추가) 

https://api.playfab.com/sdks/unity





'Download Playfab SDK' 클릭







AssetStore에서

PUN을 다운로드(임포트) 합니다.

(Realtime SDK가 아닙니다.)




DemoHub-Scene-V2 씬을 엽니다.

(PUN \ Demos \ DemoHub)

우리가 새로 생성할 cs 파일을 포함할 게임오브젝트를 하나 추가합니다.









* 소스는 파일로 첨부했습니다.

PlayFabAuthenticator.cs







이제 빌드&런을 해보세요










* 2번까지는 실행되었으나,

PlayFab TitleId 세팅 에러가 난 경우


    public void Awake() {
        PlayFabSettings.TitleId = {PlayFabID};
        AuthenticateWithPlayFab();
    }





만약 4번까지 잘 실행된다면,

'Demo Boxes' 를 클릭 후
'Load Demo' 를 클릭해보세요.






* Demos \ DemoHub \ DemoHub-Scene-V2을 

Build Settings에서 Add Open Scene 해놓으셔야 합니다.









위와 같이 PlayFab이 연동됩니다.


감사합니다.









Photon 공식 홈페이지 
https://www.photonengine.com/ko-kr/Photon


★Photon Help Center
https://support.photonengine.jp/hc/ko










안녕하세요!
이번 포스팅에서는 포톤 챗을 다뤄보겠습니다.

* 포톤 chat 홈페이지

https://www.photonengine.com/ko-KR/Chat






Photon Chat  확장성 높은 채팅 시스템의 구축에 많은 도움이 되는 솔루션입니다
Photon Chat 자체로도 이용이 가능하며다른 Photon 서비스와 함께 이용하실 수도 있습니다.

그리고 정말 간단하게 프로젝트에 적용할 수 있습니다.

크게 2단계만 거치면 포톤 chat이 동작하는 것을 보실 수 있습니다.
1. UI
2. 스크립트: 인터페이스 구현 (IChatClientListener)

본격적으로 들어가기에 앞서
유니티 에셋 스토어에서 포톤 chat 을 다운받아주세요!



유니티 어셋 링크 ->
https://assetstore.unity.com/packages/tools/network/photon-chat-45334






그리고
Photon 엔진 홈페이지에서 App ID를 생성해주세요.


Photon 엔진 홈페이지 ->

https://www.photonengine.com/ko-KR/Photon







그리고나서

생성한 APP ID를 프로젝트에 적용시키면 됩니다.
위치 : Resources\ChatSettingFile






이제 준비는 다 되었습니다.
본격적으로 같이 만들어보죠.







첫단계는 'UI 화면구성'입니다.
요약을 하자면,
터치를 받을 수 있는 이벤트 시스템을 만들기
텍스트 입력하는 텍스트 필드
텍스트를 보여주는 스크롤 뷰 를 구성하는 겁니다.

1.1 EventSystem
: 게임오브젝트에 
EventS ystem, Standalone Input Module, Touch Input Module 컴포넌트 추가








1.2 대화를 입력할 텍스트 필드






1.3 대화를 보여줄 스크롤 뷰
: Content 에 Content Size Filter 의 Vertical Fit 을 Preferred Size 로 설정






첫단계는 끝났습니다.







두번째 단계인 약간의 코딩만 하면 Photon Chat이 동작합니다.
즉,  IChatClientListener 인터페이스만 구현하면 됩니다.
:
        void DebugReturn(DebugLevel level, string message);
        "void OnDisconnected();"
        "void OnConnected();"
        void OnChatStateChange(ChatState state);
        "void OnGetMessages(string channelName, string[] senders, object[] messages);"
        void OnPrivateMessage(string sender, object message, string channelName);
        "void OnSubscribed(string[] channels, bool[] results);"
        "void OnUnsubscribed(string[] channels);"
        void OnStatusUpdate(string user, int status, bool gotMessage, object message);

이 중
OnDisconnected(), OnConnected(), OnGetMessages(string channelName, string[] senders, object[] messages), OnSubscribed(string[] channels, bool[] results),
OnUnsubscribed(string[] channels)
이 5개를 중점으로 다뤄보겠습니다.


2.1 적당한 곳에 ChatTest.cs 파일을 생성합니다.

2.2 코딩
: 중요한 2개 함수만 코드로 적어놓겠습니다.
나머지는 아래 첨부파일을 다운 받아보세요.


public void OnConnected () { AddLine ("서버에 연결되었습니다."); chatClient.Subscribe(new string[]{currentChannelName}, 10); }



public void OnGetMessages(string channelName, string[] senders, object[] messages) { for (int i = 0; i < messages.Length; i++) { AddLine (string.Format("{0} : {1}", senders[i], messages[i].ToString())); } }




참고하실 cs파일

ChatTest.cs



포톤 chat 구현을 위한 2단계를 다 하셨습니다.



이제 마지막으로 변수 연결만하면 chat 이 동작하는 것을 볼 수 있습니다.







Photon 공식 홈페이지 
https://www.photonengine.com/ko-kr/Photon

★Photon Help Center
https://support.photonengine.jp/hc/ko



'Photon > Chat' 카테고리의 다른 글

[Photon Chat] 채팅 창 만들기(Unity3D)  (3) 2019.02.07
[Photon Chat] 채팅 조금 더 알아보기  (0) 2019.02.02
[Photon Chat]챗 이모저모  (0) 2018.06.01




* 한국 이용사례

- 콜 오브 라스트 에이전트

https://play.google.com/store/apps/details?id=com.funmagic.cola&hl=ko





필터 사용시 비용 별도로 추가됩니다.





* 채팅 데이터 저장을 위해 외부 DB를 구축 후 발생 비용
->없습니다.


* 채팅 데이터 
->ToStringMessages() channel 속에 캐시된 메시지를 읽는것은 가능하지만,
 이것은 일시적인 데이터에 불과하고 과거 모든 정보는 저장하고 있지 않습니다.
별도의 DB 서버를 구축하시는 것을 권장합니다.



* 채팅 로그
1. DB 서버를 별도로 준비한다
2.  DB 서버에 접속하기 위한 Web Service기동한다
3. 클라이언트 측에서 메시지를 송신할 때마다 Web Service 호출하여 로그로써 저장한다 
4. 필요할 , Web Service에서 로그 정보를 불러온다

cf) 로컬캐시는 앱 측에서 캐시된 것으로, ChatChannel.MessageLimit로 수량이 제한되어 있습니다.
클라우드측의 캐시는100통으로, Channel에 있는 마지막 플레이어가 이탈한 5초 후에 클리어됩니다.





Photon 공식 홈페이지 
https://www.photonengine.com/ko-kr/Photon

★Photon Help Center
https://support.photonengine.jp/hc/ko






+ Recent posts