DEV Community: Precious Grace Deborah S. Manucom

✦ Solstice Valley — An Adventure of Light & Shadow

Precious Grace Deborah S. Manucom — Sun, 07 Jun 2026 17:50:32 +0000

This is a submission for the June Solstice Game Jam 2026.

What I Built

Solstice Valley is a browser-based pixel-art action RPG built entirely inside a single HTML file using HTML5 Canvas and vanilla JavaScript.

The game takes place in a valley where the balance between day and night has been disrupted. Players explore the world, interact with villagers, complete quests, collect Sun and Moon Fragments, battle shadow creatures, and ultimately defeat the ancient Shadow Boss to restore harmony.

Play it here: https://debb1ie.github.io/Soltice-Valley-Drop/

The core theme of the game revolves around light and shadow, reflected through a dynamic day/night cycle that continuously transforms the environment. During the day, the valley feels vibrant and safe. At night, stars emerge, lanterns glow, shadows deepen, and hidden dangers become more prominent.

My goal was to create a complete RPG experience while embracing an additional challenge: building everything in a single self-contained HTML file with zero dependencies.

Key Features

Dynamic 60-second day/night cycle
Responsive controls for desktop, tablet, and mobile
Quest-driven progression system
Multiple NPCs with evolving dialogue
Combo-based combat mechanics
Dash system with invincibility frames
Shadow Wisp enemies and a multi-phase boss fight
Leveling, XP, and item drops
Particle effects and screen shake
Fully playable offline

Video Demo

(Add your gameplay video here)

Recommended footage:

Intro showing the day/night transition
Quest progression with Elder Mira
Collecting Sun and Moon Fragments
Combat against Shadow Wisps
Boss battle Phase 1 and Phase 2
Victory sequence and fireworks finale

Code

The entire project is contained in a single HTML file.

Repository:

https://github.com/yourusername/solstice-valley

Tech Stack

HTML5 Canvas
Vanilla JavaScript
CSS
No frameworks
No build tools
No external libraries

Project structure:

solstice-valley/
└── index.html

How I Built It

The game uses a custom-built engine powered by a single HTML5 Canvas element.

Core Architecture

requestAnimationFrame()
├── update(dt)
│   ├── Player movement
│   ├── Collision detection
│   ├── Quest progression
│   ├── Enemy AI
│   ├── Boss logic
│   ├── Fragment collection
│   └── Particle updates
└── drawGame(t)
    ├── Day/night sky rendering
    ├── Tile map rendering
    ├── Character sprites
    ├── Effects and particles
    └── UI and overlays

Interesting Design Decisions

Single-File Architecture

I wanted the game to be instantly shareable and easy to inspect. Anyone can open the file in a browser and immediately play, modify, or learn from it without installing dependencies.

Fixed Internal Resolution

The game renders at a logical resolution of 480×320 and scales up using CSS. This preserves crisp pixel-art visuals while remaining responsive across different screen sizes.

Dynamic Day/Night System

One of the most important features was the day/night cycle. The sky transitions through dawn, noon, dusk, and midnight while dynamically rendering:

Sun and moon movement
Color-shifting skies
Star fields
Night fog
Lantern glow effects

This mechanic directly supports the jam theme by constantly shifting the balance between light and darkness.

Responsive Controls

Touch devices automatically switch to an on-screen D-pad and action buttons using JavaScript touch detection, allowing the same codebase to work seamlessly across desktop and mobile devices.

Lightweight World Design

The world is represented as a simple 2D tile array. This made it easy to build the map while keeping the code readable and easy to modify.

Challenges

One of the biggest challenges was fitting a complete RPG experience into a single file while still maintaining:

Readable code structure
Responsive gameplay
Quest progression
Combat mechanics
Enemy AI
Visual effects

Balancing simplicity with feature depth required careful organization and constant iteration.

What I'm Most Proud Of

The feature I'm most proud of is the dynamic day/night cycle.

Rather than acting as a simple visual filter, it changes the atmosphere of the world throughout gameplay and reinforces the game's central theme of restoring balance between light and shadow.

