hazelmoth / wcss

It's really quite ridiculous.

---

Winning Colors Splish Splash

The unofficial official Hacktoberfest Horse.

Check it out for yourself

---

Roadmap / Todo

Note: You can also check the "Issues" tab to see things that need to be done that are not on this list.

We are blown away at the response this project has received from Hacktoberfest. Thank you to all who have contributed thus far! We wanted to provide a roadmap for the vision we have for Winning Colors Splish Splash project.

Big Picture

The goal for this project is to learn more about open source and have fun along the way. Our vision for this project is to have a landing page where people can interact with the horse in various ways. This functionality exists today. He can "eat" an apple or carrots. The user can clean up his messes. The user can also decided what the weather is in "Straw Town".

Our future path and vision is to have the horse playable as a 2D character in a javascript web game. We want to include a fun and intriguing story-line. We don't know exactly where this will go yet but with the power of open source, we can't wait to find out.

Our goal is to continue this project even after Hacktoberfest is over.

Phase 1

Start Page

• Landing page where user can interact with horse in different ways.
• Soundtrack
• Add weather options
• Turn horse into SVG
• Dark Mode / Light Mode based on time of day
• Horse interacts with you by winking when you hit "spacebar"
• Give the horse rainboots during the "rainy weather" mode
• Give the horse a scarf and hat for "winter weather" mode
• Have the horse neigh when given any of the fruits/veggies
• Give the horse the ability to eat some hay

Phase 2

Single pane game - foundation

• Create a clever way to switch between game mode and start page. Make it feel like entering a game.
• Create a 2D canvas where the horse can move around.
• You can control the horse via arrow buttons
• Make the horse trot/gallop with the arrow buttons
• Generate random apples on the canvas for the horse to pick up and eat
• Add a fenced area onto the canvas where the horse can "live".
• Make constraints where items or the horse are contained within the canvas
• Add some bushes and trees to the map / Generate a map layout of the canvas

Phase 3

Expanding game to multiple quadrants

• Add 4 quadrants to each side of the standard canvas size and add constraints to the edges of those quadrants.
• Add path between quadrants so you can visit each quadrant
• Add constraints to the horse and items so they never overlap each other. Example: Horse shouldn't be able to walk over trees or fences.
• Populate quadrants with objects. Here is an image to reference for a visual.

Phase 4

Storyline Creation

• TBD

Phase 5

Server Side Functionality Implementation

• TBD

Checkbox Tip: Do add 'x' in square brackets to show the checkbox. eg. [x]

Contribution

Please check out our Contribution Guide for more information on getting started.