Skip to content

[Project] Procedural Pixel Art Sprite Generator & Animator #456#458

Merged
cu-sanjay merged 1 commit into
cu-sanjay:mainfrom
MistryVishwa:add-procedural-sprite-generator
Jun 12, 2026
Merged

[Project] Procedural Pixel Art Sprite Generator & Animator #456#458
cu-sanjay merged 1 commit into
cu-sanjay:mainfrom
MistryVishwa:add-procedural-sprite-generator

Conversation

@MistryVishwa

Copy link
Copy Markdown
Contributor

Issue No : #456

🚀 Project : Procedural Sprite Generator & Pixel Art Studio

📝 Description

This PR introduces Procedural Sprite Generator & Pixel Art Studio, an interactive web-based pixel art creator and procedural asset generator. It leverages cellular automata and symmetric random noise to automatically spawn retro-themed sprites (e.g., alien invaders, spaceships, swords, shields) and animate them using a step-by-step pixel grid timeline.

🌟 Key Features

  • Interactive Grid Canvas: Multi-resolution support (8x8, 16x16, 32x32) with live symmetry mirroring options (horizontal, vertical, radial, none).
  • Editor Tools: Brush paint, eraser, and flood fill bucket.
  • Procedural Engine: Generates symmetric sprites based on customizable rulesets and seeded random algorithms (LCG).
  • Seeded Randomness: Fully reproducible seed inputs for recreating identical sprites.
  • Timeline Animator: Multi-frame creator with real-time preview playback and an adjustable FPS slider (1–24 FPS).
  • Asset Exporter: Generates compiled horizontal PNG sprite sheets and copy-to-clipboard CSS @keyframes code.

🛠️ Scope of Changes

All modifications are strictly isolated within the new project folder to adhere to the PR workflow constraints:

  • Projects/Procedural Sprite Generator/index.html - Responsive workspace layout
  • Projects/Procedural Sprite Generator/style.css - Vibrant dark/light theme styling with glassmorphism
  • Projects/Procedural Sprite Generator/script.js - Procedural algorithms, drawing matrix, timeline animator
  • Projects/Procedural Sprite Generator/thumbnail.svg - Pixel art vector thumbnail
  • Projects/Procedural Sprite Generator/project.json - Project metadata structure
  • Projects/Procedural Sprite Generator/README.md - Complete documentation
image

@github-actions

Copy link
Copy Markdown
Contributor

PR failed checks: Changes must be limited to a single new project folder under Projects/. Do not modify the root project.json or files outside the new folder.

@vercel

vercel Bot commented Jun 11, 2026

Copy link
Copy Markdown

@MistryVishwa is attempting to deploy a commit to the SanZ's projects Team on Vercel.

A member of the Team first needs to authorize it.

@MistryVishwa MistryVishwa force-pushed the add-procedural-sprite-generator branch from bfc89a5 to 9410f14 Compare June 11, 2026 17:46
@github-actions github-actions Bot added level3 NSoC'26 Contribution Level 3. NSoC'26 Issue eligible for NSoC '26. NSoC'26 Accepted PR Accepted. labels Jun 11, 2026
@github-actions

Copy link
Copy Markdown
Contributor

Great work and contribution, will be merged soon as NSoc 2026 contribution.

@MistryVishwa

Copy link
Copy Markdown
Contributor Author
image I have added the new project and submitted the Pull Request. Please review it and merge it. Thank you for your time and support! @cu-sanjay

@vercel

vercel Bot commented Jun 12, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
web-dev-projects Ready Ready Preview, Comment, Open in v0 Jun 12, 2026 1:26am

@cu-sanjay cu-sanjay merged commit a625421 into cu-sanjay:main Jun 12, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

level3 NSoC'26 Contribution Level 3. NSoC'26 Accepted PR Accepted. NSoC'26 Issue eligible for NSoC '26.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants