Spacey Bois

Spacey Bois is a text-based adventure game.

Table Of Contents

• Description
• How It Works
• Example Code
• Technology Used
• Setting up for the Application
• Main Features
• Features in Progress
• Contact Information
• Link to Backend Repo

Description

Spacey Bois frontend is made with React-Redux and vanilla CSS. The game is based around a role-playing game called Scum and Villainy. It allows the user to create a character with a name and class type. Then the user is prompted with different options in order to advance the storyline. The storyline prompts are mostly generic but there is an example of one custom prompt showing what happens when a user makes an attack roll. At the end the player is given a score which is then add into the database and rendered on the /highscores route on the frontend.

How It Works

Spacey Bois

Example Code

   const prompt8and9AttackResponse = () => {
        if (diceResult === 6) {
            let optionValue1 = "Move the bodies"
            let optionValue2 = "Help Grips"
            if (playerWeapon === "Blaster" || playerWeapon === "Krieger Blaster Pistol") {
                let text = `You fire off a few precision rounds silencing the inspectors before they even move."\n Vapor: 'Wow check out the itchy finger on ${playerName}. I knew there was something about them I liked.'\n Nines: 'We need to get out of here before the station realizes what happened and closes the Jump Gate.\n ${playerName} can you put these bodies back on the Malklaith shuttle or help Grips clean up the Science Bay.'`
                let response = {
                    text: text,
                    optionValues: [optionValue1, optionValue2],
                    nextPrompt: [12, 13]
                }
                return response
            } else if (playerWeapon === "Psyblade") {
                let text = `You reveal your Psyblade and cut through the inspectors before they can even let out a sound."\n Vapor: 'Wow check out the itchy finger on ${playerName}. I knew there was something about them I liked.'\n Nines: 'We need to get out of here before the station realizes what happened and closes the Jump Gate.'\n ${playerName} can you put these bodies back on the Malklaith shuttle or help Grips clean up the Science Bay.'`
                let response = {
                    text: text,
                    optionValues: [optionValue1, optionValue2],
                    nextPrompt: [12, 13]
                }
                return response
            }.....
    }    

   determineHarmTaken = () => {
        let roll = this.roll6SidedDie()
        this.props.diceResult(roll)

        if (roll === 6) {
        } else if (roll === 5 || roll === 4) {
            this.setState((prevState) => {
                return {currentHarm: {
                    ...prevState.currentHarm,  
                    levelOne: prevState.currentHarm.levelOne + 1, 
                }}
            })
        } else {
            this.setState((prevState) => {
                return {currentHarm: {
                    ...prevState.currentHarm,  
                    levelTwo: prevState.currentHarm.levelTwo + 1, 
                }}
            })
        }
        this.setState({
            optionType: ""
        })
    }

Technology Used

• React-Redux
• CSS

Setting up for the application

To start the server run

    npm install

    npm start 

Main Features

• User can create a character with a name and class type
• User can play through a list of prompts that progress the storyline
• User can see the list of highscores

Features in Progress

• Enable users to save their game
• Transfer config.js to the backend

Contact Information

Kyle Trahan

Link to Backend Repo

https://github.com/ktrahan2/spacey-bois-backend