- Blog
- Wplace Blue Marble: Quick Pixel Art on wplace.live
Wplace Blue Marble: Quick Pixel Art on wplace.live
Welcome to the ultimate guide for creating pixel art quickly and efficiently on wplace.live using Blue Marble! If you've ever wanted to create stunning pixel art without the hassle of constantly switching between tabs or struggling with alignment, Blue Marble is the perfect tool for you.
What is Blue Marble?
Blue Marble is a powerful userscript designed specifically for wplace.live, a collaborative pixel art platform. This innovative tool allows you to overlay template images directly onto the canvas, making pixel art creation faster, more accurate, and significantly more enjoyable.
Think of Blue Marble as your digital tracing paper – it lets you place your reference image directly on top of the canvas, so you can easily follow your design without constantly looking back and forth between multiple windows.
Key Features That Make Pixel Art Creation a Breeze
Blue Marble comes packed with features designed to streamline your creative process:
Template Overlay System
- Direct Image Overlay: Upload PNG or WEBP images and overlay them directly onto the canvas
- Perfect Alignment: Use the coordinate system to position your template exactly where you want it
- Transparent Pixel Support: Handle transparent areas in your templates intelligently
Enhanced User Interface
- Level Progress Display: See exactly how many pixels you need to level up
- Coordinate System: View both tile coordinates and pixel coordinates for precise placement
- Movable Color Palette: Relocate the color palette to the top of the screen for easier access
- Eyedropper Tool: Sample colors directly from your template image (when colors match the palette)
Smart Color Handling
- Free Colors Only Mode: Option to use only free colors for budget-conscious artists
- Color Matching: Intelligent color matching between your template and the available palette
- Transparent Color Support: Special handling for the "Transparent" color using the
#deface
hex code
Installation Guide
Blue Marble works on multiple browsers and has been verified to work on mobile devices too!
Supported Browsers
✅ Fully Supported: Chrome, Safari, Edge, Brave
⚠️ Partially Supported: Firefox (some versions work, others don't), Kiwi, Vivaldi
Chrome Installation (Recommended)
- Install the TamperMonkey extension from the Chrome Web Store
- Right-click the TamperMonkey extension icon and select "Manage Extension"
- Enable "Developer Mode" in the extension settings
- Enable "Allow user scripts"
- One-click install: Click Install Blue Marble and TamperMonkey will automatically detect and install the userscript
- Refresh the wplace.live webpage
Firefox Installation
- Install the TamperMonkey add-on for Firefox
- Click Install Blue Marble for one-click installation
- Refresh the wplace.live webpage
Edge Installation
- Install TamperMonkey for Edge
- Enable "Developer Mode" in extension settings
- Download the BlueMarble.user.js file from the latest release
- Open TamperMonkey Dashboard and drag the file into it
- Click "Install" and enable Blue Marble
- Refresh the wplace.live webpage
Setting Up Your First Template
Getting your template ready is straightforward once you understand the coordinate system:
Step 1: Prepare Your Image
- Use PNG or WEBP format for best results
- Your template will display at actual size (500x300 pixel image = 500x300 pixel template)
- For transparent areas: use actual transparency for ignored pixels
- For "Transparent" color pixels: use the special
#deface
hex color
Step 2: Find Your Coordinates
- Navigate to where you want to place your template on wplace.live
- Click on the top-left corner pixel where your template should start
- Note the coordinates shown by Blue Marble:
- Tile Coordinates (Tl X, Tl Y): The tile number
- Pixel Coordinates (Px X, Px Y): The position within that tile
Step 3: Configure the Template
- In the Blue Marble interface, fill in the coordinates:
- Enter the Tile X and Y coordinates
- Enter the Pixel X and Y coordinates
- Or use the "Pin" icon to auto-fill after clicking a pixel
- Upload your prepared image file
- Click "Enable" to activate the template overlay
Quick Painting Tips and Best Practices
Efficient Workflow
- Plan Your Canvas Area: Choose a less crowded area for easier painting
- Use the Coordinate Display: Keep track of your position with the built-in coordinate system
- Leverage the Eyedropper: Sample colors directly from your template when possible
- Move the Color Palette: Relocate it to the top for easier access during intensive painting sessions
Template Optimization
- Size Matters: Start with smaller templates to get familiar with the process
- Color Preparation: Pre-process your images to match wplace.live's available colors
- Transparency Strategy: Use transparency wisely to allow existing artwork to show through
Community Collaboration
- Respect Others' Work: Don't paint over existing artwork without permission
- Join the Community: Connect with other artists through the Discord server
- Share Your Creations: Show off your Blue Marble-assisted artwork!
Understanding the Coordinate System
wplace.live uses a unique coordinate system that's different from traditional image coordinates:
Tile-Based System
- The canvas is divided into tiles
- Each tile contains multiple pixels
- You need both tile coordinates AND pixel coordinates to locate any specific pixel
Reading Coordinates
When you click on any pixel with Blue Marble installed, you'll see:
- Tile Coordinates: Which tile you're in
- Pixel Coordinates: Your position within that tile
This system is essential for precise template alignment!
Frequently Asked Questions
Is Blue Marble safe to use?
Yes! Blue Marble is open-source software. You can review the code in the src/
folder of the GitHub repository to verify its safety.
Can Blue Marble place pixels automatically?
No, Blue Marble requires user interaction for all pixel placement. It's designed as an assistance tool, not an automation tool.
How do I hide the overlay temporarily?
Simply disable the userscript in TamperMonkey and refresh the page.
Why aren't my template colors matching?
Make sure your template image uses colors that match wplace.live's available palette, or use the eyedropper tool to sample correct colors.
Can I use Blue Marble on mobile?
Yes! Blue Marble has been verified to work on mobile devices, though the experience may vary depending on your mobile browser.
Getting Help and Support
Community Resources
- Discord Server: Join the Blue Marble support community for real-time help
- GitHub Discussions: Visit the Q&A section for detailed questions
- Bug Reports: Report issues through GitHub Issues
Contributing
Interested in improving Blue Marble? Check out the contributing guidelines to get started!
Conclusion
Blue Marble transforms the pixel art creation experience on wplace.live from a tedious back-and-forth process into a smooth, enjoyable creative workflow. Whether you're a beginner looking to create your first pixel art or an experienced artist wanting to work more efficiently, Blue Marble provides the tools you need to bring your vision to life.
Ready to start creating? Install Blue Marble today and discover how much faster and more enjoyable pixel art can be!
Blue Marble is developed by SwingTheVine and is licensed under the Mozilla Public License Version 2.0. The "Blue Marble" Earth image is courtesy of NASA and is licensed under Creative Commons 0 1.0 Universal.