Snippets about pixelart

7 snippets

Back to all snippets

  1. SNP133

    Export a sprite sheet from Aseprite's command line

    Put the export in a script so every save of the .aseprite file can rebuild the sheet.

    3 lines of sh in 2 blocks, 9 lines of explanation with 4 notes.

    #246 aseprite pixelart gamedev

  2. SNP129

    Crisp pixel art on a canvas

    The canvas smooths scaled sprites too. Turn it off, in two places.

    9 lines of js and css in 2 blocks, 6 lines of explanation.

    #513 js pixelart gamedev

  3. SNP111

    Sweetie 16 as CSS variables

    The palette this site is coloured with, ready to paste into a stylesheet.

    18 lines of css in 1 block, 6 lines of explanation.

    #25B css pixelart design

  4. SNP103

    Scale pixel art video without blur in ffmpeg

    Recording a 320 × 180 game and uploading it at 1080p without the smear.

    2 lines of sh in 2 blocks, 5 lines of explanation.

    #359 ffmpeg pixelart cmd

  5. SNP074

    Upscale pixel art with ImageMagick without blur

    Turn a 32 px sprite into a 256 px image where every pixel stays a square.

    2 lines of sh in 2 blocks, 7 lines of explanation.

    #52B imagemagick pixelart cmd

  6. SNP055

    Pixel-perfect settings in Godot 4

    The project settings that keep pixel art sharp when the window is scaled.

    9 lines of ini in 1 block, 13 lines of explanation with 5 notes.

    #539 godot gamedev pixelart

  7. SNP026

    Crisp pixel art in CSS

    Browsers smooth scaled images by default, which turns pixel art into mush. One line fixes it.

    3 lines of css in 1 block, 6 lines of explanation.

    #513 css pixelart