# Project export: Udder Anxiety Attack

This document was generated by HackStack to give an AI agent context about a hackathon project. Sections are labeled with their provenance; content marked as truncated was cut to keep this document small.

## Project metadata

- Hackathon: CruzHacks 2025
- Tagline: Ever felt anxious? Nervous to talk, worrying about how you look, or rotting in bed too much? Well, so has Patricia. Guide Patricia through the obstacles of daily life we all face and come out stronger
- Devpost: https://devpost.com/software/udder-anxiety-attack
- GitHub: https://github.com/suaviloquence/udderanxietyattech
- Demo: https://udderanxietyat.tech/
- Team: 2 GitHub contributor(s) — m (25 commits), teahibiscus (22 commits)

## Devpost submission (written by the team)

### Inspiration

As students in university, we know how hard it can be to feel mentally well while life never ceases to throw challenges at you-- we know that it can be hard to even complete everyday tasks and take care of ourselves! Our game stems from our own experiences, and we hope it encourages people to keep trying their best.

### What it does

Udder Anxiety Attack is a first person game where you play as Patty, who struggling with her mental health and the pressures of daily life. Players will complete fast-paced mini-games to help Patty complete her to-do list of things to take care of herself and her mental health, and eventually face her fears!

### How we built it

The game was built on HTML running on JavaScript, all assets were designed and rendered in Medibang Paint Pro.

### Challenges we ran into

The time constraint set an immediate challenge, and the hurdles associated with building a game without a game engine. We had to build up everything from the ground up, which proved to be a huge time sink and required a lot of self learning.

### Accomplishments we're proud of

We built a series of multiple mini games into our project, and they are all unique. Almost all the assets of the game, including the original characters and sprites, were created by us in Medibang Paint Pro.

### What we learned

We learned how to navigate and build a game using Low Level Canvas APIs, and how to create a video game without using an engine. Also gained experience and strengthened skills in creating assets and sprites for a game (learned how to do pixel art)!

### What's next

We want to improve the game and develop the storyline, create all remaining assets and include more characters, update the existing pattern mini-game pace, and include sprite animations to make the game experience more interactive and engaging.

## README (from the GitHub repository)

No README available.

## Detected evidence (automated analysis)

Indexed codebase: 3 recognized source files, 53 KB.
- CSS (language) — detected in the code
- HTML (language) — detected in the code
- JavaScript (language) — detected in the code

## Codebase structure (from repository index)

### Files (5 of 5)

```
assets/Underdog/OFL.txt
CNAME
game.js
index.html
style.css
```

### Dependencies

No dependency index available.

### Recent commits (newest first)

- final push
- Merge pull request #7 from suaviloquence/sritha's-games
- mini changes
- what we got for now
- whatever
- please please please
- good?
- Merge branch 'main' into sritha's-games
- the pattern boss game is somewhat working
- umm
- loop
- srithas games
- crying adn sobbing doin gda boss rn
- completed the prompting thingie
- polishes
- Merge branch 'main' into sritha's-games
- hoping i fixed something help
- the real merge
- Merge pull request #6 from suaviloquence/sritha's-games
- Merge branch 'main' into sritha's-games

## Key source files (fetched from GitHub, selected and truncated for size)

### index.html

```html
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>mh</title>
        <!-- TODO: favicon -->
        <script src="game.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
        <div id="container">
            <canvas id="game" width="720" height="720" tabindex="1"></canvas>
            <div id="prompt"></div>
        </div>
        <div id="right">
            <h2 id="timer">4</h2>
            <div id="todo-cnt">
                <h2>Things to do:</h2>
                <ul id="todo">
                    <li class="ip">Get out of bed</li>
                    <li>Pick something cute to wear</li>
                    <li>Eat something</li>
                    <li>Clean up my room</li>
                    <li>See some friends</li>
                    <li>Order.. coffee</li>
                </ul>
            </div>
        </div>
    </body>
</html>

```

### style.css

```css
body {
    background: #9cafb7;
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Underdog", sans-serif;
    box-sizing: border-box;
    padding: 50px;
}
#container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#game {
    border: 5px solid #a5be00;
    margin: auto;
}

#prompt {
    width: 720px;
    box-sizing: border-box;
    padding: 10px;
    border: 5px solid #4281a4;
    background-color: #064789;
    height: 10%;
    text-align: center;
    align-content: center;
    color: #ebf2fa;
}

#right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 500px;
    background: #fe938c;
    border: 5px solid #ebf2fa;
    padding: 20px;
    height: 80%;
    box-sizing: border-box;
}


@font-face {
    font-family: "Underdog";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("assets/Underdog/Underdog-Regular.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
        U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

```