Giter Club home page Giter Club logo

hegemonstudio / stareater Goto Github PK

View Code? Open in Web Editor NEW
1.0 0.0 0.0 7.32 MB

Polish CodeFest Project. Mini-gra Star Eater polegająca na łapaniu punkcików (gwiazd) jako gracz, które poruszają według prawa powszechnego ciążenia.

Home Page: https://moderrek.github.io/StarEater/

License: Apache License 2.0

JavaScript 94.48% HTML 4.04% CSS 1.48%
canvas codefest game gravitation gravity javascript minigame physics physics-simulation star poland polish

stareater's Introduction

🌠 Star Eater

GitHub License CKZiU CodeFest24 Winner

Mini-gra Star Eater polegająca na łapaniu punkcików (gwiazd), które poruszają się według prawa powszechnego ciążenia symulowanego w grze.

Zagraj w grę TUTAJ

📋 Spis treści

📸 Zrzuty ekranu

🚶🏽‍♂️ Poruszanie się

Aby poruszać graczem (błękitnym kwadratem) należy poruszać się za pomocą strzałek albo WSAD'u

Gracz poprzed poruszanie się może zbierać gwiazdy, które zapewniają mu dodatkowy punkt

Klawisz Akcja
←, A Ruch w lewo
↑, W Ruch w góre
↓, S Ruch w dół
➝, D Ruch w prawo

🚀 Doładowanie

Na planszy gry widoczne jest doładowanie mieniące się na pomarańczowo/zielono.

Doładowanie zapewnia przyspieszenie prędkości gracza na określony czas.

✨ Gwiazdy

Gwiazdy to elementy gry, które gracz ma za zadanie zbierać (pochłaniać, niezaleznie od ich wielkości).

Każda zjedzona gwiazda zapewnia $\lceil \frac{masa}{10} \rceil$ pkt

$\lceil \frac{m}{10} \rceil, m = 0 \implies pkt = 0$
$\lceil \frac{m}{10} \rceil, m = 1 \implies pkt = 1$
$\lceil \frac{m}{10} \rceil, m = 10.1 \implies pkt = 2$
$\lceil \frac{m}{10} \rceil, m = 100 \implies pkt = 10$

W momencie kolizji gwiazd łączą się w większa gwiazdę

🕹️ Elementy w grze:

  • Animowane matematycznie
  • Poruszane za pomocą prawa grawitacji obliczanego za pomocą FixedUpdate
  • Każdy element ma masę (oprócz gracza)

⏳ Czas rzeczywisty

✏️ Update

Funkcja wywoływana co klatkę. Wykorzystywana jest do rysowania obiektów. Tak jak animacje itp. Podczas obliczeń pod uwagę wzięta jest $deltaTime$. $deltaTime$ = czas od poprzedniej klatki.

FixedUpdate

Funkcja wywoływana co stały czas.

Interwał FixedUpdate jest mierzony na początku wczytania symulacji. Ilość milisekund pomiędzy pustymi klatkami zawsze będzie najmniejszym możliwym opóźnieniem równym $1000ms/Hz$ monitora Dla 60Hz co 16ms, Dla 240Hz 4ms.

$fixedTime = (1000 / Hz)$

FixedUpdate używany jest do przeprowadzania symulacji grawitacji.

Prawo powszechnego ciażenia

🤝 Podziękowanie

Chciałem bardzo podziękować wszystkim, którzy zagłosowali na mnie (CKZiU CodeFest). Dziękuje ✨

stareater's People

Contributors

moderrek avatar drakvlaa avatar

Stargazers

 avatar

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.