[유니티]WebGL로 빌드한거 플레이 하는 법(크롬, 마이크로 엣지, 파이어폭스)

*글 퍼갈 시엔 출처 표기 필수!*
https://iosisgames77.blogspot.com/

본 글은 WebGL로 빌드 한 것을 3곳에서 실행하는 방법을 다루고 있습니다.
만약 GitHub에 올리고 싶다면 아랫글을 참고해 주세요.
https://iosisgames77.blogspot.com/2022/02/webgl-github.html

준비물
크롬 or 마이크로 엣지 or 파이어폭스
빌드 결과물


웹브라우저에 따라서 방법이 조금씩 다르다. 가장 선호하는 브라우저를 선택해서 확인하기 바란다.

크롬 

1. 우클릭을 누르고 새로 만들기(W) → 바로 가기(S)를 눌러서 바로 가기를 만든다.














2. "파일주소" -allow-file-access-from-files를 입력하고 다음을 눌러준다.(본인 파일 주소는 C:\Program Files\Google\Chrome\Application\chrome.exe이다)

















3. 바로 가기 이름은 아무거나 상관없다. 마침을 눌러준다.

















4. 자신이 만든 바로 가기를 실행해서 자신이 빌드한 파일에 가서 index.html을 드래그한다.(이때 바로 가기를 실행하기 전에 꼭 모든 크롬 탭은 닫아야한다)














5. 이렇게 뜨면 성공이다.





마이크로엣지 
위에 크롬 방법과 동일하다.(설치 주소와 크롬이라는 것만 다르다.)
파일주소에 마이크로엣지 주소만 적고 위 방법처럼 해보면 된다.(모든 마이크로엣지창은 미리 다 닫다둬야한다)
본인 주소는 
C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe이니 참고 바란다.


파이어폭스
파이어폭스는 그냥 실행해도 문제없다.


만약 질문이 있다면 댓글에 적으면 된다. 아는데로 다 답변할 계획이다.


댓글

댓글 쓰기

이 블로그의 인기 게시물

[유니티]많이 나는 오류 해결법

 퍼갈 땐 출처 표기! 안녕하신가, 오늘은 유니티를 사용하면서 발생하는 여러 가지 오류들을 해결하는 방법을 알려주도록 하겠다. 한 번쯤은 경험해 봤을 오류도 있을 것이고 지금 겪고 있는 오류도 있을 것이다. 한 번 읽어보면  많은 도움이 될 것이다. 유니티를 사용하다 보면 역시 오류가 하나쯤은 발생하기 마련이다. 나 또한 많은 오류로 인해 머리가 매우 아팠던 적이 있다. 그렇지만 우리의 영웅인 구글이 있기에 구글링으로 많은 오류를 해결해왔다. 하지만 구글링으로도 안 나오는 오류는 해결하는 데 엄청나게 힘들었다. 아래는 나의 경험을 바탕으로 쓴 오류 해결법이니 참고하면 좋을 것이다. An error occurred while resolving packages 이 오류는 manifest.json을 삭제하면 해결이 된다. 일단 자신의 프로젝트에 들어가서 Packages -> manifest.json을 열어준다. 만약 자신의 프로젝트를 못 찾겠다면 검색창에 new라고 치면 나올 것이다. 혹은 내가 만든 프로젝트 이름으로 들어가면 된다. json 파일을 열자. 그러면 빈 공간이 팝업창에서 오류로 나온 공간이다. 그 부분을 삭제한다. 그래도 해결이 안 된다면 캐시를 지워주자. 에디터 실행 중 오류가 생겼습니다. 라이선스가 유효하지 않습니다. 저번에 다루었던 오류이다. 다시 설명을 해보겠다. 1) Unity Hub에 들어가서 로그인을 해준다. 2) 톱니바퀴(설정) 버튼을 누른다. 3) 라이선스 관리 -> 새 라이선스 활성화를 눌러준다. 4) 자신의 라이선스(무료는 personal)를 선택한 후 라이선스를 받는다. Null Reference Exception 공식 문서에 적여있는 것을 읽어보자면 아래와 같다. 어떤 오브젝트에도 참조하고 있지 않는 참조 변수에 액세스하려고 하면 발생한다. 오류를 더블클릭하면 그 위치로 가니 참고 바라며 대부분 하나 잘못 넣거나 안 넣었을 때 발생한다. 실수한 부분이 있는지 꼼꼼하게 체크해 주는 것이 바란다. 아래 공...
자세한 내용 보기

[유니티]유니티 엔진은 어떻게 설치하면 좋을까?

