Giter Club home page Giter Club logo

runner-game's Introduction

SW-Runner

Brief Description

Software department curriculum has a curriculum of variety of major requirements, major choices, and track classes.
We decide to find a way to familiarize students with a difficult and complex curriculum. Through games, students become familiar with these difficult and complex curriculums.

Reference Game : Tomcat

Screenshot 2022-11-07 at 12 57 01

Screenshot 2022-11-07 at 12 58 21

Our game character

image

3d model of our curriculum

image

3d model of other department curriculum

image

obstacles character must dodge

Game play

충돌판정

The character moves from side to side or jumps to contact the software objects, and avoids the rest. Take a software curriculum object to get additional points. When character collide with the rest, points get reduced.

카메라 시점 다양화

User can choose camera perspective that user wants by pressing 1~7 key while playing game.

라운드1 라운드4

Game difficulty rises as game round gets higher. You can see that obstalces are moving faster in round 4.

과목설명

After each round, user can check out description of software curriculum. Each round corresponds to grade, so when round 1 is over, description of first year curriculum appears.

image

After round 4, user can see curriculums they have collected and missed and graudation determination message appears. If user has collected all the curriculums that meets graduation requirements, Graudation Success message appears. If not Graduation Failure message appears.

runner-game's People

Contributors

kim-dong-jun99 avatar twoone17 avatar assistant8 avatar

Stargazers

 avatar

runner-game's Issues

금요일에 저녁 먹기전에 각자 집가기 ㅎㅎ

남은거

  • 최종 결과 페이지
    • 라운드 진행하면서 먹은 커리큘럼 저장할 리스트 만들고, 먹은 커리큘럼들 거기에 담기게 해야함
  • 우리학과, 다른학과 커리큘럼 구분 (동준)
  • 난이도 조정(게임보다는 교육 목적으로 : 영상시연할때 우리학과 커리큘럼이 익숙해질 수 있겠구나 설득이 되어야함)
    • 장애물 개수 (일단은 나쁘지 않음)
    • 카메라 위치
    • 장애물, 커리큘럼 속도
  • 학과 커리큘럼 멀리서부터 명확하게 확인 할 수 있게(spotlight , 광원처리)
  • 우리학과 커리큘럼이랑 다른 학과 커리큘럼 글자색 다르게 하는거 할건가?
  • 모든 화면에 대하여 키에 대한 설명 (spacebar, 1234, 카메라 조정 방법 등 ) css
  • 트랙 선택시 화면 조금 더 명확하고 예쁘게
  • 트랙 선택시 어떤 트랙을 선택했는지 font 변경
  • 트랙에 대한 과목 설명

구현할 내용 정리

구현한 내용

  • 캐릭터 애니메이션
  • 캐릭터 lane 변경
  • 카메라 시점 다양화
  • 캐릭터가 움직일 ground 구현
  • 카메라 흔들어서 흔들리는 모션 구현
  • 역방향 시점 (8번 시점)
  • 장애물 생성 & 다가오는 모션
  • 텍스트 표현

구현되어야할 것들

캐릭터 & 장애물 & 오브젝트

  1. 장애물 생성하는 코드는 추가되었는데, 지속적으로 장애물이 추가되게끔 해야함
  2. 캐릭터가 장애물 혹은 오브젝트(학과에 맞는 커리큘럼 혹은 타학과 수업)을 먹었을때 이펙트 어떻게 할 것인가
    • 동전 모델 들어가있는데 동전을 이용한 이펙트를 추가하는 것도 나쁘지 않을 수도
  3. 장애물, 오브젝트를 어떻게 보여줄지, 기하를 그릴지 혹은 모델을 따와서 렌더링할지,
    • 장애물이 지나간 뒤에 8번 시점으로 변경하면 뒤에 장애물들이 좀 보여서 이거 안보이게도 처리해야함

광원

  1. 먹어야할 오브젝트를 스포트라이트로 보여주는 광원 처리 추가해야함

게임성

  1. 장애물 & 오브젝트 생성되서 움직이는 모션 구현되면 부딪혔을때 판정에 대한 코드 작성해야된다
  2. 오브젝트를 먹었을때 점수 변화하는 코드 추가해야함
  3. 우리 학과 과목, 타학과 과목등 데이터 입력
  4. 우리 학과 과목 먹었을때 과목 설명 나오게 하는 코드 추가해야함
  5. 라운드 구분 지어야하고, 라운드 별로 난이도 설정 해야함
  6. 4라운드 끝나고 졸업 가능한지 판단하는 코드 추가해야함
  7. 캐릭터가 lane 밖으로 이동하면 어떻게 할지 정해야한다
    • 가장 단순하게는 게임 오버 시킬 수도 있을 것 같은데 우리 게임은 게임을 어떻게든 오래 지속하는게 포인트니까
    • 점수 감점 시키고 중앙 lane으로 이동시킬지
  • 라운드 종료 시 배경 없애고, 과목 설명 보여주기
  • 3라운드 진행 전에 트랙 미리 고르기
  • 라운드 선택
  • 장애물 모델 고르기
  • 스포트라이트 밑에 원 추가해보기

남은 거

  • 충돌
    • 이펙트 연결까지
  • 과목 설명 나오는것도 테스트
  • 라운드 별로 난이도 조정하는거랑
  • 오브젝트 생성 및, 우리학과 커리큘럼 데이터 넣고, 학과 커리큘럼이랑 다른 커리큘럼 생성하기
  • 최종 결과 페이지

수요일에 행복하게 마무리 하기

남은거

  • 점수 살짝 깨지는데, 음 이걸 어떻게 하면 좋으려나,
    • 1~4라운드 다 진행할때만 점수 누적하게 하고, 아니면 라운드 별로 해야할 것 같은데
  • 장애물 & 커리큘럼이 아직 사아알짝 겹쳐서 이거 해결
  • 그 먹은 커리큘럼이 아직 좀 구리게 표현되는데 이거 좀 깔끔하게
  • 배경 변경
  • 커리큘럼 데이터 넣고, 과목 설명 페이지 나와야함
    • 트랙 구현하는 것도 살짝 귀찮을 것 같긴한데..
  • 최종 결과 페이지 만들어야함
  • 커리큘럼 갯수 대로 생성되게 해야함

충돌 관련 구현 이슈

딕셔너리에서 오브젝트가 구분되지 않음, 커리큘럼 전체가 하나의 동일한 객체로 인식되어서 딕셔너리의 키값이 하나 밖에 존재하지 않는다.

해결 방법 - 모델 오브젝트를 리스트로 한번 감싸서 1번 인덱스에는 아이디 값을 넣어주게 변경해보자

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.