49 lines
1.2 KiB
Markdown
49 lines
1.2 KiB
Markdown
# LUNA-1: Pink Unicorn Game — Project Scaffolding
|
|
|
|
Starter project for Mackenzie's Pink Unicorn Game built with **p5.js 1.9.0**.
|
|
|
|
## Quick Start
|
|
|
|
```bash
|
|
cd luna
|
|
python3 -m http.server 8080
|
|
# Visit http://localhost:8080
|
|
```
|
|
|
|
Or simply open `luna/index.html` directly in a browser.
|
|
|
|
## Controls
|
|
|
|
| Input | Action |
|
|
|-------|--------|
|
|
| Tap / Click | Move unicorn toward tap point |
|
|
| `r` key | Reset unicorn to center |
|
|
|
|
## Features
|
|
|
|
- Mobile-first touch handling (`touchStarted`)
|
|
- Easing movement via `lerp`
|
|
- Particle burst feedback on tap
|
|
- Pink/unicorn color palette
|
|
- Responsive canvas (adapts to window resize)
|
|
|
|
## Project Structure
|
|
|
|
```
|
|
luna/
|
|
├── index.html # p5.js CDN import + canvas container
|
|
├── sketch.js # Main game logic and rendering
|
|
├── style.css # Pink/unicorn theme, responsive layout
|
|
└── README.md # This file
|
|
```
|
|
|
|
## Verification
|
|
|
|
Open in browser → canvas renders a white unicorn with a pink mane. Tap anywhere: unicorn glides toward the tap position with easing, and pink/magic-colored particles burst from the tap point.
|
|
|
|
## Technical Notes
|
|
|
|
- p5.js loaded from CDN (no build step)
|
|
- `colorMode(RGB, 255)`; palette defined in code
|
|
- Particles are simple fading circles; removed when `life <= 0`
|