x6tri3n0g / five-lines-of-code

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Five lines of code

이 카다에서 여러분의 임무는 작은 게임의 코드를 리팩터링하는 것입니다. 완료되면 새로운 타일 유형을 추가하거나 열쇠를 원으로 그려서 자물쇠와 쉽게 구분할 수 있도록 쉽게 만들 수 있어야 합니다.

이 코드는 이미 "반복하지 마라", "단순하게 유지하라"라는 가장 일반적인 원칙을 준수하고 있으며, 마법의 리터럴은 거의 없습니다. 구조가 잘못되었거나 깊게 중첩된 'if'도 없습니다.

이것은 쉬운 연습이 아닙니다.

About the Game

게임에서 플레이어는 빨간색 사각형이며 오른쪽 아래 모서리에 있는 상자(갈색)를 가져와야 합니다. 장애물로는 떨어지는 돌(파란색), 벽(회색), 열쇠(노란색, 왼쪽)로 열 수 있는 자물쇠(노란색, 오른쪽) 등이 있습니다. 한 번에 하나의 돌이나 상자를 밀 수 있으며, 떨어지지 않는 경우에만 가능합니다. 플럭스(녹색)는 상자와 돌을 지탱하지만 플레이어가 '먹어치울' 수 있습니다.

Screenshot of the game

How to Build It

타입스크립트 컴파일러가 설치되어 있다고 가정합니다: 이 디렉토리에서 터미널을 연 다음 tsc를 실행합니다. 이제 이 디렉터리에 index.js 파일이 있을 것입니다.

How to Run It

게임을 실행하려면 먼저 위를 참조하여 게임을 빌드해야 합니다. 그런 다음 브라우저에서 index.html을 엽니다. 화살표를 사용하여 플레이어를 이동합니다.

Thank You!

Five Lines of Code

About


Languages

Language:TypeScript 84.9%Language:HTML 15.1%