mirror of
https://github.com/microsoft/Web-Dev-For-Beginners.git
synced 2025-08-31 18:32:16 +02:00
FIX : fix url for translations folder
This commit is contained in:
minwook-shin
@@ -1,10 +1,10 @@
|
||||
# Space 게임 제작하기 파트 1: 소개
|
||||
|
||||
|
||||
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
|
||||
### 게임 개발의 상속과 구성
|
||||
|
||||
@@ -213,7 +213,7 @@ pub-sub 패턴이 어떻게 게임을 발전시킬 수 있는지 생각해보세
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
@@ -221,4 +221,4 @@ pub-sub 패턴이 어떻게 게임을 발전시킬 수 있는지 생각해보세
|
||||
|
||||
## 과제
|
||||
|
||||
[Mock up a game](assignment.md)
|
||||
[Mock up a game](../assignment.md)
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
|
||||
## Canvas
|
||||
|
||||
@@ -26,7 +26,7 @@ canvas는 내용이 없는 게 기본인 HTML 요소입니다; 빈 상태입니
|
||||
|
||||
캔버스는 데카르트 좌표계로 사물을 그립니다. 따라서 x-축과 y-축을 이용하여 무언가의 위치를 나타냅니다. 위치 `0,0`은 죄측 상단이며 우측 하단은 캔버스의 너비와 높이라고 말한 위치입니다.
|
||||
|
||||
|
||||
|
||||
> Image from [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
|
||||
|
||||
캔버스 요소에 그리려면 다음 단계를 거쳐야 합니다:
|
||||
@@ -123,11 +123,11 @@ Canvas 요소가 있는 웹 페이지를 만듭니다. 검은 화면 `1024 * 768
|
||||
|
||||
- Hero ship
|
||||
|
||||
|
||||
|
||||
|
||||
- 5*5 monster
|
||||
|
||||
|
||||
|
||||
|
||||
### 개발 시작하기 위한 권장 단계
|
||||
|
||||
@@ -191,11 +191,11 @@ npm start
|
||||
|
||||
완성된 결과는 아래와 같이 보이게 됩니다:
|
||||
|
||||
|
||||
|
||||
|
||||
## 솔루션
|
||||
|
||||
먼저 직접 해결해보고 문제가 발생한다면, [solution](solution/app.js)을 보세요
|
||||
먼저 직접 해결해보고 문제가 발생한다면, [solution](../solution/app.js)을 보세요
|
||||
|
||||
---
|
||||
|
||||
@@ -205,7 +205,7 @@ npm start
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
@@ -213,4 +213,4 @@ npm start
|
||||
|
||||
## 과제
|
||||
|
||||
[Play with the Canvas API](assignment.md)
|
||||
[Play with the Canvas API](../assignment.md)
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
|
||||
외계인이 화면을 돌아다니기 전까지는 게임이 재미 없습니다! 이 게임에서는, 두 가지 타입의 동작을 씁니다:
|
||||
|
||||
@@ -115,7 +115,7 @@ let gameLoopId = setInterval(() =>
|
||||
|
||||
## Space 게임 계속하기
|
||||
|
||||
기존 코드를 가져와 확장합니다. 파트 I 에서 작성한 코드로 시작하거나 [Part II- starter](your-work)의 코드를 사용합니다.
|
||||
기존 코드를 가져와 확장합니다. 파트 I 에서 작성한 코드로 시작하거나 [Part II- starter](../your-work)의 코드를 사용합니다.
|
||||
|
||||
- **영웅을 움직이기**: 화살표 키를 사용하여 영웅을 이동할 수 있도록 코드를 추가합니다.
|
||||
- **적을 움직이기**: 적들이 주어진 속도로 상단에서 하단으로 이동할 수 있도록 코드를 추가합니다.
|
||||
@@ -378,7 +378,7 @@ npm start
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
@@ -386,4 +386,4 @@ npm start
|
||||
|
||||
## 과제
|
||||
|
||||
[Comment your code](assignment.md)
|
||||
[Comment your code](../assignment.md)
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
|
||||
이 강의에서는 JavaScript로 레이저를 쏘는 방법을 배웁니다! 게임에 다음 두 가지를 추가합니다:
|
||||
|
||||
@@ -104,7 +104,7 @@ class Weapon {
|
||||
|
||||
## 무엇을 만드나요
|
||||
|
||||
이전 강의에 존재한 기존 코드 (정리하고 리팩토링함)를 가져와서, 확장합니다. 파트 II에서 코드를 시작하거나 [Part III- starter](/your-work) 코드를 사용합니다.
|
||||
이전 강의에 존재한 기존 코드 (정리하고 리팩토링함)를 가져와서, 확장합니다. 파트 II에서 코드를 시작하거나 [Part III- starter](../your-work) 코드를 사용합니다.
|
||||
|
||||
> tip: 작업할 레이저는 이미 어셋 폴더에 있으므로 코드에서 참조합니다
|
||||
|
||||
@@ -282,11 +282,11 @@ npm start
|
||||
|
||||
## 🚀 도전
|
||||
|
||||
폭발을 추가합니다! [the Space Art repo](../solution/spaceArt/readme.txt)에서 게임 어셋을 살펴보고 레이저가 외계인을 칠 때 폭발하도록 추가해보세요
|
||||
폭발을 추가합니다! [the Space Art repo](../../solution/spaceArt/readme.txt)에서 게임 어셋을 살펴보고 레이저가 외계인을 칠 때 폭발하도록 추가해보세요
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
@@ -294,4 +294,4 @@ npm start
|
||||
|
||||
## 과제
|
||||
|
||||
[Explore collisions](assignment.md)
|
||||
[Explore collisions](../assignment.md)
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
|
||||
이 강의에서는 어떻게 게임에서 점수를 내고 생명을 구하는 가에 대하여 배웁니다.
|
||||
|
||||
@@ -28,7 +28,7 @@ ctx.fillText("show this on the screen", 0, 0);
|
||||
게임에 다음을 추가하겠습니다:
|
||||
|
||||
- **게임 점수**: 적의 배가 파괴될 때마다, 영웅은 점수를 받아야하고, 하나의 배마다 100점을 제안합니다. 게임 점수는 좌측 하단에 보여야 합니다.
|
||||
- **생명**: 여러분의 배는 세 생명이 있습니다. 적의 배로 부딪칠 때마다 생명을 잃습니다. 생명 점수는 우측 하단에 보여야되고 로 만들어야 합니다.
|
||||
- **생명**: 여러분의 배는 세 생명이 있습니다. 적의 배로 부딪칠 때마다 생명을 잃습니다. 생명 점수는 우측 하단에 보여야되고 로 만들어야 합니다.
|
||||
|
||||
## 권장 단계
|
||||
|
||||
@@ -178,7 +178,7 @@ npm start
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
@@ -186,4 +186,4 @@ npm start
|
||||
|
||||
## 과제
|
||||
|
||||
[Build a Scoring Game](assignment.md)
|
||||
[Build a Scoring Game](../assignment.md)
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
## 강의 전 퀴즈
|
||||
|
||||
[Pre-lecture quiz](.github/pre-lecture-quiz.md)
|
||||
[Pre-lecture quiz](../.github/pre-lecture-quiz.md)
|
||||
|
||||
게임에서 *조건을 표현하고 종료*하는 여러 방식이 있습니다. 게임이 종료된 이유를 말하는 것은 게임 크리에이터의 일입니다. 지금까지 만든 space 게임에 대해 말하고 있다고 가정하면, 몇 가지 이유가 있습니다:
|
||||
|
||||
@@ -211,7 +211,7 @@ npm start
|
||||
|
||||
## 강의 후 퀴즈
|
||||
|
||||
[Post-lecture quiz](.github/post-lecture-quiz.md)
|
||||
[Post-lecture quiz](../.github/post-lecture-quiz.md)
|
||||
|
||||
## 리뷰 & 자기주도 학습
|
||||
|
||||
@@ -219,4 +219,4 @@ npm start
|
||||
|
||||
## 과제
|
||||
|
||||
[Build a Sample Game](assignment.md)
|
||||
[Build a Sample Game](../assignment.md)
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
|
||||
이 강의에서는 자신만의 스페이스 게임을 만드는 방법을 배웁니다. 만약 "Space Invaders" 게임을 해본 적이 있다면, 이 게임은 같은 아이디어를 가지고 있습니다: 우주선을 조종하고 위에서 내려오는 몬스터를 향해서 발사하는 것입니다. 완성된 게임의 모습은 다음과 같습니다.
|
||||
|
||||
|
||||
|
||||
|
||||
6개의 강의에서 다음을 학습합니다:
|
||||
|
||||
@@ -17,13 +17,13 @@
|
||||
## 개요
|
||||
|
||||
- 이론
|
||||
- [JavaScript를 사용한 게임 빌드 소개](1-introduction/README.md)
|
||||
- [JavaScript를 사용한 게임 빌드 소개](../1-introduction/translations/README.ko.md)
|
||||
- 실습
|
||||
- [canvas로 그리기](2-drawing-to-canvas/README.md)
|
||||
- [화면에 요소 이동](3-moving-elements-around/README.md)
|
||||
- [충돌 감지](4-collision-detection/README.md)
|
||||
- [점수 유지](5-keeping-score/README.md)
|
||||
- [게임 종료 및 재시작](6-end-condition/README.md)
|
||||
- [canvas로 그리기](../2-drawing-to-canvas/translations/README.ko.md)
|
||||
- [화면에 요소 이동](../3-moving-elements-around/translations/README.ko.md)
|
||||
- [충돌 감지](../4-collision-detection/translations/README.ko.md)
|
||||
- [점수 유지](../5-keeping-score/translations/README.ko.md)
|
||||
- [게임 종료 및 재시작](../6-end-condition/translations/README.ko.md)
|
||||
|
||||
## Credits
|
||||
|
||||
|
||||
Reference in New Issue
Block a user