House in the Soop

2022 Summer MadCamp Week4 Class 2

1. Teammates

• KAIST 전산학부 20학번 문동우
• 부산대학교 정보컴퓨터공학부 김아나스타시야
• KAIST 전산학부 20학번 이가현

2. Development Info

HTML, CSS, JavaScript, React.js, Three.js

3. House in the Soop! 게임 정보

• 두 명의 게임 주인공이 한달동안 숲속의 오두막집에서 살기위해 이삿짐을 풀어 방에 배치하는 게임.
• 각 방에 놓여있는 이사 박스를 클릭하면 물건이 하나씩 나오고, 이것을 방의 빈 공간에 적절하게 배치하면 된다.
• 물건을 드래그하고 놓을때 3차원 공간에서 물건이 들어갈 수 있는 크기의 가장 가까운 빈 공간을 탐색하여 자동으로 배치된다.
• 도트게임의 느낌을 내기 위해 threejs에 pixelization shader를 적용하였다.

4. 시작 페이지

Welcome 페이지	Story 회원가입

5. Rooms

Living room	Kitchen

Bathroom	Bedroom

Studio

6. Demo