이 글은 지난 8월에 진행되었던 웹 스터디의 백업본입니다.
사이트 도안
실제 구현 사이트
게임 방식:
1. 알 모양 그림을 클릭하여 클릭수 100을 채운다.
2. 햇빛, 물, 사랑을 눌러도 클릭수가 올라간다.
3. 여러 조건에 따라 다양한 몬스터가 태어난다.
- 클릭을 몇 번 했는지
- 햇빛/물/사랑을 몇 번 눌렀는지
의 조건에 따라 달라진다.
4. 왼쪽의 도감을 채운다.
체험 사이트: https://j0gea.github.io/egg_Game/
알 키우기 게임
게임 설명: 이 게임은 알을 깨는 게임입니다.
j0gea.github.io
코드: https://github.com/j0gea/egg_Game
코드 리뷰
(1) head
더보기
폰트를 사용하기 위해 google 폰트를 참조하는 코드가 적용되었다.
(2) script
더보기
기본 function들과 기본 변수, 딕셔너리 등 초기 설정
함수의 모양. 기본적으로 이런 식으로 되어있다.
상태창에 대한 코드
버튼에 대한 코드
(3) style
더보기
기본적인 구조 잡기
'2023 스터디' 카테고리의 다른 글
| 컴퓨터구조+운영체제 스터디 (1) | 2023.11.03 |
|---|