Giter VIP home page Giter VIP logo

i-love-coffee's Introduction

I Love Coffee Mini Game

플레이 방법

  • 다음과 같이 인접한 과일 중 같은 종류의 과일이 3개 이상 붙어있는 과일을 클릭한다.

  • 클릭 시 연결된 모든 과일들이 사라지며, 점수를 얻게된다.

  • 과일이 사라진 자리에는 위에 있던 과일들이 내려와서 위치하게 된다.

  • 연속해서 과일을 없애면 콤보를 얻을 수 있고, 콤보를 쌓을 수록 더 많은 점수를 얻게 된다.

  • 만약 없앨 수 있는 과일이 없는 경우 알림을 띄워주고, 과일을 다시 섞어준다.

  • 플레이 시간은 1분이고, 1분이 끝나면 alert창으로 최종 점수가 나오게 된다.

⚒️Skills

  • title
  • title
  • title
  • title
  • title

i-love-coffee's People

Contributors

dbckdgjs369 avatar

Watchers

James Cloos avatar  avatar

i-love-coffee's Issues

추가사항

  • 클릭할 것이 없을 때 없는 퍼즐을 보여주고 nothing이라고 alert띄우기

  • 콤보 추가하기

  • 콤보에 따른 점수부여

  • css애니메이션 넣기

문제점

  • 블록 컴포넌트와 combo가 써있는 컴포넌트가 다름.=> combo를 표시하는 페이지에서 timer로 시간을 재며, 시간이 끝나면 score, time, combo를 0으로 만들어야하는데 블록컴포넌트 측에서 게임이 끝났는지 알지 못함. 게임이 다시 시작되면 전 게임의 combo를 기억하고 그대로 가져옴.

  • 애니메이션으로 이동할 수 있는 건지 알 수 없음. key-frame사용 시도+ requestAnimationFrame도 시도해봄( 후자는 진짜 게임을 만들 때 사용하는 것 같음)

  • 블럭을 클릭했을 때 클릭된 블록과 같은모양을 가진 블록의 개수를 세주는 countbfs()함수와 블록을 없애주는 bfs()함수를 합칠 수 있을 것 같은데 어려움. 3개 이상 붙어있을 때만 사라지게 해야하는데 bfs()로 count를 세주면 연결된 블록들을 다 없애버린 이후여서 3개 미만인 경우 다시 되돌릴 수가없음. countbfs()로 사라지게 하는 경우 count를 셀 수 없음. 아예 다른 변수를 더 넣어야 할 것 같은데 그럼 너무 구조가 복잡해 질 것 같음.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.