I'm also proud that the entire game runs from a single HTML file without sacrificing features like combat, quests, particle effects, leveling, boss phases, and mobile support.

Future Improvements

Planned additions include:

Sound effects and chiptune soundtrack
Save/load functionality using localStorage
Additional map areas
Inventory and equipment systems
More boss encounters
Multiplayer co-op support
Mobile haptic feedback

Prize Category

Best Overall Game

Solstice Valley combines exploration, questing, combat, progression systems, responsive controls, and a dynamic world into a complete browser-based RPG experience.

Best Theme Interpretation

The game's central mechanic is the balance between light and shadow. The day/night cycle is woven directly into the gameplay, atmosphere, story, and visual presentation.

Thank you for playing Solstice Valley.

"The valley shines bright once more."

LongUnlimitedReader: Unlimited Text, Zero Accounts, Instant Audio

Precious Grace Deborah S. Manucom — Sat, 06 Jun 2026 17:29:42 +0000

This is a submission for the GitHub Finish-Up-A-Thon Challenge

What I Built

It started with a frustration most people probably recognize but never think to solve.

I had a long article open. Research material, the kind that runs fifteen pages and demands your full attention. I also had dishes to wash, laundry to fold, and a walk I had been putting off. The article sat there, patient and unread, while the rest of my life waited on the other side of the screen.

I looked for something that would just read it to me. Something simple: paste the text, press play, and walk away. Everything I found either had a character limit, required an account, wanted me to upload a file, or produced audio that sounded like it was being read by a machine that had never encountered a human sentence before.

So I built it myself.

LongUnlimitedReader is a browser-based voice reader. You paste any amount of text, an article, a research paper, a chapter, anything, and it reads it back to you out loud. No character cap. No account. No file upload. No server. Everything runs in the browser using the Web Speech API, which means your text stays on your device and playback is instant.

That is the whole idea. The student who needs to get through fifty pages of dense material before tomorrow. The researcher has a stack of papers and not enough hours. Anyone who learns better through listening, or who simply needs their eyes and hands free while their brain keeps working. This was built for them.

GitHub Repository

Demo

To run it locally:

npm install
npm run dev

Or try the deployed version directly:

https://flutter-delta-silk.vercel.app/

The Comeback Story

The first version was finished in February and then quietly forgotten.

Not abandoned, forgotten. There is a difference. Abandoning something means you made a decision. This one just drifted to the back of the repository list, behind newer projects and more urgent things, the way drafts do when you are not quite ready to call them done but not motivated enough to push them forward.

Then I came across the Finish-Up-A-Thon challenge, and I recognized it immediately. This was the project. The one sitting in a tab I never fully closed.

I went back and looked at it with fresh eyes. The core worked. Paste text, press play, and hear it read back. That part was solid. But it was also the only part. The interface was rough around the edges in ways I had stopped noticing. It needed a proper shape before it could be something I was willing to hand to someone else.

So I came back to it. Cleaned up the code, tightened the UI, and made the experience feel intentional rather than assembled in a hurry. The voice reader that started as a weekend solution to a personal frustration finally became the thing I had pictured when I first started building it.

It still does one thing. It reads your text to you. It does that one thing without limits, without friction, and without asking anything from you in return.

My Experience with GitHub Copilot

I have been writing code long enough to know the parts I find tedious: the repetitive structural work, the boilerplate that has to exist but teaches you nothing by writing it. Copilot handled a lot of that.

Where it genuinely helped was in the places where I knew the shape of what I wanted but did not want to spend time writing it out by hand. It understood the context quickly and kept up with the direction I was already moving in. That kept the momentum going during the parts of the project that could have easily stalled.

Where I stayed careful was anywhere the correctness mattered in ways that were not obvious from the surface. The Web Speech API has browser-specific behavior that Copilot did not always account for. I learned to treat its suggestions as a strong first draft and verify the parts that touched real API behavior.

The honest version is that it felt like pair programming with someone fast and well-read who occasionally needed to be corrected. For a project like this, that was exactly what I needed to get it finished.