이미지
퍼갈 때는 출처 표기와 댓글에 알려주세요~~ 제목 그대로 유니티 엔진을 설치할 때 보면 좋은 도움이 되는 글이다. 나는 훗날 유니티 엔진을 처음 설치를 했을 때에는 아무것도 몰랐던지라 아무렇게나 설치하였었다. (지금 생각해도 난장판이었다.) 그때는 일단 좋아 보이는 건 다 설치하고 버전을 여러 개나 설치하였다. (이건 그냥 귀찮은 거 때문인 거 같다.) 이 글을 쓴 이유는 다름 아닌 나 같은 사람을 위한 것이다. 나처럼 일단 좋아 보이는 건 다 설치해 보고 보는 사람들을 위해서 글을 쓰게 된 것이다. 유니티 엔진, 어떻게 설치할까? 일단 유니티 허브가 설치되여 있어야 한다. (없더라도 작동이 불가능한 것은 아니지만 편리성과 속도를 위해서 설치하도록 하자.) 만약 유니티 허브가 설치되여 있지 않다면 Unity에 들어가서 설치하도록 하자. ( https://unity3d.com/kr/get-unity/download 여기서 설치할 수 있다.) 참고로 본인은 유니티 허브 버전은 2.4.5를 쓰고 있다. (3.0.1버전은 오류 때문에 실행이 안 된다) 1) 일단은 유니티 허브를 실행한다. 2) 좌측에 있는 버튼들 중에 설치 를 클릭한다. 3) 설치 탭에 들어왔다면 우측 상단쯤에 있는 추가  버튼을 눌러준다. 4) 권장 릴리스 밑에 있는 버전을 눌러준다. 그 다음,  다음  버튼을 눌러준다. 5) 드디어 난관에 도착했다. 일단 간단하게 설명을 하겠다. Microsoft Visual Studio Community 2019 는 필수라고 보면 된다. (따로 설치하신 분들은 안 해도 상관없다.) Android Build Support & iOS Build Support & tvOS Build Support 는 만약 자신이 Android(안드로이드폰)이 타겟이면  Android Build Support 을 선택하고 iOS(아이폰)이 타겟이면  iOS Build Support 을 누른다. 만약 자신이 tv에서 게임 실...
자세한 내용 보기

[유니티]새 프로젝트 생성은 어떻게 하면 좋을까?

이미지
 퍼갈 땐 출처 표기! 안녕하신가, 오늘은 유니티에서 새 프로젝트를 생성할 때 어떻게 하면 좋을지에 대해서 알려주겠다. 일단은 유니티 허브를 설치해둬야 하니 저번 글을 참고하면 좋을 것같다. 유니티허브설치하기! 일단 본론에 앞서 여러 가지 이야기들을 해주고자 한다. 당연한 이야기이지만 나도 처음은 있었다. 당연히 처음부터 잘한다면 난 여기 있지 않을 것이다. (대충 무조건 여기 있다는 소리) 그렇기에 이런 내가 발전하게 된 계기는 바로 이 글과 같은 것, 즉 사람들이 올린 여러 가지 게시글들이 많은 도움이 되었다. 그렇기에 여러분들도 많은 도움이 됐으면 하는 마음이다. 이런 마음을 잘 알아줬으면 한다. 아무튼 프로젝트 생성 방법에 대해서 알려주도록 하겠다. 일단 당연하지만 유니티 허브를 킨다. 그 후에 프로젝트 -> 새로 생성 을 눌러준다. 그렇다면 아래와 같이 나올 것이다. (저장 위치는 각각 다르다.) 간단하게 설명을 해주겠다. 일단은 왼쪽 템플릿 은 당신이 어떤 프로젝트를 생성할지 결정하는 것이다. 2D 를 선택하면 2D 맞춤으로, 3D 를 선택하면 3D 맞춤으로 생성이 된다. 그 외에 High Definition RP(HDRP) , Universal Render Pipeline(URP) 는 렌더링 파이프라인을 선택하는 것이다.( 2D or 3D 선택시 기본으로 시작됨) 또 Karting Microgame , FPS Microgame 등은 게임 예제이다. (나는 딱히 추천은 안 하지만 한 번쯤 해보면 재미있다.) 오른쪽 설정 은 프로젝트 이름 , 저장 위치 가 있다. 말 그대로 이름과 저장 위치이다. 프로젝트 이름 은 폴더 이름과 같은 것으로 게임이름 설정이랑 다르게 할 수 있다. 저장 위치 는 말 그대로 저장하는 경로이니 알아보기 쉬운 경로를 선택하는 것이 좋다. 만약 다 설정했다면 생성을 하면 된다. 하지만 오늘 알려줄 것은 생성하는 팁이니 아래를 참고하자.   어떤 게임을 만들 것인가?  2D 게임이면 2D, 3D ...
자세한 내용 보기