🌕 송편 터뜨리기 게임 🌕

송편 터뜨리러 가기: https://www.dusuna.me/ (배포 주소)
코육대 참여 후기: https://velog.io/@dusunax/후기-코육대-짧은-소감
작업 기록: [9월 28일~10월 3일] 날짜별 작업 기록

📌 개요

작업 기간: 9월 28일 ~ 10월 3일 (6일)

• [9월 28일~10월 3일] 날짜별 작업 기록 [링크]

주제: 슬링샷 게임 구현

• [항해 플러스] 제1회 코육대 출전을 위한 게임 구현
• 송편 터뜨리기
  • 조건
    • 프론트 구현
    • 클라이언트 배포
    • 슬링샷 게임 기능 구현
    • 결과 스코어 확인 or 기록
  • 프로그램 언어 및 기술 스택 자유

📌 스크린샷

📌 FE 기술 스택

nextJS, typescript, matter-js, tailwindcss, chakra-ui

📌 그 외

사용 툴

• 배포: Vercel
• SVG 이미지 드로잉: Figma

고득점 공량 영상_231004

KakaoTalk_Video_2023-10-05-13-11-46.mp4

dev mode

https://www.dusuna.me/slingshot?mode=dev

점수판_231005

• 집계 방식: 카카오톡 스크린샷 인증
• 심사(10월 9일) 이후 DB 추가 예정

score	name	등수 (상품)
5180	DSA
5060	KJB
4955	KJB	10/4 유저테스트 1등 (☕️)
4925	HSM
4850	YCS
4745	KHJ	선착순 1등 (☕️)
4580	CRH
4580	LMS

레퍼런스

• matter-js 공식문서: https://brm.io/matter-js/
• matter-js 공식 깃허브: https://github.com/liabru/matter-js/blob/master/src/body/Body.js
• matter-js 공식 깃허브 예제: https://github.com/liabru/matter-js/blob/master/examples/slingshot.js
• 앵그리버드 클론A: https://www.youtube.com/watch?v=W-9DcLtBhVc
• 앵그리버드 클론B: https://www.youtube.com/watch?v=_r955zGxgFQ
• 앵그리버드 클론C: https://www.youtube.com/watch?v=TDQzoe9nslY&t=1865s