A minimalist, high-performance web application to create custom Minecraft-style achievement (advancement) images. Built with modern web standards and optimized for high-resolution output.
- High Resolution: Generates crisp images at 1000x221 pixels, perfect for video editing.
- Official Assets: Uses a comprehensive library of local Minecraft item textures (PNG and WebP).
- Searchable Icon Grid: Quickly find icons through a grid with real-time filtering.
- Custom Textures: Don't see the icon you need? Upload your own texture directly from your computer (this will be used locally).
- Text Customization:
- Separate fields for Top and Bottom text.
- Official Minecraft color presets (Yellow, Gold, Red, Aqua, etc.).
- Custom HSV/RGB color picker.
- Dual Themes: Fully integrated Dark Mode (deep black) and Light Mode with persistence (saves to local storage).
- Vercel Ready: Pre-configured for instant deployment using Vite and NPM.
- Frontend: Vanilla JavaScript (ES Modules)
- Graphics: HTML5 Canvas API (High-DPI rendering)
- Styles: Modern CSS3 with Variables (Theme-aware)
- Build Tool: Vite
- Deployment: Optimized for Vercel
-
Clone the repository:
git clone https://github.com/your-username/AdvancementGenerator.git cd AdvancementGenerator -
Install dependencies:
npm install
-
Run in development mode:
npm run dev
-
Build for production:
npm run build
public/assets/icons2/: Local directory containing official item sprites.src/items.js: Dynamically generated list of available items and extensions.index.html: The core application structure and Canvas logic.styles.css: Theme-aware styling and responsive layout.
Developed with ❤️ by:
This project is licensed under the ISC License - feel free to use it for your own projects!
Note: This project is not affiliated with Mojang or Microsoft.