Pixel Art Collection Quick Starter - Generate Algorithmically Your Own Curated (or Randomized) Collection
Let's start and generate algorithmically a pixel art collection in three steps:
Step 1 - Generate A List of Your Pixel Art Collection in a Tabular Text Format (Spreadsheet)
Step 2 - Generate All Pixel Art Images in Original Format and In 20x
Step 3 - Bonus: Generate an All-In-One Composite Image
Let's start with an exclusive twenty-five Shiba Inu dogs pixel art collection. Much wow. Super rare.
Let's copy and (re)use all punk (building) blocks in the dodge series (32x32):
Classic ,
Dark
,
Zombie
,
Alien
Attributes -
Beanie ,
Cap
,
Knitted Cap
,
Cowboy Hat
,
Headband
,
Regular Shades
,
Classic Shades
,
Small Shades
,
Big Shades
,
Eye Patch
,
Nerd Glasses
,
3D Glasses
,
Tiara
(Source: Punk (Building) Blocks - Dodge Series (32x32))
In the first sample let's generate the list of the pixel art collection
by hand. Let's use a rarity & popularity distribution of
10 classic Shibas, 7 darkies, 5 zombies and 3 aliens. Example - dodge.csv
:
type, attribute1, attribute2
Classic, 3D Glasses
Classic, Beanie
Classic, Cap, Regular Shades
Classic, Cowboy Hat
Classic, Eye Patch
Classic, Knitted Cap
Classic, Nerd Glasses
Classic, Big Shades
Classic, Knitted Cap, Regular Shades
Classic
Dark, Tiara
Dark, Big Shades
Dark, 3D Glasses
Dark, Classic Shades
Dark, Cap
Dark, Cap, Regular Shades
Dark, Tiara, Big Shades
Zombie, Knitted Cap
Zombie, Eye Patch
Zombie, Regular Shades
Zombie, Knitted Cap, Regular Shades
Zombie
Alien, Cap, Small Shades
Alien, Headband
Alien, Classic Shades
Yes, that's it. For the list format let's use the comma-separated values (.CSV) format supported by all spreadsheet programs. Every line is a record of a punk made up of the basic type and one or more attributes.
Note: Let's NOT add the index number (0,1,2,3, and so on). Why? That way you can easily reshuffle your collection anytime. Let's try a more "random" look by hand:
type, attribute1, attribute2
Classic, 3D Glasses
Dark, Tiara
Classic, Beanie
Zombie, Knitted Cap
Alien, Cap, Small Shades
Dark, Big Shades
Zombie, Eye Patch
Classic, Cap, Regular Shades
Classic, Cowboy Hat
Classic, Eye Patch
Alien, Headband
Classic, Knitted Cap
Dark, 3D Glasses
Zombie, Regular Shades
Classic, Nerd Glasses
Classic, Big Shades
Dark, Cap
Zombie
Classic, Knitted Cap, Regular Shades
Classic
Dark, Classic Shades
Dark, Cap, Regular Shades
Alien, Classic Shades
Dark, Tiara, Big Shades
Zombie, Knitted Cap, Regular Shades
Now the "magic" let's read in the list in the comma-separated values (.CSV) format and generate all pixel art images in the original format (32x32) and in 20x (640x640).
require './generate'
recs = read_csv( './no1/dodge.csv' )
puts " #{recs.size} punk(s)"
#=> 25 records
art = Art.new( dir: './dodge' )
recs.each_with_index do |rec,i|
name = "punk#{i}"
punk = art.generate( rec )
punk.save( "./o/no1/#{name}.png" )
punk.zoom(20).save( "./o/no1/#{name}x20.png" )
end
Yes, that's it. Run the script to generate algorithmically your collection.
In the /o
directory you will now find
two images per punk (in the orginal format, that is, 32x32
and x20, that is, 640x640) and get:
no1/
punk0.png
punk0x20.png
punk1.png
punk1x20.png
punk2.png
punk2x20.png
punk3.png
punk3x20.png
punk4.png
punk4x20.png
punk5.png
punk5x20.png
punk6.png
punk6x20.png
punk7.png
punk7x20.png
punk8.png
punk8x20.png
...
Let's open up punk0.png
to punk24.png
:
And let's have a looksie at the biggie 20x versions:
[...]
Note: If you use your own artwork
make sure your type and attribute names
used in the list in the comma-separated values (.CSV) format
match the filenames (without the .png
extension).
For the matching algorithm all names
get automatically downcased and all spaces deleted,
thus,
Classic
will map to classic.png
and
3D Glasses
to 3dglasses.png
and
Knitted Cap
to knittedcap.png
and so on.
Let's generate an all-in-one composite image holding the complete collection in a 5x5 grid.
require './generate'
recs = read_csv( './no1/dodge.csv' )
puts " #{recs.size} punk(s)"
#=> 25 records
art = Art.new( dir: './dodge' )
## 5x5 grid with every tile 32x32
punks = CompositeImage.new( 5, 5, width: 32, height: 32 )
recs.each_with_index do |rec,i|
punk = art.generate( rec )
punks << punk
end
punks.save( './o/no1/punks.png')
Yes, that's it. Run the script to generate algorithmically your collection in an all-in-one composite.
Open up punks.png
to have a looksie.
Let's take on a bigger pixel art collection. Let's try to generate a pixel-perfect copy of the first one hundred punks in the original Larva Labs series in the classic 24x24 format.
Let's copy and (re)use all punk (building) blocks in the original series (24x24):
[...]
(Source: Punk (Building) Blocks - Original Series (24x24))
Let's again generate the list of the pixel art collection by hand. Let's (re)use the rarity & popularity distribution of the original series that starts with 56 males and 44 females.
Note: Let's use roman numerals for the four
male and female (arche)types
skintone variants, that is,
I - lighter, II - light, III - dark, IV - darker.
Example - punks.csv
:
type, attribute1, attribute2, attribute3, attribute4, attribute5
Female III, Green Eye Shadow, Earring, Blonde Bob
Male IIII, Smile, Mohawk
Female II, Wild Hair
Male IIII, Wild Hair, Nerd Glasses, Pipe
Male III, Big Shades, Wild Hair, Earring, Goat
Female III, Purple Eye Shadow, Half Shaved, Earring
Male III, Do-rag
Female III, Wild White Hair, Spots, Clown Eyes Blue
Male IIII, Messy Hair, Luxurious Beard
Male III, Clown Nose, Police Cap, Big Beard
Female IIII, Blue Eye Shadow, Mohawk
Female III, Black Lipstick, Clown Eyes Green, Straight Hair Dark
Female IIII, Blonde Short, Purple Lipstick
Female II, Big Shades, Black Lipstick, Straight Hair Blonde
Female IIII, Pipe, Pilot Helmet, Hot Lipstick
Male I, Luxurious Beard, Wild Hair, Regular Shades
Male III, Stringy Hair, Earring, Small Shades
Male II, Frown, Mohawk
Male III, Eye Mask, Muttonchops
Female IIII, Bandana, Horned Rim Glasses, Hot Lipstick
Male II, Crazy Hair
Male II, Messy Hair, Classic Shades, Earring
Female IIII, Pilot Helmet, Purple Lipstick
Male II, Handlebars, Earring, Do-rag
Male II, Smile, Mohawk Dark
Female IIII, Wild White Hair
Female III, Dark Hair
Male II, Peak Spike, Earring
Male IIII, Big Shades, Crazy Hair
Female III, Horned Rim Glasses, Half Shaved, Earring
Male IIII, Normal Beard Black, Cap
Female IIII, Stringy Hair
Male II, Frown, VR
Male II, Peak Spike
Female II, Frumpy Hair, Purple Lipstick
Male IIII, Cigarette, Peak Spike, Earring, Horned Rim Glasses, Normal Beard
Female III, Red Mohawk
Female IIII, Cap, Clown Eyes Blue
Female II, Frumpy Hair, Classic Shades, Purple Lipstick
Male II, Frown, Shaved Head, Regular Shades
Male II, Bandana, Chinstrap, Smile
Male IIII, Muttonchops, Wild Hair, Clown Eyes Green
Female IIII, Wild Hair, Cigarette
Female III, Half Shaved
Male II, Messy Hair
Male III, Earring, Mole
Female III, Purple Lipstick, Straight Hair Dark
Male IIII, Knitted Cap
Male II, Big Shades, Mohawk
Female IIII, Bandana, Purple Eye Shadow
Male III, Spots, Fedora
Male III, Muttonchops, Wild Hair, Earring
Male IIII, Shadow Beard, Earring, Nerd Glasses, Knitted Cap
Female II, Big Shades, Straight Hair
Male IIII, Hoodie
Male II, Eye Patch
Male IIII, Shaved Head
Male II, Headband
Male III, Normal Beard Black, Hoodie
Male I, Muttonchops, Cowboy Hat
Female II, Stringy Hair, Purple Lipstick
Female II, Dark Hair
Female IIII, Hot Lipstick, Earring, Mohawk Dark, Clown Eyes Blue
Male IIII, Earring, Shaved Head, Small Shades
Female III, Straight Hair Blonde, Purple Lipstick
Female III, Eye Mask, Headband
Female IIII, Tassle Hat
Female IIII, Half Shaved, Purple Lipstick, 3D Glasses
Male IIII, Nerd Glasses, Do-rag
Male III, Normal Beard Black, Fedora
Female III, Crazy Hair, Regular Shades, Earring, Cigarette
Female II, Green Eye Shadow, Half Shaved, Purple Lipstick
Male IIII, Fedora, Earring, Nerd Glasses, Normal Beard
Female III, Black Lipstick, Bandana, Earring
Male IIII, Shadow Beard, Earring, Mohawk Dark
Male II, Shadow Beard, Knitted Cap, Eye Patch
Male II, Cigarette, Do-rag
Male IIII, Stringy Hair, Handlebars
Male III, Handlebars, Knitted Cap, Eye Patch
Male IIII, Normal Beard, Mohawk Dark
Male I, Wild Hair, Mustache
Male II, Headband, Small Shades
Male I, Headband
Male II, Vape, Shaved Head, Small Shades
Male II, Messy Hair, Big Shades, Earring
Female IIII, Crazy Hair
Female IIII, Knitted Cap, Green Eye Shadow, Hot Lipstick, Earring
Male II, Hoodie, Earring
Female II, Cap, Hot Lipstick
Female IIII, Choker
Male III, Hoodie, Eye Patch
Female II, Clown Nose, Straight Hair
Female II, Pink With Hat, Purple Lipstick, Nerd Glasses
Female II, Bandana
Female IIII, Pink With Hat, Regular Shades, Earring
Male III, Earring, Mohawk
Female II, Blonde Bob
Male III, Wild Hair
Female II, Black Lipstick, Welding Goggles, Dark Hair
Male III, Cigarette, Hoodie
To be continued...
Post them on the CryptoPunksDev reddit. Thanks.