Cosmos

A spacetime educational Odyessey 🌠

Comment

Inspiration

I have been working with / Learning Github actions for a little while now and i noticed that either people don't know about Github Actions or don't know how to use or how they'll be helpful. So I wanted to make a game that teaches you about Actions and how to get started making your own workflows and integrate other action workflows into a sample project - all in a game to make the learning environment more fun and engaging vs looking at the documentation

What it does

Cosmos is an extension to the game TwilioQuest, which teaches users about Github actions while playing as an Operator of a spacecraft that emergency lands on in the cosmos galaxy. Your spaceship is destroyed and the only way to fix it is to complete the objectives and collect items for Mona Lisa (Octocat)

How i built it

To build the extension I used the Twilioquest extension API & the starter template for the extension. The Learning objectives that each player would have to complete were built in javascript and I made use of the Github REST API to validate if a person had the right Github account, named a folder or file correctly, and get the contents of a workflow file to validate, etc... The actual content of each objective was formatted in markdown to display to the user.

I used Tiled to Design the maps for the game and I got the majority of my tilesets & sprites from itch.io i utilized pixteller and imagekick to edit some sprites like the Ocotcat in the game

Challenges we ran into

This was my first time working with the Github REST API So I wasn't so sure if I could do everything i set out to plan since i was wasn't too experienced in nodeJS. Also, it was a challenge testing the game and debugging when tiles are rendered wrong or when objects are animating wrong in a short period of time. My laptop was also out to get me at the end of the hackathon.

Accomplishments that we're proud of

Really happy the is together and playable

What we learned

  • How to use the Github REST API in javascript
  • How to transform images to pixels

What's next for ☄ Cosmos ☄

  • Improvements to the design of the map
  • Conversation voiceovers
  • Adding more content for advance usage of Github/Actions
  • More event programming

Built With

Share this project:

Updates