Giter VIP home page Giter VIP logo

space-trail's People

Contributors

chloestogsdill avatar halloweddust5 avatar nephalemcry avatar yareyaredazeexe avatar zombiewarlock avatar

Stargazers

 avatar  avatar

Watchers

 avatar

space-trail's Issues

Implement fonts

Make the Early Game Boy the default font for our text.

This would be changed in the default parameters of createButton.

I'm not sure how to use import a custom font for Phaser 3, but there's definitely something on Google.

Implement UI

image

Each box is approximately 24 pixels, the big box in the middle is the current event.
It's 25 boxes tall and 33.3 boxes wide

After an event option is selected, the next turn button should appear in the bottom right.

Add Launch Scene

  • Figure out layout
  • Figure out specific game mechanics of launch
  • Find assets for scene
  • How to call next scene, most likely will be done by loading an instance of the next scene and deconstructing the current scene

Hole in the Ship Event

Follow this picture for the general layout of the scene. Make sure to NOT hardcode the units in pixels, code the dimensions of anything on screen in terms of the height or width of the screen, just in case we decide to make it bigger or smaller:
image

To close the issue make sure these things are done

  • Center all assets along the backing scene rectangle
  • Event scene does not overlap with the UI
  • Buttons actually change the stats object when pressed

The picture doesn't have buttons. Have 2 buttons: one that takes away the hole in the ship, but you lose 3 spare parts, and one that allows for the player to go to the next scene but the whole crew will die in 3 turns.

Create BaseScene and BaseEvent classes

BaseScene will have all the things needed in all the scenes: stats passed into the constructor, and an objects attribute added. All scenes will be a child or grandchild of this class.

BaseEvent will inherit from BaseScene. Because every event will have generally the same layout, there's no reason to rewrite it for all events. This class will include:

  • Main event graphic
  • Event Title
  • Event Description
  • Event Choices

Each of these bullet points is going to be an attribute of the scene instance so it can be changed as the game progresses.

Space Sickness Event

Follow this picture for the general layout of the scene. Make sure to NOT hardcode the units in pixels, code the dimensions of anything on screen in terms of the height or width of the screen, just in case we decide to make it bigger or smaller:
image

To close the issue make sure these things are done

  • Center all assets along the backing scene rectangle
  • Event scene does not overlap with the UI
  • Buttons actually change the stats object when pressed

The picture doesn't have buttons. Have 2 buttons: one that takes away the space sickness, but you lose a medicine, and one that allows for the player to go to the next scene, but you keep the space sickness.

Low Oxygen Event

Follow this picture for the general layout of the scene. Make sure to NOT hardcode the units in pixels, code the dimensions of anything on screen in terms of the height or width of the screen, just in case we decide to make it bigger or smaller:
image

To close the issue make sure these things are done

  • Center all assets along the backing scene rectangle
  • Event scene does not overlap with the UI
  • Buttons actually change the stats object when pressed

The picture doesn't have buttons. Have 2 buttons: one that takes away the low oxygen but costs 1 oxygen and one that lets you proceed but kills an astronaut per turn for 2 turns.

All event thumbnails

  • Low Temperature
  • Low Oxygen
  • Space Sickness
  • Electrical Problem
  • Hole in the Ship
  • Broken Command Panel
  • Broken Temperature Gauge
  • Broken Light Panel
  • Broken Rehydrator
  • Concussion
  • Broken Water Purifier
  • Low Food Supply
  • Misplaced Supply
  • Homesick
  • Engine Failure

Broken Light Panel Event

Follow this picture for the general layout of the scene. Make sure to NOT hardcode the units in pixels, code the dimensions of anything on screen in terms of the height or width of the screen, just in case we decide to make it bigger or smaller:
image

To close the issue make sure these things are done

  • Center all assets along the backing scene rectangle
  • Create broken lightbulb asset
  • Event scene does not overlap with the UI
  • Buttons actually change the stats object when pressed

The picture doesn't have buttons. Have 2 buttons: one that takes away the light panel event, but you lose 2 spare parts and one that allows for the player to go to the next scene.

Electrical Problem Event

Follow this picture for the general layout of the scene. Make sure to NOT hardcode the units in pixels, code the dimensions of anything on screen in terms of the height or width of the screen, just in case we decide to make it bigger or smaller:
image

To close the issue make sure these things are done

  • Center all assets along the backing scene rectangle
  • Event scene does not overlap with the UI
  • Buttons actually change the stats object when pressed

The picture doesn't have buttons. Have 2 buttons: one that takes away the broken wires, but you lose 2 spare parts, and one that allows for the player to go to the next scene but the electrical problems persist.

Determine if ButtonScene is needed

  • Is there anything that ButtonScene can do that Button cannot?

Ex: ButtonScene has some attribute or some functionality that would make it useful for it to be its own scene, otherwise Button can just be rendered in each turn scene, each with its own callback to the next scene.

Broken Temperature Gauge Event

Follow this picture for the general layout of the scene. Make sure to NOT hardcode the units in pixels, code the dimensions of anything on screen in terms of the height or width of the screen, just in case we decide to make it bigger or smaller:
image
69 nice

To close the issue make sure these things are done

  • Center all assets along the backing scene rectangle
  • Event scene does not overlap with the UI
  • Buttons actually change the stats object when pressed

The picture doesn't have buttons. Have 2 buttons: one that takes away the broken temp gauge, but you lose 1 spare part, and one that allows for the player to go to the next scene, but the temp gauge remains broken..

Low Temperature Event

Follow this picture for the general layout of the scene. Make sure to NOT hardcode the units in pixels, code the dimensions of anything on screen in terms of the height or width of the screen, just in case we decide to make it bigger or smaller:
image

To close the issue make sure these things are done

  • Center all assets along the backing scene rectangle
  • Create snowflake asset
  • Event scene does not overlap with the UI
  • Buttons actually change the stats object when pressed

The picture doesn't have buttons. Have 2 buttons: one that takes away the low temp, but you lose a canister of water, and one that allows for the player to go to the next scene.

Broken Command Panel Event

Follow this picture for the general layout of the scene. Make sure to NOT hardcode the units in pixels, code the dimensions of anything on screen in terms of the height or width of the screen, just in case we decide to make it bigger or smaller:
image

To close the issue make sure these things are done

  • Center all assets along the backing scene rectangle
  • Event scene does not overlap with the UI
  • Buttons actually change the stats object when pressed

The picture doesn't have buttons. Have 2 buttons: one that takes away the broken command panel, but you lose 2 spare parts, and one that allows for the player to go to the next scene but keep the broken command panel.

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.