pixel-arts / index.html
Saad4web's picture
add this blocks Easily findable blocks (more or less, depending on biome and luck) Select/deselect all Clay / Bloc d'argile / Ton Clay / Bloc d'argile / Ton Jungle log / Bûche d'acajou / Tropenbaumstamm Jungle log / Bûche d'acajou / Tropenbaumstamm Birch log / Bûche de bouleau / Birkenstamm Birch log / Bûche de bouleau / Birkenstamm Oak log / Bûche de chêne / Eichenstamm Oak log / Bûche de chêne / Eichenstamm Spruce log / Bûche de sapin / Fichtenstamm Spruce log / Bûche de sapin / Fichtenstamm Pumpkin (side view) / Citrouille (de côté) / Kürbis (Seitenansicht) Pumpkin (side view) / Citrouille (de côté) / Kürbis (Seitenansicht) Carved pumpkin (front view) / Citrouille sculptée (de face) / Geschnitzter Kürbis (Vorderseite) Carved pumpkin (front view) / Citrouille sculptée (de face) / Geschnitzter Kürbis (Vorderseite) Jack o'Lantern (front view) / Citrouille-lanterne (de face) / Kürbislaterne (Vorderseite) Jack o'Lantern (front view) / Citrouille-lanterne (de face) / Kürbislaterne (Vorderseite) Stone slab (side view) / Dalle de pierre (de côté) / Steinstufe (Seitenansicht) Stone slab (side view) / Dalle de pierre (de côté) / Steinstufe (Seitenansicht) Gravel / Gravier / Kies Gravel / Gravier / Kies Sandstone (side view) / Grès (de côté) / Sandstein (Seitenansicht) Sandstone (side view) / Grès (de côté) / Sandstein (Seitenansicht) Smooth sandstone / Grès lisse / Glatter Sandstein Smooth sandstone / Grès lisse / Glatter Sandstein Chiseled sandstone (side view) / Grès sculpté (de côté) / Gemeißelter Sandstein (Seitenansicht) Chiseled sandstone (side view) / Grès sculpté (de côté) / Gemeißelter Sandstein (Seitenansicht) White wool / Laine blanche / Weiße Wolle White wool / Laine blanche / Weiße Wolle Blue wool / Laine bleue / Blaue Wolle Blue wool / Laine bleue / Blaue Wolle Light blue wool / Laine bleu clair / Hellblaue Wolle Light blue wool / Laine bleu clair / Hellblaue Wolle Cyan wool / Laine cyan / Türkise Wolle Cyan wool / Laine cyan / Türkise Wolle Gray wool / Laine grise / Graue Wolle Gray wool / Laine grise / Graue Wolle Light gray wool / Laine gris clair / Hellgraue Wolle Light gray wool / Laine gris clair / Hellgraue Wolle Yellow wool / Laine jaune / Gelbe Wolle Yellow wool / Laine jaune / Gelbe Wolle Lime wool / Laine vert clair / Hellgrüne Wolle Lime wool / Laine vert clair / Hellgrüne Wolle Magenta wool / Laine magenta / Magenta Wolle Magenta wool / Laine magenta / Magenta Wolle Brown wool / Laine marron / Braune Wolle Brown wool / Laine marron / Braune Wolle Purple wool / Laine violette / Violette Wolle Purple wool / Laine violette / Violette Wolle Black wool / Laine noire / Schwarze Wolle Black wool / Laine noire / Schwarze Wolle Orange wool / Laine orange / Orange Wolle Orange wool / Laine orange / Orange Wolle Pink wool / Laine rose / Rosa Wolle Pink wool / Laine rose / Rosa Wolle Red wool / Laine rouge / Rote Wolle Red wool / Laine rouge / Rote Wolle Green wool / Laine verte / Grüne Wolle Green wool / Laine verte / Grüne Wolle Gold ore / Minerai d'or / Golderz Gold ore / Minerai d'or / Golderz Snow block / Bloc de neige / Schneeblock Snow block / Bloc de neige / Schneeblock Melon (side view) / Pastèque (de côté) / Melone (Seitenansicht) Melon (side view) / Pastèque (de côté) / Melone (Seitenansicht) Cobblestone / Pierre / Bruchstein Cobblestone / Pierre / Bruchstein Jungle planks / Planches d'acajou / Tropenholzbretter Jungle planks / Planches d'acajou / Tropenholzbretter Birch planks / Planches de bouleau / Birkenholzbretter Birch planks / Planches de bouleau / Birkenholzbretter Oak planks / Planches de chêne / Eichenholzbretter Oak planks / Planches de chêne / Eichenholzbretter Spruce planks / Planches de sapin / Fichtenholzbretter Spruce planks / Planches de sapin / Fichtenholzbretter Stone / Roche / Stein Stone / Roche / Stein Sand / Sable / Sand Sand / Sable / Sand Dirt / Terre / Erde Dirt / Terre / Erde Oak log (crosscut face) / Bûche de chêne (en coupe) / Eichenstamm (Schnitt) Oak log (crosscut face) / Bûche de chêne (en coupe) / Eichenstamm (Schnitt) Acacia log / Bûche d'acacia / Akazienstamm Acacia log / Bûche d'acacia / Akazienstamm Acacia log (crosscut face) / Bûche d'acacia (en coupe) / Akazienstamm (Schnitt) Acacia log (crosscut face) / Bûche d'acacia (en coupe) / Akazienstamm (Schnitt) Dark oak log / Bûche de chêne noir / Schwarzeichenstamm Dark oak log / Bûche de chêne noir / Schwarzeichenstamm Black oak log (crosscut face) / Bûche de chêne noir (en coupe) / Schwarzeichenstamm (Schnitt) Black oak log (crosscut face) / Bûche de chêne noir (en coupe) / Schwarzeichenstamm (Schnitt) Birch log (crosscut face) / Bûche de bouleau (en coupe) / Birkenstamm (Schnitt) Birch log (crosscut face) / Bûche de bouleau (en coupe) / Birkenstamm (Schnitt) Jungle log (crosscut face) / Bûche d'acajou (en coupe) / Tropenbaumstamm (Schnitt) Jungle log (crosscut face) / Bûche d'acajou (en coupe) / Tropenbaumstamm (Schnitt) Spruce log (crosscut face) / Bûche de sapin (en coupe) / Fichtenstamm (Schnitt) Spruce log (crosscut face) / Bûche de sapin (en coupe) / Fichtenstamm (Schnitt) Acacia planks / Planches d'acacia / Akazienholzbretter Acacia planks / Planches d'acacia / Akazienholzbretter Dark oak planks / Planches de chêne noir / Schwarzeichenholzbretter Dark oak planks / Planches de chêne noir / Schwarzeichenholzbretter Andesite / Andésite / Andesit Andesite / Andésite / Andesit Polished andesite / Andésite polie / Polierter Andesit Polished andesite / Andésite polie / Polierter Andesit Diorite / Diorite / Diorit Diorite / Diorite / Diorit Polished diorite / Diorite polie / Polierter Diorit Polished diorite / Diorite polie / Polierter Diorit Granite / Granite / Granit Granite / Granite / Granit Polished granite / Granite poli / Polierter Granit Polished granite / Granite poli / Polierter Granit Tuff / Tuf / Tuffstein Tuff / Tuf / Tuffstein Cobbled deepslate / Pierre des abîmes / Bruchtiefenschiefer Cobbled deepslate / Pierre des abîmes / Bruchtiefenschiefer Cut sandstone (side view) / Grès taillé (de côté) / Geschnittener Sandstein (Seitenansicht) Cut sandstone (side view) / Grès taillé (de côté) / Geschnittener Sandstein (Seitenansicht) Stripped oak log / Bûche de chêne écorcée / Entrindeter Eichenstamm Stripped oak log / Bûche de chêne écorcée / Entrindeter Eichenstamm Stripped spruce log / Bûche de sapin écorcée / Entrindeter Fichtenstamm Stripped spruce log / Bûche de sapin écorcée / Entrindeter Fichtenstamm Stripped birch log / Bûche de bouleau écorcée / Entrindeter Birkenstamm Stripped birch log / Bûche de bouleau écorcée / Entrindeter Birkenstamm Stripped jungle log / Bûche d'acajou écorcée / Entrindeter Tropenbaumstamm Stripped jungle log / Bûche d'acajou écorcée / Entrindeter Tropenbaumstamm Stripped acacia log / Bûche d'acacia écorcée / Entrindeter Akazienstamm Stripped acacia log / Bûche d'acacia écorcée / Entrindeter Akazienstamm Stripped dark oak log / Bûche de chêne noir écorcée / Entrindeter Schwarzeichenstamm Stripped dark oak log / Bûche de chêne noir écorcée / Entrindeter Schwarzeichenstamm Block of Bamboo / Bloc de bambou / Bambusblock Block of Bamboo / Bloc de bambou / Bambusblock Manufactured blocks Select/deselect all Bookshelf (side view) / Bibliothèque (de côté) / Bücherregal (Seitenansicht) Bookshelf (side view) / Bibliothèque (de côté) / Bücherregal (Seitenansicht) Block of Iron / Bloc de fer / Eisenblock Block of Iron / Bloc de fer / Eisenblock Block of Lapis Lazuli / Bloc de lapis-lazuli / Lapislazuliblock Block of Lapis Lazuli / Bloc de lapis-lazuli / Lapislazuliblock TNT (side view) / TNT (de côté) / TNT (Seitenansicht) TNT (side view) / TNT (de côté) / TNT (Seitenansicht) Bricks / Briques / Ziegelsteine Bricks / Briques / Ziegelsteine Cauldron (side view) / Chaudron (de côté) / Kessel (Seitenansicht) Cauldron (side view) / Chaudron (de côté) / Kessel (Seitenansicht) Chest (side view) / Coffre (de côté) / Truhe (Seitenansicht) Chest (side view) / Coffre (de côté) / Truhe (Seitenansicht) Chest (front view) / Coffre (de face) / Truhe (Vorderseite) Chest (front view) / Coffre (de face) / Truhe (Vorderseite) Dispenser (front view) / Distributeur (de face) / Werfer (Vorderseite) Dispenser (front view) / Distributeur (de face) / Werfer (Vorderseite) Crafting table (side view) / Établi (de côté) / Werkbank (Seitenansicht) Crafting table (side view) / Établi (de côté) / Werkbank (Seitenansicht) Crafting table (front view) / Établi (de face) / Werkbank (Vorderseite) Crafting table (front view) / Établi (de face) / Werkbank (Vorderseite) Furnace (front view) / Fourneau (de face) / Ofen (Vorderseite) Furnace (front view) / Fourneau (de face) / Ofen (Vorderseite) Jukebox (side view) / Jukebox (de côté) / Plattenspieler (Seitenansicht) Jukebox (side view) / Jukebox (de côté) / Plattenspieler (Seitenansicht) Stone brick / Pierre taillée / Steinziegel Stone brick / Pierre taillée / Steinziegel Sticky piston (top view) / Piston collant (de dessus) / Klebrige Kolben (Draufsicht) Sticky piston (top view) / Piston collant (de dessus) / Klebrige Kolben (Draufsicht) Piston (side view) / Piston (de côté) / Kolben (Seitenansicht) Piston (side view) / Piston (de côté) / Kolben (Seitenansicht) Piston (top view) / Piston (de dessus) / Kolben (Draufsicht) Piston (top view) / Piston (de dessus) / Kolben (Draufsicht) Trapdoor / Trappe / Falltür Trapdoor / Trappe / Falltür Blue terracotta / Terre cuite bleue / Blaue Keramik Blue terracotta / Terre cuite bleue / Blaue Keramik White terracotta / Terre cuite blanche / Weiße Keramik White terracotta / Terre cuite blanche / Weiße Keramik Light blue terracotta / Terre cuite bleu clair / Hellblaue Keramik Light blue terracotta / Terre cuite bleu clair / Hellblaue Keramik Cyan terracotta / Terre cuite cyan / Türkise Keramik Cyan terracotta / Terre cuite cyan / Türkise Keramik Light gray terracotta / Terre cuite gris clair / Hellgraue Keramik Light gray terracotta / Terre cuite gris clair / Hellgraue Keramik Gray terracotta / Terre cuite grise / Graue Keramik Gray terracotta / Terre cuite grise / Graue Keramik Yellow terracotta / Terre cuite jaune / Gelbe Keramik Yellow terracotta / Terre cuite jaune / Gelbe Keramik Magenta terracotta / Terre cuite magenta / Magenta Keramik Magenta terracotta / Terre cuite magenta / Magenta Keramik Brown terracotta / Terre cuite marron / Braune Keramik Brown terracotta / Terre cuite marron / Braune Keramik Orange terracotta / Terre cuite orange / Orange Keramik Orange terracotta / Terre cuite orange / Orange Keramik Pink terracotta / Terre cuite rose / Rosa Keramik Pink terracotta / Terre cuite rose / Rosa Keramik Red terracotta / Terre cuite rouge / Rote Keramik Red terracotta / Terre cuite rouge / Rote Keramik Lime terracotta / Terre cuite vert clair / Hellgrüne Keramik Lime terracotta / Terre cuite vert clair / Hellgrüne Keramik Green terracotta / Terre cuite verte / Grüne Keramik Green terracotta / Terre cuite verte / Grüne Keramik Purple terracotta / Terre cuite violette / Violette Keramik Purple terracotta / Terre cuite violette / Violette Keramik Black terracotta / Terre cuite noire / Schwarze Keramik Black terracotta / Terre cuite noire / Schwarze Keramik Terracotta / Terre cuite / Keramik Terracotta / Terre cuite / Keramik Bone block (side view) / Bloc d'os (de côté) / Knochenblock (Seitenansicht) Bone block (side view) / Bloc d'os (de côté) / Knochenblock (Seitenansicht) Bone block (top view) / Bloc d'os (de dessus) / Knochenblock (Draufsicht) Bone block (top view) / Bloc d'os (de dessus) / Knochenblock (Draufsicht) Block of Coal / Bloc de charbon / Kohleblock Block of Coal / Bloc de charbon / Kohleblock Mossy Cobblestone / Pierre moussue / Bemooster Bruchstein Mossy Cobblestone / Pierre moussue / Bemooster Bruchstein Black concrete / Béton noir / Schwarzer Beton Black concrete / Béton noir / Schwarzer Beton Concrete blue / Béton bleu / Blauer Beton Concrete blue / Béton bleu / Blauer Beton Concrete brown / Béton marron / Brauner Beton Concrete brown / Béton marron / Brauner Beton Concrete cyan / Béton cyan / Türkiser Beton Concrete cyan / Béton cyan / Türkiser Beton Concrete gray / Béton gris / Grauer Beton Concrete gray / Béton gris / Grauer Beton Green concrete / Béton vert / Grüner Beton Green concrete / Béton vert / Grüner Beton Light blue concrete / Béton bleu clair / Hellblauer Beton Light blue concrete / Béton bleu clair / Hellblauer Beton Lime concrete / Béton vert clair / Hellgrüner Beton Lime concrete / Béton vert clair / Hellgrüner Beton Magenta concrete / Béton magenta / Magenta Beton Magenta concrete / Béton magenta / Magenta Beton Orange concrete / Béton orange / Oranger Beton Orange concrete / Béton orange / Oranger Beton Pink concrete / Béton rose / Rosa Beton Pink concrete / Béton rose / Rosa Beton Black concrete powder / Béton en poudre noir / Schwarzer Trockenbeton Black concrete powder / Béton en poudre noir / Schwarzer Trockenbeton Blue concrete powder / Béton en poudre bleu / Blauer Trockenbeton Blue concrete powder / Béton en poudre bleu / Blauer Trockenbeton Brown concrete powder / Béton en poudre marron / Brauner Trockenbeton Brown concrete powder / Béton en poudre marron / Brauner Trockenbeton Cyan concrete powder / Béton en poudre cyan / Türkiser Trockenbeton Cyan concrete powder / Béton en poudre cyan / Türkiser Trockenbeton Gray concrete powder / Béton en poudre gris / Grauer Trockenbeton Gray concrete powder / Béton en poudre gris / Grauer Trockenbeton Green concrete powder / Béton en poudre vert / Grüner Trockenbeton Green concrete powder / Béton en poudre vert / Grüner Trockenbeton Light blue concrete powder / Béton en poudre bleu clair / Hellblauer Trockenbeton Light blue concrete powder / Béton en poudre bleu clair / Hellblauer Trockenbeton Lime concrete powder / Béton en poudre vert clair / Hellgrüner Trockenbeton Lime concrete powder / Béton en poudre vert clair / Hellgrüner Trockenbeton Magenta concrete powder / Béton en poudre magenta / Magenta Trockenbeton Magenta concrete powder / Béton en poudre magenta / Magenta Trockenbeton Orange concrete powder / Béton en poudre orange / Oranger Trockenbeton Orange concrete powder / Béton en poudre orange / Oranger Trockenbeton Pink concrete powder / Béton en poudre rose / Rosa Trockenbeton Pink concrete powder / Béton en poudre rose / Rosa Trockenbeton Purple concrete powder / Béton en poudre violet / Violetter Trockenbeton Purple concrete powder / Béton en poudre violet / Violetter Trockenbeton Red concrete powder / Béton en poudre rouge / Roter Trockenbeton Red concrete powder / Béton en poudre rouge / Roter Trockenbeton Light gray concrete powder / Béton en poudre gris clair / Hellgrauer Trockenbeton Light gray concrete powder / Béton en poudre gris clair / Hellgrauer Trockenbeton White concrete powder / Béton en poudre blanc / Weißer Trockenbeton White concrete powder / Béton en poudre blanc / Weißer Trockenbeton Yellow concrete powder / Béton en poudre jaune / Gelber Trockenbeton Yellow concrete powder / Béton en poudre jaune / Gelber Trockenbeton Purple concrete / Béton violet / Violetter Beton Purple concrete / Béton violet / Violetter Beton Red concrete / Béton rouge / Roter Beton Red concrete / Béton rouge / Roter Beton Light gray concrete / Béton gris clair / Hellgrauer Beton Light gray concrete / Béton gris clair / Hellgrauer Beton White concrete / Béton blanc / Weißer Beton White concrete / Béton blanc / Weißer Beton Yellow concrete / Béton jaune / Gelber Beton Yellow concrete / Béton jaune / Gelber Beton Black glazed terracotta / Terre cuite émaillée noire / Schwarze glasierte Keramik Black glazed terracotta / Terre cuite émaillée noire / Schwarze glasierte Keramik Blue glazed terracotta / Terre cuite émaillée bleue / Blaue glasierte Keramik Blue glazed terracotta / Terre cuite émaillée bleue / Blaue glasierte Keramik Brown glazed terracotta / Terre cuite émaillée marron / Braune glasierte Keramik Brown glazed terracotta / Terre cuite émaillée marron / Braune glasierte Keramik Cyan glazed terracotta / Terre cuite émaillée cyan / Türkise glasierte Keramik Cyan glazed terracotta / Terre cuite émaillée cyan / Türkise glasierte Keramik Gray glazed terracotta / Terre cuite émaillée grise / Graue glasierte Keramik Gray glazed terracotta / Terre cuite émaillée grise / Graue glasierte Keramik Green glazed terracotta / Terre cuite émaillée verte / Grüne glasierte Keramik Green glazed terracotta / Terre cuite émaillée verte / Grüne glasierte Keramik Light blue glazed terracotta / Terre cuite émaillée bleu clair / Hellblaue glasierte Keramik Light blue glazed terracotta / Terre cuite émaillée bleu clair / Hellblaue glasierte Keramik Lime glazed terracotta / Terre cuite émaillée vert clair / Hellgrüne glasierte Keramik Lime glazed terracotta / Terre cuite émaillée vert clair / Hellgrüne glasierte Keramik Magenta glazed terracotta / Terre cuite émaillée magenta / Magenta glasierte Keramik Magenta glazed terracotta / Terre cuite émaillée magenta / Magenta glasierte Keramik Orange glazed terracotta / Terre cuite émaillée orange / Orange glasierte Keramik Orange glazed terracotta / Terre cuite émaillée orange / Orange glasierte Keramik Pink glazed terracotta / Terre cuite émaillée rose / Rosa glasierte Keramik Pink glazed terracotta / Terre cuite émaillée rose / Rosa glasierte Keramik Purple glazed terracotta / Terre cuite émaillée violette / Violette glasierte Keramik Purple glazed terracotta / Terre cuite émaillée violette / Violette glasierte Keramik Red glazed terracotta / Terre cuite émaillée rouge / Rote glasierte Keramik Red glazed terracotta / Terre cuite émaillée rouge / Rote glasierte Keramik Light gray glazed terracotta / Terre cuite émaillée gris clair / Hellgraue glasierte Keramik Light gray glazed terracotta / Terre cuite émaillée gris clair / Hellgraue glasierte Keramik White glazed terracotta / Terre cuite émaillée blanche / Weiße glasierte Keramik White glazed terracotta / Terre cuite émaillée blanche / Weiße glasierte Keramik Yellow glazed terracotta / Terre cuite émaillée jaune / Gelbe glasierte Keramik Yellow glazed terracotta / Terre cuite émaillée jaune / Gelbe glasierte Keramik Hay Bale / Bloc de paille / Strohballen Hay Bale / Bloc de paille / Strohballen Hay Bale (top view) / Bloc de paille (de dessus) / Strohballen (Draufsicht) Hay Bale (top view) / Bloc de paille (de dessus) / Strohballen (Draufsicht) Block of redstone / Bloc de redstone / Redstone-Block Block of redstone / Bloc de redstone / Redstone-Block Smooth Stone / Roche lisse / Glatter Stein Smooth Stone / Roche lisse / Glatter Stein Block of Copper / Bloc de cuivre / Kupferblock Block of Copper / Bloc de cuivre / Kupferblock Cut Copper / Cuivre taillé / Geschnittener Kupferblock Cut Copper / Cuivre taillé / Geschnittener Kupferblock Block of Amethyst / Bloc d'améthyste / Amethystblock Block of Amethyst / Bloc d'améthyste / Amethystblock Block of Raw Copper / Bloc de cuivre brut / Rohkupferblock Block of Raw Copper / Bloc de cuivre brut / Rohkupferblock Block of Raw Iron / Bloc de fer brut / Roheisenblock Block of Raw Iron / Bloc de fer brut / Roheisenblock Block of Raw Gold / Bloc d'or brut / Rohgoldblock Block of Raw Gold / Bloc d'or brut / Rohgoldblock Dried kelp block / Bloc d'algues séchées / Getrockneter Seetangblock Dried kelp block / Bloc d'algues séchées / Getrockneter Seetangblock Honeycomb Block / Bloc de rayon de miel / Honigwabenblock Honeycomb Block / Bloc de rayon de miel / Honigwabenblock Honey block (side view) / Bloc de miel (de côté) / Honigblock (Seitenansicht) Honey block (side view) / Bloc de miel (de côté) / Honigblock (Seitenansicht) Honey block (top view) / Bloc de miel (de dessus) / Honigblock (Draufsicht) Honey block (top view) / Bloc de miel (de dessus) / Honigblock (Draufsicht) Furnace (side view) / Fourneau (de côté) / Ofen (Seitenansicht) Furnace (side view) / Fourneau (de côté) / Ofen (Seitenansicht) Blocks on transparent background (which can change the tint depending on what is behind) Select/deselect all Iron bars / Barreaux de fer / Eisengitter Iron bars / Barreaux de fer / Eisengitter Cactus (side view) / Cactus (de côté) / Kaktus (Seitenansicht) Cactus (side view) / Cactus (de côté) / Kaktus (Seitenansicht) Sugar cane / Canne à sucre / Zuckerrohr Sugar cane / Canne à sucre / Zuckerrohr Glass / Verre / Glas Glass / Verre / Glas Black stained glass / Verre noir / Schwarzes Glas Black stained glass / Verre noir / Schwarzes Glas Blue stained glass / Verre bleu / Blaues Glas Blue stained glass / Verre bleu / Blaues Glas Brown stained glass / Verre marron / Braunes Glas Brown stained glass / Verre marron / Braunes Glas Cyan stained glass / Verre cyan / Türkises Glas Cyan stained glass / Verre cyan / Türkises Glas Gray stained glass / Verre gris / Graues Glas Gray stained glass / Verre gris / Graues Glas Green stained glas / Verre vert ;-) / Grünes Glas Green stained glas / Verre vert ;-) / Grünes Glas Light blue stained glass / Verre bleu clair / Hellblaues Glas Light blue stained glass / Verre bleu clair / Hellblaues Glas Lime stained glass / Verre vert clair / Hellgrünes Glas Lime stained glass / Verre vert clair / Hellgrünes Glas Magenta stained glass / Verre magenta / Magenta Glas Magenta stained glass / Verre magenta / Magenta Glas Orange stained glass / Verre orange / Oranges Glas Orange stained glass / Verre orange / Oranges Glas Pink stained glass / Verre rose / Rosa Glas Pink stained glass / Verre rose / Rosa Glas Purple stained glass / Verre violet / Violettes Glas Purple stained glass / Verre violet / Violettes Glas Red stained glass / Verre rouge / Rotes Glas Red stained glass / Verre rouge / Rotes Glas Light gray stained glass / Verre gris clair / Hellgraues Glas Light gray stained glass / Verre gris clair / Hellgraues Glas White stained glass / Verre blanc / Weißes Glas White stained glass / Verre blanc / Weißes Glas Yellow stained glass / Verre jaune / Gelbes Glas Yellow stained glass / Verre jaune / Gelbes Glas Acacia leaves / Feuilles d'acacia / Akazienlaub Acacia leaves / Feuilles d'acacia / Akazienlaub Azalea leaves‌ / Feuilles d'azalées / Azaleenlaub Azalea leaves‌ / Feuilles d'azalées / Azaleenlaub Flowering azalea leaves‌ / Feuilles d'azalées fleuries / Blühendes Azaleenlaub Flowering azalea leaves‌ / Feuilles d'azalées fleuries / Blühendes Azaleenlaub Birch leaves / Feuilles de bouleau / Birkenlaub Birch leaves / Feuilles de bouleau / Birkenlaub Jungle leaves / Feuilles d'acajou / Tropenbaumlaub Jungle leaves / Feuilles d'acajou / Tropenbaumlaub Oak / dark oak leaves / Feuilles de chêne / chêne noir / Eichen- / Schwarzeichenlaub Oak / dark oak leaves / Feuilles de chêne / chêne noir / Eichen- / Schwarzeichenlaub Spruce leaves / Feuilles de sapin / Fichtennadeln Spruce leaves / Feuilles de sapin / Fichtennadeln Rare blocks (or requiring the Silk Touch enchantment) Select/deselect all Block of Diamond / Bloc de diamant / Diamantblock Block of Diamond / Bloc de diamant / Diamantblock Block of Emerald / Bloc d'émeraude / Smaragdblock Block of Emerald / Bloc d'émeraude / Smaragdblock Block of Gold / Bloc d'or / Goldblock Block of Gold / Bloc d'or / Goldblock Sponge / Éponge / Schwamm Sponge / Éponge / Schwamm Ice / Glace / Eis Ice / Glace / Eis Coal ore / Minerai de charbon / Steinkohle Coal ore / Minerai de charbon / Steinkohle Diamond ore / Minerai de diamant / Diamanterz Diamond ore / Minerai de diamant / Diamanterz Iron ore / Minerai de fer / Eisenerz Iron ore / Minerai de fer / Eisenerz Lapis lazuli ore / Minerai de lapis-lazuli / Lapislazulierz Lapis lazuli ore / Minerai de lapis-lazuli / Lapislazulierz Emerald ore / Minerai d'émeraude / Smaragderz Emerald ore / Minerai d'émeraude / Smaragderz Redstone ore / Minerai de redstone / Redstone-Erz Redstone ore / Minerai de redstone / Redstone-Erz Obsidian / Obsidienne / Obsidian Obsidian / Obsidienne / Obsidian Cracked stone brick / Pierre craquelée / Rissige Steinziegel Cracked stone brick / Pierre craquelée / Rissige Steinziegel Mossy stone brick / Pierre taillée moussue / Bemooste Steinziegel Mossy stone brick / Pierre taillée moussue / Bemooste Steinziegel Chiseled stone bricks / Pierre sculptée / Gemeißelte Steinziegel Chiseled stone bricks / Pierre sculptée / Gemeißelte Steinziegel End Stone Bricks / Pierre taillée de l'End / Endsteinziegel End Stone Bricks / Pierre taillée de l'End / Endsteinziegel End Stone / Pierre de l'End / Endstein End Stone / Pierre de l'End / Endstein Prismarine bricks / Prismarine taillée / Prismarinziegel Prismarine bricks / Prismarine taillée / Prismarinziegel Dark prismarine / Prismarine sombre / Dunkler Prismarin Dark prismarine / Prismarine sombre / Dunkler Prismarin Primarine / Primarine / Primarin Primarine / Primarine / Primarin Purpur Block / Bloc de purpur / Purpurblock Purpur Block / Bloc de purpur / Purpurblock Purpur pillar (side view) / Pilier de purpur (de côté) / Purpursäulen (Seitenansicht) Purpur pillar (side view) / Pilier de purpur (de côté) / Purpursäulen (Seitenansicht) Red sand / Sable rouge / Roter Sand Red sand / Sable rouge / Roter Sand Chiseled Red Sandstone (side view) / Grès rouge sculpté (de côté) / Gemeißelter roter Sandstein (Seitenansicht) Chiseled Red Sandstone (side view) / Grès rouge sculpté (de côté) / Gemeißelter roter Sandstein (Seitenansicht) Red sandstone (side view) / Grès rouge (de côté) / Roter Sandstein (Seitenansicht) Red sandstone (side view) / Grès rouge (de côté) / Roter Sandstein (Seitenansicht) Cut Red Sandstone (side view) / Grès rouge taillé (de côté) / Geschnittenerroter Sandstein (Seitenansicht) Cut Red Sandstone (side view) / Grès rouge taillé (de côté) / Geschnittenerroter Sandstein (Seitenansicht) Smooth red sandstone / Grès rouge lisse / Glatter roter Sandstein Smooth red sandstone / Grès rouge lisse / Glatter roter Sandstein Slime Block / Bloc de Slime / Schleimblock Slime Block / Bloc de Slime / Schleimblock Wet sponge / Éponge mouillée / Nasse Schwamm Wet sponge / Éponge mouillée / Nasse Schwamm Powder Snow / Neige poudreuse / Pulverschnee Powder Snow / Neige poudreuse / Pulverschnee Packed Ice / Glace compactée / Packeis Packed Ice / Glace compactée / Packeis Blue ice / Glace bleue / Blaueis Blue ice / Glace bleue / Blaueis Calcite / Calcite / Kalzit Calcite / Calcite / Kalzit Crying Obsidian / Obsidienne pleureuse / Weinender Obsidian Crying Obsidian / Obsidienne pleureuse / Weinender Obsidian Dripstone Block / Bloc de spéléothème / Tropfsteinblock Dripstone Block / Bloc de spéléothème / Tropfsteinblock Copper Ore / Minerai de cuivre / Kupfererz Copper Ore / Minerai de cuivre / Kupfererz Deepslate coal ore / Minerai de charbon des abîmes / Tiefenschiefer-Steinkohle Deepslate coal ore / Minerai de charbon des abîmes / Tiefenschiefer-Steinkohle Deepslate copper ore / Minerai de cuivre des abîmes / Tiefenschiefer-Kupfererz Deepslate copper ore / Minerai de cuivre des abîmes / Tiefenschiefer-Kupfererz Deepslate iron ore / Minerai de fer des abîmes / Tiefenschiefer-Eisenerz Deepslate iron ore / Minerai de fer des abîmes / Tiefenschiefer-Eisenerz Deepslate gold ore / Minerai d'or des abîmes / Tiefenschiefer-Golderz Deepslate gold ore / Minerai d'or des abîmes / Tiefenschiefer-Golderz Deepslate redstone ore / Minerai de redstone des abîmes / Tiefenschiefer-Redstone-Erz Deepslate redstone ore / Minerai de redstone des abîmes / Tiefenschiefer-Redstone-Erz Deepslate lapis lazuli ore / Minerai de lapis-lazuli des abîmes / Tiefenschiefer-Lapislazulierz Deepslate lapis lazuli ore / Minerai de lapis-lazuli des abîmes / Tiefenschiefer-Lapislazulierz Deepslate diamond ore / Minerai de diamant des abîmes / Tiefenschiefer-Diamanterz Deepslate diamond ore / Minerai de diamant des abîmes / Tiefenschiefer-Diamanterz Deepslate emerald ore / Minerai d'émeraude des abîmes / Tiefenschiefer-Smaragderz Deepslate emerald ore / Minerai d'émeraude des abîmes / Tiefenschiefer-Smaragderz Moss block / Bloc de mousse / Moosblock Moss block / Bloc de mousse / Moosblock Red mushroom block / Bloc de champignon rouge / Roter Pilzblock Red mushroom block / Bloc de champignon rouge / Roter Pilzblock Brown mushroom block / Bloc de champignon marron / Brauner Pilzblock Brown mushroom block / Bloc de champignon marron / Brauner Pilzblock Mushroom stem / Tige de champignon / Pilzstiel Mushroom stem / Tige de champignon / Pilzstiel Purpur pillar (top view) / Pilier de purpur (de dessus) / Purpursäulen (Draufsicht) Purpur pillar (top view) / Pilier de purpur (de dessus) / Purpursäulen (Draufsicht) Shulker box (top view) / Boîte de Shulker (de dessus) / Shulker-Kiste (Draufsicht) Shulker box (top view) / Boîte de Shulker (de dessus) / Shulker-Kiste (Draufsicht) Shulker box (side view) / Boîte de Shulker (de côté) / Shulker-Kiste (Seitenansicht) Shulker box (side view) / Boîte de Shulker (de côté) / Shulker-Kiste (Seitenansicht) White Shulker box (top view) / Boîte de Shulker blanche (de dessus) / Weiße Shulker-Kiste (Draufsicht) White Shulker box (top view) / Boîte de Shulker blanche (de dessus) / Weiße Shulker-Kiste (Draufsicht) Light gray Shulker box (top view) / Boîte de Shulker gris clair (de dessus) / Hellgraue Shulker-Kiste (Draufsicht) Light gray Shulker box (top view) / Boîte de Shulker gris clair (de dessus) / Hellgraue Shulker-Kiste (Draufsicht) Gray Shulker box (top view) / Boîte de Shulker grise (de dessus) / Graue Shulker-Kiste (Draufsicht) Gray Shulker box (top view) / Boîte de Shulker grise (de dessus) / Graue Shulker-Kiste (Draufsicht) Black Shulker box (top view) / Boîte de Shulker noire (de dessus) / Schwarze Shulker-Kiste (Draufsicht) Black Shulker box (top view) / Boîte de Shulker noire (de dessus) / Schwarze Shulker-Kiste (Draufsicht) Brown Shulker box (top view) / Boîte de Shulker marron (de dessus) / Braune Shulker-Kiste (Draufsicht) Brown Shulker box (top view) / Boîte de Shulker marron (de dessus) / Braune Shulker-Kiste (Draufsicht) Red Shulker box (top view) / Boîte de Shulker rouge (de dessus) / Rote Shulker-Kiste (Draufsicht) Red Shulker box (top view) / Boîte de Shulker rouge (de dessus) / Rote Shulker-Kiste (Draufsicht) Orange Shulker box (top view) / Boîte de Shulker orange (de dessus) / Orange Shulker-Kiste (Draufsicht) Orange Shulker box (top view) / Boîte de Shulker orange (de dessus) / Orange Shulker-Kiste (Draufsicht) Yellow Shulker box (top view) / Boîte de Shulker jaune (de dessus) / Gelbe Shulker-Kiste (Draufsicht) Yellow Shulker box (top view) / Boîte de Shulker jaune (de dessus) / Gelbe Shulker-Kiste (Draufsicht) Lime Shulker box (top view) / Boîte de Shulker vert clair (de dessus) / Hellgrüne Shulker-Kiste (Draufsicht) Lime Shulker box (top view) / Boîte de Shulker vert clair (de dessus) / Hellgrüne Shulker-Kiste (Draufsicht) Green Shulker box (top view) / Boîte de Shulker verte (de dessus) / Grüne Shulker-Kiste (Draufsicht) Green Shulker box (top view) / Boîte de Shulker verte (de dessus) / Grüne Shulker-Kiste (Draufsicht) Cyan Shulker box (top view) / Boîte de Shulker cyan (de dessus) / Türkise Shulker-Kiste (Draufsicht) Cyan Shulker box (top view) / Boîte de Shulker cyan (de dessus) / Türkise Shulker-Kiste (Draufsicht) Light blue Shulker box (top view) / Boîte de Shulker bleu clair (de dessus) / Hellblaue Shulker-Kiste (Draufsicht) Light blue Shulker box (top view) / Boîte de Shulker bleu clair (de dessus) / Hellblaue Shulker-Kiste (Draufsicht) Blue Shulker box (top view) / Boîte de Shulker bleue (de dessus) / Blaue Shulker-Kiste (Draufsicht) Blue Shulker box (top view) / Boîte de Shulker bleue (de dessus) / Blaue Shulker-Kiste (Draufsicht) Purple Shulker box (top view) / Boîte de Shulker violette (de dessus) / Violette Shulker-Kiste (Draufsicht) Purple Shulker box (top view) / Boîte de Shulker violette (de dessus) / Violette Shulker-Kiste (Draufsicht) Magenta Shulker box (top view) / Boîte de Shulker magenta (de dessus) / Magenta Shulker-Kiste (Draufsicht) Magenta Shulker box (top view) / Boîte de Shulker magenta (de dessus) / Magenta Shulker-Kiste (Draufsicht) Pink Shulker box (top view) / Boîte de Shulker rose (de dessus) / Rosa Shulker-Kiste (Draufsicht) Pink Shulker box (top view) / Boîte de Shulker rose (de dessus) / Rosa Shulker-Kiste (Draufsicht) White Shulker box (side view) / Boîte de Shulker blanche (de côté) / Weiße Shulker-Kiste (Seitenansicht) White Shulker box (side view) / Boîte de Shulker blanche (de côté) / Weiße Shulker-Kiste (Seitenansicht) Light gray Shulker box (side view) / Boîte de Shulker gris clair (de côté) / Hellgraue Shulker-Kiste (Seitenansicht) Light gray Shulker box (side view) / Boîte de Shulker gris clair (de côté) / Hellgraue Shulker-Kiste (Seitenansicht) Gray Shulker box (side view) / Boîte de Shulker grise (de côté) / Graue Shulker-Kiste (Seitenansicht) Gray Shulker box (side view) / Boîte de Shulker grise (de côté) / Graue Shulker-Kiste (Seitenansicht) Black Shulker box (side view) / Boîte de Shulker noire (de côté) / Schwarze Shulker-Kiste (Seitenansicht) Black Shulker box (side view) / Boîte de Shulker noire (de côté) / Schwarze Shulker-Kiste (Seitenansicht) Brown Shulker box (side view) / Boîte de Shulker marron (de côté) / Braune Shulker-Kiste (Seitenansicht) Brown Shulker box (side view) / Boîte de Shulker marron (de côté) / Braune Shulker-Kiste (Seitenansicht) Red Shulker box (side view) / Boîte de Shulker rouge (de côté) / Rote Shulker-Kiste (Seitenansicht) Red Shulker box (side view) / Boîte de Shulker rouge (de côté) / Rote Shulker-Kiste (Seitenansicht) Orange Shulker box (side view) / Boîte de Shulker orange (de côté) / Orange Shulker-Kiste (Seitenansicht) Orange Shulker box (side view) / Boîte de Shulker orange (de côté) / Orange Shulker-Kiste (Seitenansicht) Yellow Shulker box (side view) / Boîte de Shulker jaune (de côté) / Gelbe Shulker-Kiste (Seitenansicht) Yellow Shulker box (side view) / Boîte de Shulker jaune (de côté) / Gelbe Shulker-Kiste (Seitenansicht) Lime Shulker box (side view) / Boîte de Shulker vert clair (de côté) / Hellgrüne Shulker-Kiste (Seitenansicht) Lime Shulker box (side view) / Boîte de Shulker vert clair (de côté) / Hellgrüne Shulker-Kiste (Seitenansicht) Green Shulker box (side view) / Boîte de Shulker verte (de côté) / Grüne Shulker-Kiste (Seitenansicht) Green Shulker box (side view) / Boîte de Shulker verte (de côté) / Grüne Shulker-Kiste (Seitenansicht) Cyan Shulker box (side view) / Boîte de Shulker cyan (de côté) / Türkise Shulker-Kiste (Seitenansicht) Cyan Shulker box (side view) / Boîte de Shulker cyan (de côté) / Türkise Shulker-Kiste (Seitenansicht) Light blue Shulker box (side view) / Boîte de Shulker bleu clair (de côté) / Hellblaue Shulker-Kiste (Seitenansicht) Light blue Shulker box (side view) / Boîte de Shulker bleu clair (de côté) / Hellblaue Shulker-Kiste (Seitenansicht) Blue Shulker box (side view) / Boîte de Shulker bleue (de côté) / Blaue Shulker-Kiste (Seitenansicht) Blue Shulker box (side view) / Boîte de Shulker bleue (de côté) / Blaue Shulker-Kiste (Seitenansicht) Purple Shulker box (side view) / Boîte de Shulker violette (de côté) / Violette Shulker-Kiste (Seitenansicht) Purple Shulker box (side view) / Boîte de Shulker violette (de côté) / Violette Shulker-Kiste (Seitenansicht) Magenta Shulker box (side view) / Boîte de Shulker magenta (de côté) / Magenta Shulker-Kiste (Seitenansicht) Magenta Shulker box (side view) / Boîte de Shulker magenta (de côté) / Magenta Shulker-Kiste (Seitenansicht) Pink Shulker box (side view) / Boîte de Shulker rose (de côté) / Rosa Shulker-Kiste (Seitenansicht) Pink Shulker box (side view) / Boîte de Shulker rose (de côté) / Rosa Shulker-Kiste (Seitenansicht) Nether blocks (for those who have the courage to go ...) Select/deselect all Nether bricks / Briques du Nether / Netherziegel Nether bricks / Briques du Nether / Netherziegel Lit redstone lamp / Lampe à redstone allumée / Eingeschaltete Redstone-Lampe Lit redstone lamp / Lampe à redstone allumée / Eingeschaltete Redstone-Lampe Redstone lamp (off) / Lampe à redstone éteinte / Redstone-Lampe (aus) Redstone lamp (off) / Lampe à redstone éteinte / Redstone-Lampe (aus) Glowstone / Pierre lumineuse / Glowstone Glowstone / Pierre lumineuse / Glowstone Netherrack / Netherrack / Netherrack Netherrack / Netherrack / Netherrack Soul sand / Sable des âmes / Seelensand Soul sand / Sable des âmes / Seelensand Nether wart block / Bloc de verrues du Nether / Netherwarzenblock Nether wart block / Bloc de verrues du Nether / Netherwarzenblock Block of Quartz (side view) / Bloc de quartz (de côté) / Quarzblock (Seitenansicht) Block of Quartz (side view) / Bloc de quartz (de côté) / Quarzblock (Seitenansicht) Chiseled quartz block (side view) / Bloc de quartz sculpté (de côté) / Gemeißelter Quarzblock (Seitenansicht) Chiseled quartz block (side view) / Bloc de quartz sculpté (de côté) / Gemeißelter Quarzblock (Seitenansicht) Quartz Pillar (side view) / Pilier de quartz (de côté) / Quarzsäule (Seitenansicht) Quartz Pillar (side view) / Pilier de quartz (de côté) / Quarzsäule (Seitenansicht) Quartz Pillar (top view) / Pilier de quartz (de dessus) / Quarzsäule (Draufsicht) Quartz Pillar (top view) / Pilier de quartz (de dessus) / Quarzsäule (Draufsicht) Nether Quartz Ore / Minerai de quartz / Netherquarzerz Nether Quartz Ore / Minerai de quartz / Netherquarzerz Red nether bricks / Briques rouges du Nether / Rote Netherziegel Red nether bricks / Briques rouges du Nether / Rote Netherziegel Soul soil / Terre des âmes / Seelenerde Soul soil / Terre des âmes / Seelenerde Basalt (side view) / Basalte (de côté) / Basalt (Seitenansicht) Basalt (side view) / Basalte (de côté) / Basalt (Seitenansicht) Polished basalt (side view) / Basalte poli (de côté) / Polierter Basalt (Seitenansicht) Polished basalt (side view) / Basalte poli (de côté) / Polierter Basalt (Seitenansicht) Smooth basalt / Basalte lisse / Glatter Basalt Smooth basalt / Basalte lisse / Glatter Basalt Blackstone (side view) / Roche noire (de côté) / Schwarzstein (Seitenansicht) Blackstone (side view) / Roche noire (de côté) / Schwarzstein (Seitenansicht) Polished blackstone / Pierre noire / Polierter Schwarzstein Polished blackstone / Pierre noire / Polierter Schwarzstein Chiseled polished blackstone / Pierre noire sculptée / Gemeißelter polierter Schwarzstein Chiseled polished blackstone / Pierre noire sculptée / Gemeißelter polierter Schwarzstein Polished Blackstone Bricks / Pierre noire taillée / Polierte Schwarzsteinziegel Polished Blackstone Bricks / Pierre noire taillée / Polierte Schwarzsteinziegel Cracked polished blackstone bricks / Pierre noire taillée craquellée / Rissige polierte Schwarzsteinziegel Cracked polished blackstone bricks / Pierre noire taillée craquellée / Rissige polierte Schwarzsteinziegel Gilded Blackstone / Roche noire dorée / Golddurchzogener Schwarzstein Gilded Blackstone / Roche noire dorée / Golddurchzogener Schwarzstein Nether Gold Ore / Minerai d'or du Nether / Nethergolderz Nether Gold Ore / Minerai d'or du Nether / Nethergolderz Ancient debris (side view) / Débris antiques (de côté) / Antiker Schrott (Seitenansicht) Ancient debris (side view) / Débris antiques (de côté) / Antiker Schrott (Seitenansicht) Block of Netherite / Bloc de Netherite / Netheritblock Block of Netherite / Bloc de Netherite / Netheritblock Smooth Quartz Block / Quartz lisse / Glatter Quarzblock Smooth Quartz Block / Quartz lisse / Glatter Quarzblock Quartz Bricks / Briques de quartz / Quarzziegel Quartz Bricks / Briques de quartz / Quarzziegel Crimson stem / Tige carmin / Karmesinstiel Crimson stem / Tige carmin / Karmesinstiel Crimson stem (crosscut face) / Tige carmin (en coupe) / Karmesinstiel (Schnitt) Crimson stem (crosscut face) / Tige carmin (en coupe) / Karmesinstiel (Schnitt) Warped stem / Tige biscornue / Wirrstiel Warped stem / Tige biscornue / Wirrstiel Warped stem (crosscut face) / Tige biscornue (en coupe) / Wirrstiel (Schnitt) Warped stem (crosscut face) / Tige biscornue (en coupe) / Wirrstiel (Schnitt) Stripped crimson stem / Tige carmin dénudée / Geschälter Karmesinstiel Stripped crimson stem / Tige carmin dénudée / Geschälter Karmesinstiel Stripped warped stem / Tige biscornue dénudée / Geschälter Wirrstiel Stripped warped stem / Tige biscornue dénudée / Geschälter Wirrstiel Crimson planks / Planches carmin / Karmesinbretter Crimson planks / Planches carmin / Karmesinbretter Warped planks / Planches biscornues / Wirrbretter Warped planks / Planches biscornues / Wirrbretter Shroomlight / Champilampe / Pilzlicht Shroomlight / Champilampe / Pilzlicht Nether wart block / Bloc de verrues du Nether / Netherwarzenblock Nether wart block / Bloc de verrues du Nether / Netherwarzenblock Warped wart block / Bloc de verrues biscornues / Wirrwarzenblock Warped wart block / Bloc de verrues biscornues / Wirrwarzenblock Cracked nether bricks / Briques du Nether craquelées / Rissige Netherziegel Cracked nether bricks / Briques du Nether craquelées / Rissige Netherziegel Chiseled nether bricks / Briques du Nether sculptées / Gemeißelte Netherziegel Chiseled nether bricks / Briques du Nether sculptées / Gemeißelte Netherziegel Blocks that cannot be mined or placed in normal mode Select/deselect all Bedrock / Bedrock / Bedrock Bedrock / Bedrock / Bedrock Lava / Lave / Lava Lava / Lave / Lava Mycelium (side view) / Mycélium (de côté) / Myzel (Seitenansicht) Mycelium (side view) / Mycélium (de côté) / Myzel (Seitenansicht) - Follow Up Deployment
0d9d490 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minecraft Pixel Art Converter</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@3.18.0/dist/tf.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.browser-window {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
border-radius: 12px;
overflow: hidden;
}
.browser-header {
background: linear-gradient(to right, #f1f1f1, #e0e0e0);
padding: 8px 12px;
display: flex;
align-items: center;
gap: 8px;
}
.browser-button {
width: 12px;
height: 12px;
border-radius: 50%;
}
.browser-url {
flex-grow: 1;
background: white;
padding: 6px 12px;
border-radius: 16px;
font-size: 12px;
color: #555;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pixel-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(16px, 1fr));
gap: 0;
border: 2px solid #333;
}
.pixel {
aspect-ratio: 1/1;
width: 100%;
}
.dropzone {
border: 2px dashed #ccc;
transition: all 0.3s;
}
.dropzone.active {
border-color: #4CAF50;
background-color: rgba(76, 175, 80, 0.1);
}
.minecraft-block {
width: 32px;
height: 32px;
image-rendering: pixelated;
}
canvas {
image-rendering: pixelated;
}
.loading-bar {
height: 4px;
background: linear-gradient(to right, #4CAF50, #8BC34A);
width: 0%;
transition: width 0.3s;
}
</style>
</head>
<body class="bg-gray-100 min-h-screen flex items-center justify-center p-4">
<div class="w-full max-w-4xl">
<div class="browser-window bg-white">
<div class="browser-header">
<div class="browser-button bg-red-500"></div>
<div class="browser-button bg-yellow-500"></div>
<div class="browser-button bg-green-500"></div>
<div class="browser-url">https://minecraft-pixel-art-converter.com</div>
<div class="text-gray-500 text-sm">
<i class="fas fa-lock"></i>
</div>
</div>
<div class="loading-bar" id="loadingBar"></div>
<div class="p-6">
<h1 class="text-3xl font-bold text-gray-800 mb-2 flex items-center">
<i class="fas fa-cube mr-2 text-green-600"></i>
Minecraft Pixel Art Converter
</h1>
<p class="text-gray-600 mb-6">Upload an image to convert it to Minecraft blocks with AI-powered color matching</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<!-- Original Image -->
<div class="bg-gray-50 p-4 rounded-lg">
<h2 class="text-lg font-semibold mb-3 text-gray-700 flex items-center">
<i class="fas fa-image mr-2 text-blue-500"></i>
Original Image
</h2>
<div id="dropzone" class="dropzone rounded-lg flex flex-col items-center justify-center p-8 cursor-pointer">
<i class="fas fa-cloud-upload-alt text-4xl text-gray-400 mb-2"></i>
<p class="text-gray-500 text-center">Drag & drop your image here or click to browse</p>
<input type="file" id="imageInput" accept="image/*" class="hidden">
</div>
<div id="originalPreview" class="mt-4 hidden">
<img id="originalImage" class="max-w-full h-auto rounded border border-gray-200" alt="Original preview">
</div>
</div>
<!-- Minecraft Preview -->
<div class="bg-gray-50 p-4 rounded-lg">
<h2 class="text-lg font-semibold mb-3 text-gray-700 flex items-center">
<i class="fas fa-cubes mr-2 text-green-500"></i>
Minecraft Version
</h2>
<div id="minecraftPreview" class="flex items-center justify-center bg-gray-100 rounded-lg p-8 min-h-48">
<p class="text-gray-500 text-center">Converted pixel art will appear here</p>
</div>
<div id="pixelArtContainer" class="mt-4 hidden overflow-auto max-h-64 border border-gray-200 rounded">
<canvas id="pixelArtCanvas"></canvas>
</div>
</div>
</div>
<!-- Controls -->
<div class="bg-gray-50 p-4 rounded-lg mb-6">
<h2 class="text-lg font-semibold mb-3 text-gray-700 flex items-center">
<i class="fas fa-sliders-h mr-2 text-purple-500"></i>
Conversion Settings
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">Resolution</label>
<select id="resolutionSelect" class="w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-green-500">
<option value="32">32x32 (Small)</option>
<option value="64" selected>64x64 (Medium)</option>
<option value="128">128x128 (Large)</option>
<option value="256">256x256 (Huge)</option>
</select>
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">Color Palette</label>
<select id="paletteSelect" class="w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-green-500">
<option value="default" selected>Default Blocks</option>
<option value="wool">Wool Only</option>
<option value="concrete">Concrete Only</option>
<option value="terracotta">Terracotta Only</option>
<option value="easily_findable">Easily Findable Blocks</option>
<option value="manufactured">Manufactured Blocks</option>
<option value="transparent">Transparent Background Blocks</option>
<option value="rare">Rare/Silk Touch Blocks</option>
<option value="nether">Nether Blocks</option>
<option value="unmineable">Unmineable Blocks</option>
<option value="all">All Available Blocks</option>
</select>
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">Dithering</label>
<select id="ditherSelect" class="w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-green-500">
<option value="none">None</option>
<option value="floyd" selected>Floyd-Steinberg</option>
<option value="ordered">Ordered</option>
</select>
</div>
</div>
<div class="mt-4 flex flex-wrap gap-3">
<button id="convertBtn" class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded flex items-center disabled:opacity-50">
<i class="fas fa-magic mr-2"></i>
Convert to Pixel Art
</button>
<button id="randomBtn" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded flex items-center">
<i class="fas fa-random mr-2"></i>
Random Example
</button>
<button id="clearBtn" class="bg-gray-600 hover:bg-gray-700 text-white px-4 py-2 rounded flex items-center">
<i class="fas fa-trash-alt mr-2"></i>
Clear
</button>
</div>
</div>
<!-- Export Options -->
<div class="bg-gray-50 p-4 rounded-lg">
<h2 class="text-lg font-semibold mb-3 text-gray-700 flex items-center">
<i class="fas fa-download mr-2 text-orange-500"></i>
Export Options
</h2>
<div class="grid grid-cols-2 md:grid-cols-4 gap-3">
<button id="exportImageBtn" class="bg-purple-600 hover:bg-purple-700 text-white px-3 py-2 rounded text-sm flex items-center justify-center">
<i class="fas fa-file-image mr-2"></i>
PNG Image
</button>
<button id="exportSchematicBtn" class="bg-yellow-600 hover:bg-yellow-700 text-white px-3 py-2 rounded text-sm flex items-center justify-center">
<i class="fas fa-file-archive mr-2"></i>
Schematic
</button>
<button id="exportBlueprintBtn" class="bg-red-600 hover:bg-red-700 text-white px-3 py-2 rounded text-sm flex items-center justify-center">
<i class="fas fa-file-alt mr-2"></i>
Blueprint
</button>
<button id="exportCommandBtn" class="bg-green-600 hover:bg-green-700 text-white px-3 py-2 rounded text-sm flex items-center justify-center">
<i class="fas fa-terminal mr-2"></i>
Commands
</button>
</div>
<div id="commandOutput" class="mt-4 hidden bg-gray-800 text-green-400 p-3 rounded font-mono text-sm overflow-x-auto"></div>
<div id="blockListContainer" class="mt-4 hidden">
<h3 class="font-medium text-gray-700 mb-2">Required Blocks</h3>
<div id="blockList" class="flex flex-wrap gap-2">
<!-- Blocks will be added here dynamically -->
</div>
</div>
</div>
</div>
<div class="bg-gray-100 p-3 text-center text-sm text-gray-600">
<p>Powered by TensorFlow.js AI color matching | Not affiliated with Mojang or Microsoft</p>
</div>
</div>
</div>
<script>
// Wait for TensorFlow.js to be ready
document.addEventListener('DOMContentLoaded', async function() {
// Check if TensorFlow.js is loaded
if (!tf) {
alert('Error: TensorFlow.js not loaded. Please check your internet connection.');
return;
}
// DOM elements
const dropzone = document.getElementById('dropzone');
const imageInput = document.getElementById('imageInput');
const originalPreview = document.getElementById('originalPreview');
const originalImage = document.getElementById('originalImage');
const minecraftPreview = document.getElementById('minecraftPreview');
const pixelArtContainer = document.getElementById('pixelArtContainer');
const pixelArtCanvas = document.getElementById('pixelArtCanvas');
const convertBtn = document.getElementById('convertBtn');
const randomBtn = document.getElementById('randomBtn');
const clearBtn = document.getElementById('clearBtn');
const loadingBar = document.getElementById('loadingBar');
const commandOutput = document.getElementById('commandOutput');
const blockListContainer = document.getElementById('blockListContainer');
const blockList = document.getElementById('blockList');
// Export buttons
const exportImageBtn = document.getElementById('exportImageBtn');
const exportSchematicBtn = document.getElementById('exportSchematicBtn');
const exportBlueprintBtn = document.getElementById('exportBlueprintBtn');
const exportCommandBtn = document.getElementById('exportCommandBtn');
// Settings
const resolutionSelect = document.getElementById('resolutionSelect');
const paletteSelect = document.getElementById('paletteSelect');
const ditherSelect = document.getElementById('ditherSelect');
// Current state
let currentImage = null;
let pixelArtData = null;
// Dropzone events
dropzone.addEventListener('click', () => imageInput.click());
dropzone.addEventListener('dragover', (e) => {
e.preventDefault();
dropzone.classList.add('active');
});
dropzone.addEventListener('dragleave', () => {
dropzone.classList.remove('active');
});
dropzone.addEventListener('drop', (e) => {
e.preventDefault();
dropzone.classList.remove('active');
if (e.dataTransfer.files.length) {
imageInput.files = e.dataTransfer.files;
handleImageUpload();
}
});
// File input change
imageInput.addEventListener('change', handleImageUpload);
// Button events
convertBtn.addEventListener('click', convertToPixelArt);
randomBtn.addEventListener('click', loadRandomExample);
clearBtn.addEventListener('click', clearAll);
// Export buttons
exportImageBtn.addEventListener('click', exportAsImage);
exportSchematicBtn.addEventListener('click', exportAsSchematic);
exportBlueprintBtn.addEventListener('click', exportAsBlueprint);
exportCommandBtn.addEventListener('click', exportAsCommands);
// Handle image upload
function handleImageUpload() {
const file = imageInput.files[0];
if (!file) return;
const reader = new FileReader();
reader.onload = function(e) {
originalImage.src = e.target.result;
originalPreview.classList.remove('hidden');
minecraftPreview.innerHTML = '<p class="text-gray-500 text-center">Click "Convert to Pixel Art" to generate Minecraft version</p>';
pixelArtContainer.classList.add('hidden');
blockListContainer.classList.add('hidden');
commandOutput.classList.add('hidden');
currentImage = originalImage;
};
reader.readAsDataURL(file);
}
// Convert image to pixel art
async function convertToPixelArt() {
if (!currentImage) {
alert('Please upload an image first');
return;
}
convertBtn.disabled = true;
loadingBar.style.width = '30%';
// Simulate processing (in a real app, this would use TensorFlow.js)
setTimeout(() => {
loadingBar.style.width = '70%';
// Get settings
const resolution = parseInt(resolutionSelect.value);
const palette = paletteSelect.value;
const dithering = ditherSelect.value;
// Create canvas
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
// Set canvas dimensions
const maxDimension = Math.min(currentImage.naturalWidth || currentImage.width,
currentImage.naturalHeight || currentImage.height);
canvas.width = resolution;
canvas.height = resolution;
// Draw image to canvas (this would be replaced with actual TensorFlow processing)
ctx.drawImage(currentImage, 0, 0, resolution, resolution);
// Apply pixelation (simplified - real implementation would use TensorFlow for color matching)
const imageData = ctx.getImageData(0, 0, resolution, resolution);
const data = imageData.data;
// This is where TensorFlow.js would be used to:
// 1. Analyze colors
// 2. Match to closest Minecraft blocks
// 3. Apply dithering if selected
// For demo purposes, we'll just pixelate without AI
for (let i = 0; i < data.length; i += 4) {
// Simple color reduction for demo
data[i] = Math.round(data[i] / 51) * 51; // R
data[i+1] = Math.round(data[i+1] / 51) * 51; // G
data[i+2] = Math.round(data[i+2] / 51) * 51; // B
}
ctx.putImageData(imageData, 0, 0);
// Display result
pixelArtCanvas.width = resolution;
pixelArtCanvas.height = resolution;
pixelArtCanvas.getContext('2d').drawImage(canvas, 0, 0);
pixelArtContainer.classList.remove('hidden');
minecraftPreview.innerHTML = '<p class="text-gray-500 text-center">Pixel art generated! See export options below.</p>';
// Generate block list (simulated)
generateBlockList();
loadingBar.style.width = '100%';
setTimeout(() => {
loadingBar.style.width = '0%';
convertBtn.disabled = false;
}, 500);
}, 1000);
}
// Generate block list (simulated)
function generateBlockList() {
blockList.innerHTML = '';
// Simulate finding different blocks
const blocks = [
{ name: 'White Wool', color: '#E9ECEC' },
{ name: 'Red Wool', color: '#B02E26' },
{ name: 'Blue Wool', color: '#3C44AA' },
{ name: 'Green Wool', color: '#5E7C16' },
{ name: 'Yellow Wool', color: '#FED83D' },
{ name: 'Black Wool', color: '#1D1D21' }
].slice(0, 3 + Math.floor(Math.random() * 3)); // Random number of blocks
blocks.forEach(block => {
const blockEl = document.createElement('div');
blockEl.className = 'flex items-center bg-gray-100 px-2 py-1 rounded text-sm';
blockEl.innerHTML = `
<div class="w-4 h-4 rounded mr-2" style="background-color: ${block.color}"></div>
${block.name}
`;
blockList.appendChild(blockEl);
});
blockListContainer.classList.remove('hidden');
}
// Load random example
function loadRandomExample() {
const examples = [
'https://via.placeholder.com/512/FF5733/FFFFFF?text=Example+1',
'https://via.placeholder.com/512/33FF57/FFFFFF?text=Example+2',
'https://via.placeholder.com/512/3357FF/FFFFFF?text=Example+3',
'https://via.placeholder.com/512/F033FF/FFFFFF?text=Example+4'
];
const randomUrl = examples[Math.floor(Math.random() * examples.length)];
originalImage.src = randomUrl;
originalPreview.classList.remove('hidden');
minecraftPreview.innerHTML = '<p class="text-gray-500 text-center">Click "Convert to Pixel Art" to generate Minecraft version</p>';
pixelArtContainer.classList.add('hidden');
blockListContainer.classList.add('hidden');
commandOutput.classList.add('hidden');
// Create a fake image element to simulate loading
const img = new Image();
img.onload = function() {
currentImage = img;
};
img.src = randomUrl;
}
// Clear all
function clearAll() {
originalPreview.classList.add('hidden');
minecraftPreview.innerHTML = '<p class="text-gray-500 text-center">Converted pixel art will appear here</p>';
pixelArtContainer.classList.add('hidden');
blockListContainer.classList.add('hidden');
commandOutput.classList.add('hidden');
imageInput.value = '';
currentImage = null;
pixelArtData = null;
}
// Export functions
function exportAsImage() {
if (!pixelArtCanvas) {
alert('Please convert an image first');
return;
}
const link = document.createElement('a');
link.download = 'minecraft-pixel-art.png';
link.href = pixelArtCanvas.toDataURL('image/png');
link.click();
}
function exportAsSchematic() {
alert('Schematic export would be generated here in a real implementation');
}
function exportAsBlueprint() {
alert('Blueprint export would be generated here in a real implementation');
}
function exportAsCommands() {
if (!pixelArtCanvas) {
alert('Please convert an image first');
return;
}
// Simulate generating commands
const resolution = parseInt(resolutionSelect.value);
let commands = [
'# Minecraft Pixel Art Commands',
'# Generated by Minecraft Pixel Art Converter',
'# Resolution: ' + resolution + 'x' + resolution,
'',
'# Place these commands in command blocks or run in chat',
''
];
// Add some example commands (in a real app, this would generate actual placement commands)
for (let i = 0; i < 5; i++) {
commands.push(`/setblock ~${i} ~ ~ minecraft:white_wool`);
}
commands.push('', '# Total blocks: ~' + (resolution * resolution));
commandOutput.textContent = commands.join('\n');
commandOutput.classList.remove('hidden');
}
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Saad4web/pixel-arts" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>