/house-in-the-soop

몰입캠프 4주차 과제

Primary LanguageJavaScript

House in the Soop

2022 Summer MadCamp Week4 Class 2

1. Teammates

2. Development Info

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

3. House in the Soop! 게임 정보

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

4. 시작 페이지

Welcome 페이지 Story 회원가입
welcome story

5. Rooms

Living room Kitchen
0 1
Bathroom Bedroom
2 3
Studio
4

6. Demo

Demo