Skip to content

Latest commit

 

History

History
200 lines (151 loc) · 5.95 KB

File metadata and controls

200 lines (151 loc) · 5.95 KB

🎨 ARTISTS GUIDE

For those who create with eyes and heart.

╔═══════════════════════════════════════════════════════════════════════════╗
║                                                                           ║
║   "Code is poetry, but art is the soul."                                  ║
║                                                                           ║
╚═══════════════════════════════════════════════════════════════════════════╝

🌟 Why Artists on GitHub?

GitHub is not just for programmers. It is for creators.

In enjoy, art:

  • Lives in the repository forever
  • Can be interactive (animated SVGs!)
  • Can react to game state
  • Becomes part of the collective story

🎯 How to Contribute Art

1. Static Art (Easy)

Images, illustrations, logos.

Accepted formats:

  • SVG (preferred - scalable!)
  • PNG (with transparency)
  • GIF (simple animations)

How to do it:

  1. Create your artwork
  2. Fork the repository
  3. Add to art/gallery/your_username/
  4. Open PR with label art

2. Generative Art (Medium)

SVGs that change based on variables.

<!-- Example: circle that changes color based on karma -->
<svg viewBox="0 0 100 100">
  <style>
    @keyframes pulse {
      0%, 100% { opacity: 0.5; }
      50% { opacity: 1; }
    }
    .karma-circle { animation: pulse 2s infinite; }
  </style>
  <circle class="karma-circle" cx="50" cy="50" r="40" fill="url(#karma-gradient)"/>
  <defs>
    <linearGradient id="karma-gradient">
      <stop offset="0%" stop-color="#8b5cf6"/>
      <stop offset="100%" stop-color="#ec4899"/>
    </linearGradient>
  </defs>
</svg>

3. Procedural Art (Advanced)

Art generated by GitHub Actions workflows.

Existing examples:

  • assets/svg/karma-pulse.svg - Pulses with state
  • assets/svg/level-progress.svg - Shows progress
  • assets/svg/celebration-*.svg - Achievement celebrations

🎨 Themes and Style

Official enjoy Palette

Name Hex Use
Void Purple #1a0a2e Main background
Karma Violet #8b5cf6 Positive actions
Energy Pink #ec4899 Achievements
Success Green #22c55e Completion
Warning Gold #eab308 Bounties
Dawn Orange #f97316 Streaks

Mood

  • Cosmic - Space, stars, void
  • Organic - The repo "breathes"
  • Playful - But not childish
  • Inclusive - For everyone
  • Mysterious - There is always something to discover

🏆 Opportunities for Artists

Active Bounties

Look for issues with labels art + bounty:

  • Game logo
  • Achievement badges
  • Level illustrations
  • GitHub Pages banners

Open Projects

Project Description Difficulty
Achievement Icons 30+ icons for achievements 🟡 Medium
Level Banners 100 banners (one per level) 🔴 Epic
Character Design Mascots/characters 🟡 Medium
Animated Logo Animated SVG logo 🟢 Easy
GitHub Pages Theme Complete design 🔴 Advanced

📁 Art Folder Structure

art/
├── gallery/          # Contributor art
│   └── username/     # Your personal folder
├── official/         # Official game art
├── generated/        # Workflow-generated art
└── assets/           # Reusable assets

🔧 Recommended Tools

For SVG

  • Figma (free) - Export to SVG
  • Inkscape (open source) - Powerful SVG editor
  • Boxy SVG - Online editor

For Animations

  • Lottie - JSON animations
  • CSS Animations - Inside SVG
  • SMIL - Native SVG animations

For Generative Art

  • p5.js - If you know JavaScript
  • Processing - Visual coding
  • Python + svgwrite - Programmatic generation

💜 Credit and Recognition

Every artist receives:

  1. Credit in the file - Your name in the SVG/PNG
  2. Credit in README - Contributors section
  3. Karma bonus - +20 for approved art
  4. Special badge - "Artist" on your player profile
  5. Personal gallery - Your folder in art/gallery/

📜 Art License

All art in enjoy is under CC BY-SA 4.0:

  • ✅ Anyone can use it
  • ✅ Anyone can modify it
  • ✅ Must give credit
  • ✅ Must use same license

💡 Ideas We Are Looking For

  • 🌌 Void visualizations - What does "nothing" look like before the game starts?
  • 🎭 Mascot - A character that represents enjoy
  • 🏅 Unique badges - For special achievements
  • 🌈 Inclusive art - That represents EVERYONE
  • Micro-animations - Small details that make everything alive

╔═══════════════════════════════════════════════════════════════════════════╗
║                                                                           ║
║   "Art is not what you see,                                               ║
║    but what you make others see."                                         ║
║                                        - Edgar Degas                      ║
║                                                                           ║
║   "In enjoy, art is what we build together."                              ║
║                                                                           ║
╚═══════════════════════════════════════════════════════════════════════════╝

You do not need to be "good". You just need to want to create.

The void awaits your art. 🎨💜