Skip to content
Snippets Groups Projects
Commit 6137e9c3 authored by 유승민's avatar 유승민
Browse files

Update README.md

parent ab2eddf6
No related branches found
No related tags found
No related merge requests found
Pipeline #8829 passed
# Welcome to "Web Game Development" tutorial # Welcome to "Web Game Development" tutorial
In this tutorial, you can make web game like this -> [link](http://copomos00.ajousw.kr/phaser3/) In this tutorial, you can make web game like this -> [link](http://copomos00.ajousw.kr/phaser3/)
If you learn how to make web game, watch this vidio -> [link]()
# 오픈소스에서 Documents를 읽는 것은 중요하다 # 오픈소스에서 Documents를 읽는 것은 중요하다
Documents를 읽는 것은 당연한 것이지만, 대부분 인터넷에서 잘 정리된 글을 찾아 읽는다. 하지만 phaser3와 같은 비교적 덜 유명하다 할 수 있는 오픈소스는 특히 Documents를 읽는 것이 중요하다. 하지만 Documents의 대부분은 길고 어렵기에 훈련되지 않는 사람은 읽고 해석하는 것 자체로 스트레스를 받을 수 있다. 본 Tutorial은 phaser3를 처음 사용하는 사람의 입장에서 Documents를 어떻게 사용해야 하는지를 알려준다. Documents를 읽는 것은 당연한 것이지만, 대부분 인터넷에서 잘 정리된 글을 찾아 읽는다. 하지만 phaser3와 같은 비교적 덜 유명하다 할 수 있는 오픈소스는 특히 Documents를 읽는 것이 중요하다. 하지만 Documents의 대부분은 길고 어렵기에 훈련되지 않는 사람은 읽고 해석하는 것 자체로 스트레스를 받을 수 있다. 본 Tutorial은 phaser3를 처음 사용하는 사람의 입장에서 Documents를 어떻게 사용해야 하는지를 알려준다.
# 동기 # 동기
...@@ -11,6 +10,17 @@ Documents를 읽는 것은 당연한 것이지만, 대부분 인터넷에서 잘 ...@@ -11,6 +10,17 @@ Documents를 읽는 것은 당연한 것이지만, 대부분 인터넷에서 잘
오픈소스는 으래 그렇듯 그 내용을 파악하는 과정이 친절하지 않습니다. Documents를 꼼꼼히 살펴보며 특성과 기능을 배워야하며, 이슈가 잘 생깁니다. 오픈소스는 으래 그렇듯 그 내용을 파악하는 과정이 친절하지 않습니다. Documents를 꼼꼼히 살펴보며 특성과 기능을 배워야하며, 이슈가 잘 생깁니다.
Web Pages를 만드는 과정에서 GitLab, GitHub의 관련 기능들을 공부해야 했습니다. 제 수준에선 이해하기 힘든 낯선 구동 파이프라인을 가지고 있어서 난감했습니다. 특히 GitLab의 경우는 정말 새로운 문물을 접하는 기분이 들었습니다. Web Pages를 만드는 과정에서 GitLab, GitHub의 관련 기능들을 공부해야 했습니다. 제 수준에선 이해하기 힘든 낯선 구동 파이프라인을 가지고 있어서 난감했습니다. 특히 GitLab의 경우는 정말 새로운 문물을 접하는 기분이 들었습니다.
Phaser3의 경우 웹 보안 이슈가 제 골치를 아프게 했습니다. 디버깅을 위해 Local Test를 진행했었는데, Local에서 Image를 가져오지 못 하던 것이 보안 때문일 거란 생각을 못해서 한참을 해맸었습니다. Image를 GitLab Repository에 넣어 그걸 불러옴으로써 해당 이슈는 해결했습니다. Phaser3의 경우 웹 보안 이슈가 제 골치를 아프게 했습니다. 디버깅을 위해 Local Test를 진행했었는데, Local에서 Image를 가져오지 못 하던 것이 보안 때문일 거란 생각을 못해서 한참을 해맸었습니다. Image를 GitLab Repository에 넣어 그걸 불러옴으로써 해당 이슈는 해결했습니다.
### 튜토리얼 비디오 촬영 이슈
튜토리얼 비디오를 촬영하면서 제가 공부했던 메소드들과 만들어놨던 에셋을 활용해 처음부터 끝까지 빠짐없이 진행했습니다. 그러나 마지막에 기껏 구현한 코드가 동작하지 않아 Web Game이 구동되지 않았고, 결국 phaser3에서 제공하는 예제를 가지고 설명을 대신했습니다. 확인 결과 다음 한 줄의 코드를 제가 빼먹은 탓에 이슈가 발생했던 거였습니다.
```
// Debug!!!!
// I do not use this code on Tutorial video
this.cursors = this.input.keyboard.createCursorKeys();
```
update()에서 cursors라는 멤버를 적극 활용하는데 이 멤버를 Init해주는 코드를 빼먹은 탓에 컴파일 과정에서 오류가 생기고 작동이 중단된 것입니다. 아쉽습니다...
추가적으로 git.ajou.ac.kr repository의 이미지는 호출이 불가했습니다. 때문에 따로 개인 GitHub repository를 만들어서 그 안에 Resource를 넣고 호출했습니다.
# 후기 # 후기
반갑습니다. 길었던 한 학기가 끝나고 다시 한 번 프로젝트로 끝을 장식하네요. 늘 재밌는 강의 감사드린다는 말씀 꼭 드리고 싶었고요, 교수님의 진실된 가르침은 언제나 학업을 넘어 인생의 교훈을 깨우치는 이정표가 됐습니다. 이환용 교수님 존경하고 감사합니다! 반갑습니다. 길었던 한 학기가 끝나고 다시 한 번 프로젝트로 끝을 장식하네요. 늘 재밌는 강의 감사드린다는 말씀 꼭 드리고 싶었고요, 교수님의 진실된 가르침은 언제나 학업을 넘어 인생의 교훈을 깨우치는 이정표가 됐습니다. 이환용 교수님 존경하고 감사합니다!
# GitHub/GitLab이 pages를 만드는 과정 # GitHub/GitLab이 pages를 만드는 과정
...@@ -24,8 +34,5 @@ You can either use the GitLab default domain for GitLab Pages websites, *.gitlab ...@@ -24,8 +34,5 @@ You can either use the GitLab default domain for GitLab Pages websites, *.gitlab
The following diagrams show the workflows you might follow to get started with Pages. The following diagrams show the workflows you might follow to get started with Pages.
![image](https://docs.gitlab.com/ee/user/project/pages/img/new_project_for_pages_v12_5.png) ![image](https://docs.gitlab.com/ee/user/project/pages/img/new_project_for_pages_v12_5.png)
# GitHub/GitLab pages의 유지보수, live server
phaser3와 github, gitlab의 copylight
# Phaser3는 MIT License를 선언한 오픈소스입니다 # Phaser3는 MIT License를 선언한 오픈소스입니다
![Alt text](image.png)
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment