GithubHelp home page GithubHelp logo

rmorabia / colorsandcookies Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 1.0 3.17 MB

An idle clicker game based on Earthbound, joy, and rainbows.

Home Page: https://colorsandcookies.netlify.com

HTML 14.71% JavaScript 80.86% CSS 4.43%

colorsandcookies's Introduction

Colors and Cookies Spec Sheet

Create an idle clicker RPG in the vein of Earthbound in which the user aims to drug slimes to collext hex codes for colors. Upon collecting all 16,777,216 colors, the user wins the game.

Details

  • User will drug slimes through clicking or automated party members
  • Users will collect upgrades with gold from killing slimes
  • 3 new party members will join the party at level 10, 35, and 80 (all start at level 1)
  • Includes a scaling experience system and stats including attack and critical rate
  • There is no attack back from the slimes
  • Users can save their progress using an account
  • Must work on mobile and desktop

Implementation

  • Uses state management (Redux)
  • Has an auth server that saves and loads data from an SQL database
  • Uses Routing to go from the home page to the game page
  • Very minimal styling, no CSS framework

colorsandcookies's People

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

sarvex

colorsandcookies's Issues

Slime HP Math

Create formula for Slime HP.

Acceptance Criteria:

  • Create formula that scales from Level 1 to Level 99.

Character Attack Functions

Run attack function based on criteria including user level & attack upgrades.

Acceptance Criteria:

  • Run upon either clicking or an automated attack running
  • This will decrease slime HP
  • Based on formula in #issuedoesnotexist

Implement Gold

Users will get gold from gold-getting formula for killing slimes (see other issue). Users will spend gold on upgrades (see other issue). This ticket is just about implementing a gold management situation.

Add to the gold state, remove from the gold state. Keep it on screen, and change it whenever it needs to be changed.

Acceptance Criteria:

  • Gold updates when getting gold or losing gold

Automated Attack Math

Create a formula to determine how frequently the automated attack will run. This will depend on equipment bought with gold (See other issues).

Acceptance Criteria:

  • Formula exists for how the speed math is handled for each character.

Click to Drub Slimes

This is the main UI functionality for the app.

Acceptance Criteria:

  • User can click Drub button
  • Attack function runs (See issue #2)

Upgrade UI

Create a table or table-like UI front for upgrades.

This should be a reusable component with which to render all currently available upgrades.

Acceptance Criteria:

  • Currently available upgrades display on screen

Generate Slime On Death

Create a function that generates a new slime each time the user destroys the slime.

Acceptance Criteria:

  • When app starts, the first slime is there.
  • Each subsequent slime gets generated based on Slime Math (Issue #12) each time one dies.

Create formula for attack function

What does attacking involve, mathematically? Do research, test out numbers, and figure out exactly what it is (no coding involved).

Acceptance Criteria:

  • Scalable attack formula from level 1 to level 99

Buy Upgrade

Create function that will buy upgrade. This should be reusable for any upgrade.

Acceptance Criteria:

  • When clicking "Buy Upgrade" button, gold should deplete.
  • Upgrade should move to Upgrades Already Bought

Completed Upgrades UI

Create a UI similar to that in issue #9, but for completed upgrades. Users will be able to see the details of upgrades they have already bought.

Acceptance Criteria:

  • Upgrades that have already been bought are seen
  • Should include details of exactly what was gotten from those upgrades

Automated attack function

Create function around the attack function that will run on an automated time period. Automated time period is set by the automated time period math. (See issue #doesnotexist)

Acceptance Criteria:

  • Automated function should run at appropriate times
  • Eg. When 2nd Party Member attacks, automated attack function runs
  • Automated attack math should be different for each character (stored in state).

Slimes Gold Math

Create a formula that gets the correct amount of gold from killing a slime. This should scale appropriately with upgrades.

Acceptance Criteria:

  • Formula created.
  • Works at Level 1 and Level 99.

Think about upgrades

I need to think through the upgrades and plan them out based on stealing ideas from other games.

Acceptance Criteria:

  • Full list of upgrades
  • Price and when they show up

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.