profilepic 0.1.1 → 0.1.4

data/lib/profilepic/service.rb

@@ -3,6 +3,62 @@
 # helpers
 #  to generate
 
+def radio_options_w_sprites( options,
+                      name:,
+                      legend: )
+
+  buf = <<TXT
+<fieldset>
+    <legend>#{legend}:</legend>
+TXT
+
+options.each_with_index do |option,i|
+
+  value = option.downcase
+
+  ## auto-extract qualifiers e.g. (m)ale/(f)emale
+  qualifiers = if    value.index( '(m)' )   then ['m']
+               elsif value.index( '(f)' )   then ['f']
+               elsif value.index( '(m/f)' ) then ['m', 'f']
+               else  []
+               end
+
+  value = value.sub( '(m)', '' ).sub( '(f)', '' ).sub( '(m/f)', '' ).sub( '¹', '' )
+  value = value.strip
+
+
+
+  label = option
+
+buf += <<TXT
+<div>
+  <input type="radio" id="#{name}#{i}" name="#{name}" value="#{value}"
+            #{ i==0 ? 'checked' : '' }>
+TXT
+
+if ['none'].include?( value )
+   ## do nothing  - no sprite(s) - for none & friends
+elsif qualifiers.empty?
+  buf +=  %Q[    <span class="sprite" data-name="#{value}"></span>\n]
+else
+  qualifiers.each do |qualifier|
+    buf +=  %Q[    <span class="sprite" data-name="#{value} (#{qualifier})"></span>\n]
+  end
+end
+
+buf += <<TXT
+       <label for="#{name}#{i}">#{label}</label>
+</div>
+TXT
+end
+
+
+buf += "</fieldset>\n"
+buf
+
+end
+
+
 def radio_options( options,
                      name:,
                      legend: )
@@ -15,12 +71,15 @@ TXT
 options.each_with_index do |option,i|
 
   value = option.downcase
+  value = value.sub( '(m)', '' ).sub( '(f)', '' ).sub( '(m/f)', '' ).sub( '¹', '' )
+  value = value.strip
+
   label = option
 
 buf += <<TXT
 <div>
   <input type="radio" id="#{name}#{i}" name="#{name}" value="#{value}"
-            #{ i==0 ? 'checked' : '' }
+            #{ i==0 ? 'checked' : '' }>
        <label for="#{name}#{i}">#{label}</label>
 </div>
 TXT
@@ -31,6 +90,183 @@ buf
 end
 
 
+YEOLDEPUNK_ARCHETYPE = [
+  'Male 1',
+  'Male 2',
+  'Male 3',
+  'Male 4',
+  'Female 1',
+  'Female 2',
+  'Female 3',
+  'Female 4',
+  'Zombie',
+  'Ape',
+  'Alien',
+]
+
+
+YEOLDEPUNK_HAIR = [
+  'Shaved Head (m)',
+  'Peak Spike (m)',
+  'Vampire Hair (m)',
+  'Purple Hair (m)',
+
+  'Mohawk (m/f)',
+  'Mohawk Dark (m/f)',
+  'Mohawk Thin (m/f)',
+  'Wild Hair (m/f)',
+  'Crazy Hair (m/f)',
+  'Messy Hair (m/f)',
+  'Frumpy Hair (m/f)',
+  'Stringy Hair (m/f)',
+  'Clown Hair Green (m/f)',
+
+  'Straight Hair (f)',
+  'Straight Hair Dark (f)',
+  'Straight Hair Blonde (f)',
+  'Blonde Short (f)',
+  'Blonde Bob (f)',
+  'Wild Blonde (f)',
+  'Wild White Hair (f)',
+  'Orange Side (f)',
+  'Dark Hair (f)',
+  'Pigtails (f)',
+  'Pink With Hat¹ (f)',
+  'Half Shaved (f)',
+  'Red Mohawk (f)',
+]
+
+YEOLDEPUNK_BEARD = [
+  'Shadow Beard (m)',
+  'Normal Beard (m)',
+  'Normal Beard Black (m)',
+  'Big Beard (m)',
+  'Luxurious Beard (m)',
+  'Mustache (m)',
+  'Goat (m)',
+  'Handlebars (m)',
+  'Front Beard (m)',
+  'Front Beard Dark (m)',
+  'Chinstrap (m)',
+  'Muttonchops (m)',
+]
+
+YEOLDEPUNK_EYEWEAR = [
+  'Small Shades (m)',
+  'Regular Shades (m/f)',
+  'Classic Shades (m/f)',
+  'Big Shades (m/f)',
+  'Nerd Glasses (m/f)',
+  'Horned Rim Glasses (m/f)',
+  '3D Glasses (m/f)',
+  'VR (m/f)',
+  'Eye Mask (m/f)',
+  'Eye Patch (m/f)',
+  'Welding Goggles (f)',
+]
+
+YEOLDEPUNK_EARRING = [
+  'Earring (m/f)'
+]
+
+
+YEOLDEPUNK_HEADWEAR = [
+  'Cowboy Hat (m)',
+  'Fedora (m)',
+  'Hoodie (m)',
+  'Beanie (m)',
+  'Top Hat (m)',
+  'Do-rag (m)',
+  'Police Cap (m)',
+  'Cap Forward (m)',
+  'Cap (m/f)',
+  'Knitted Cap (m/f)',
+  'Bandana (m/f)',
+  'Headband¹ (m/f)',
+  'Pilot Helmet (f)',
+  'Tassle Hat (f)',
+  'Tiara (f)',
+]
+
+YEOLDEPUNK_EYES = [
+  'Clown Eyes Green (m/f)',
+  'Clown Eyes Blue (m/f)',
+  'Green Eye Shadow (f)',
+  'Blue Eye Shadow (f)',
+  'Purple Eye Shadow (f)',
+]
+
+YEOLDEPUNK_MOUTH = [
+ 'Smile (m)',
+ 'Frown (m)',
+ 'Buck Teeth (m)',
+ 'Hot Lipstick (f)',
+ 'Black Lipstick (f)',
+ 'Purple Lipstick (f)',
+]
+
+
+YEOLDEPUNK_MOUTH_PROP = [
+ 'Cigarette (m/f)',
+ 'Vape (m/f)',
+ 'Pipe (m/f)',
+ 'Medical Mask (m/f)',
+]
+
+YEOLDEPUNK_NECK = [
+  'Silver Chain (m/f)',
+  'Gold Chain (m/f)',
+  'Choker (f)',
+]
+
+YEOLDEPUNK_BLEMISH = [
+  'Mole (m/f)',
+  'Spots (m/f)',
+  'Rosy Cheeks (m/f)',
+]
+
+YEOLDEPUNK_NOSE = [
+  'Clown Nose (m/f)',
+]
+
+
+
+
+DOGE_ARCHETYPE = [
+  'Classic',
+  'Dark',
+  'Zombie',
+  'Alien',
+]
+
+DOGE_HAIR = [
+ 'Crazy Hair',
+]
+
+DOGE_HEADWEAR = [
+  'Beanie',
+  'Cap',
+  'Cap Forward',
+  'Cowboy Hat',
+  'Fedora',
+  'Knitted Cap',
+  'Top Hat',
+  'Bandana',
+  'Headband',
+  'Tiara',
+]
+
+DOGE_EYEWEAR = [
+  '3D Glasses',
+  'Big Shades',
+  'Classic Shades',
+  'Regular Shades',
+  'Small Shades',
+  'Nerd Glasses',
+  'Eye Patch',
+]
+
+
 
 MARC_ARCHETYPE = [
  'Marc',
@@ -188,6 +424,16 @@ HTML
     erb :marcs
   end
 
+  get '/doge' do
+    erb :doge
+  end
+
+  get '/yeoldepunks' do
+    erb :yeoldepunks
+  end
+
+
+
 
   get '/generate_marcs' do
 
@@ -200,6 +446,29 @@ HTML
    redirect "/#{r.image_key}.png"
  end
 
+ get '/generate_yeoldepunks' do
+
+  r = ImageReq.build_yeoldepunk( params )
+
+  img = r.image
+
+  blob = img.image.to_blob
+  IMAGES[ r.image_key ] = blob
+  redirect "/#{r.image_key}.png"
+ end
+
+
+ get '/generate_doge' do
+
+  r = ImageReq.build_doge( params )
+
+  img = r.image
+
+ blob = img.image.to_blob
+ IMAGES[ r.image_key ] = blob
+ redirect "/#{r.image_key}.png"
+end
+
 
   get '/generate' do
 

data/lib/profilepic/version.rb

@@ -3,7 +3,7 @@
 module Profilepic
   MAJOR = 0
   MINOR = 1
-  PATCH = 1
+  PATCH = 4
   VERSION = [MAJOR,MINOR,PATCH].join('.')
 
   def self.version

data/lib/profilepic/views/doge.erb

@@ -0,0 +1,74 @@
+<p style="font-size: 80%;">
+    <a href="/">« Profile Pic(ture) As A Service</a>
+</p>
+
+
+
+<h1>Design Your Own Doge Shiba Inu (24×24) Wizard</h1>
+
+<p>Yes, you can!
+Generate your own originals that you
+own 100% forever.
+</p>
+
+
+
+<form action="/generate_doge" method="get" id="form1">
+
+
+<%= radio_options_w_sprites( DOGE_ARCHETYPE,
+                   name: 't',
+                   legend: 'Select a doge shiba inu base (archetype)' ) %>
+
+Options:
+
+<%= radio_options_w_sprites( ['None']+DOGE_HAIR,
+                   name: 'hair',
+                   legend: 'Select hair' ) %>
+
+<%= radio_options_w_sprites( ['None']+DOGE_HEADWEAR,
+                   name: 'headwear',
+                   legend: 'Select headwear' ) %>
+
+
+<%= radio_options_w_sprites( ['None']+DOGE_EYEWEAR,
+                   name: 'eyewear',
+                   legend: 'Select eyewear' ) %>
+
+<div>
+   <button type="submit" form="form1" value="Submit"
+      style="font-size: 400%; color: white; background-color: blue;">Generate Profile Pic(ture) in .PNG Format</button>
+</div>
+
+
+<%= erb :'shared/_more_options' %>
+
+</form>
+
+
+<script>
+var sheet = Spritesheet.read( 'doge-24x24.png',
+`0, classic
+1, dark
+2, zombie
+3, alien
+4, crazyhair
+5, beanie
+6, cap
+7, capforward
+8, cowboyhat
+9, fedora
+10, knittedcap
+11, tophat
+12, bandana
+13, headband
+14, tiara
+15, 3dglasses
+16, bigshades
+17, classicshades
+18, regularshades
+19, smallshades
+20, nerdglasses
+21, eyepatch` );
+sheet.draw();
+</script>

data/lib/profilepic/views/index.erb

@@ -1,6 +1,6 @@
 
 
-<h1>Profile Pic(ture) As Service</h1>
+<h1>Profile Pic(ture) As A Service</h1>
 
 <p>Yes, you can!
 Generate your own originals that you
@@ -41,10 +41,21 @@ own 100% forever.
       <label for="t5">Saudi Sheik (24×24)</label>
     </div>
 
-    <div>
-    <input type="radio" id="t6" name="t" value="yeoldepunk">
-    <label for="t6">Matt &amp; John's® Ye Olde' Punk V1/V2 (Anno 2017) (24×24)</label>
+
+  <div>
+    <input type="radio" id="t7" name="t" value="doge">
+    <label for="t7">Doge Shiba Inu (24×24)</label>
+     ... or try the <b><a href="/doge">Design Your Own Doge Shiba Inu Wizard »</a></b>
   </div>
+
+  <div>
+  <input type="radio" id="t6" name="t" value="yeoldepunk">
+  <label for="t6">Matt &amp; John's® Ye Olde' Punk V1/V2 (Anno 2017) (24×24)</label>
+   ... or try the <b><a href="/yeoldepunks">Matt &amp; John's® Ye Olde' Punk V1/V2 (Anno 2017) Wizard »</a></b>
+
+</div>
+
+
 </fieldset>
 
 

data/lib/profilepic/views/layout.erb

@@ -6,6 +6,7 @@
   <title>Profile Pic(ture) As A Service</title>
 
   <link href="<%= url('/style.css') %>" rel='stylesheet'>
+  <script src="spritesheet.js"></script>
 </head>
 <body>
 

data/lib/profilepic/views/marcs.erb

@@ -1,5 +1,9 @@
+<p style="font-size: 80%;">
+    <a href="/">« Profile Pic(ture) As A Service</a>
+</p>
+
 
-<h1>Marcs (24×24) - Profile Pic(ture) As Service</h1>
+<h1>Design Your Own Marc (24×24) Wizard</h1>
 
 <p>Yes, you can!
 Generate your own originals that you
@@ -11,39 +15,39 @@ own 100% forever.
 <form action="/generate_marcs" method="get" id="form1">
 
 
-<%= radio_options( MARC_ARCHETYPE,
+<%= radio_options_w_sprites( MARC_ARCHETYPE,
                    name: 't',
                    legend: 'Select a marc base (archetype)' ) %>
 
 Options:
 
 
-<%= radio_options( ['None']+MARC_EYES,
+<%= radio_options_w_sprites( ['None']+MARC_EYES,
                    name: 'eyes',
                    legend: 'Select eyes (extras)' ) %>
 
-<%= radio_options( ['None']+MARC_FACE,
+<%= radio_options_w_sprites( ['None']+MARC_FACE,
                    name: 'face',
                    legend: 'Select face (extras)' ) %>
 
-<%= radio_options( ['None']+MARC_BEARD,
+<%= radio_options_w_sprites( ['None']+MARC_BEARD,
                    name: 'beard',
                    legend: 'Select beard' ) %>
 
-<%= radio_options( ['None']+MARC_HAIR,
+<%= radio_options_w_sprites( ['None']+MARC_HAIR,
                    name: 'hair',
                    legend: 'Select hair' ) %>
 
-<%= radio_options( ['None']+MARC_HEADWEAR,
+<%= radio_options_w_sprites( ['None']+MARC_HEADWEAR,
                    name: 'headwear',
                    legend: 'Select headwear' ) %>
 
 
-<%= radio_options( ['None']+MARC_EYEWEAR,
+<%= radio_options_w_sprites( ['None']+MARC_EYEWEAR,
                    name: 'eyewear',
                    legend: 'Select eyewear' ) %>
 
-<%= radio_options( ['None']+MARC_MOUTH_PROP,
+<%= radio_options_w_sprites( ['None']+MARC_MOUTH_PROP,
                    name: 'mouth',
                    legend: 'Select mouth prop' ) %>
 
@@ -53,32 +57,162 @@ Options:
       style="font-size: 400%; color: white; background-color: blue;">Generate Profile Pic(ture) in .PNG Format</button>
 </div>
 
+<%= erb :'shared/_more_options' %>
 
+</form>
 
-Or
-
-<fieldset>
-    <legend>Type (more) attribute description / specification:</legend>
-
-<div>
-<input type="text" id="attributes" name="attributes"
-       minlength="0" maxlength="200" size="80"
-       style="font-size: 200%;"
-       placeholder="Attribute 1, Attribute 2, Attribute 3, ...">
-
-<p>
-  Examples:
-</p>
-  <ul>
-    <li>Normal Beard,  Big Shades</li>
-    <li>Crazy Hair, 3D Glasses</li>
-    <li>Headband</li>
-  </ul>
-
-</div>
-   </fieldset>
 
 
-<%= erb :'shared/_more_options' %>
 
-</form>
+<script>
+var sheet = Spritesheet.read( 'marcs-24x24.png',
+`0, marc classic
+1, ape classic
+2, Marc Dark
+3, Marc Mid
+4, Marc
+5, Marc Albino
+6, Marc Golden
+7, madlad
+8, zombie
+9, ape
+10, Ape Golden
+11, Ape Pink
+12, Alien
+13, Alien Green
+14, Devil
+15, Devil 2
+16, Devil 3
+17, orc
+18, skeleton
+19, bot
+20, blue_eyes
+21, green_eyes
+22, blue_eye_shadow
+23, green_eye_shadow
+24, purple_eye_shadow
+25, bagner
+26, horns
+27, marc_tyson
+28, cleft
+29, mole
+30, rosy_cheeks
+31, shine
+32, spots
+33, black_lipstick
+34, hot_lipstick
+35, purple_lipstick
+36, buck_teeth
+37, clown_nose
+38, gold_ring
+39, diamond_earring
+40, gold_earring
+41, diamond_helix
+42, gold_helix
+43, frown
+44, smile
+45, big_beard_white
+46, big_beard
+47, chinstrap
+48, front_beard
+49, front_beard_dark
+50, full_mustache
+51, full_mustache_dark
+52, goat
+53, goat_dark
+54, handlebar
+55, luxurious_beard
+56, mustache
+57, mutton_chop
+58, normal_beard
+59, normal_beard_black
+60, shadow_beard
+61, soul_patch
+62, bandana
+63, beanie
+64, bunny_ears
+65, cap
+66, skull_cap
+67, cap_forward
+68, police_cap
+69, cowboy_hat
+70, do_rag
+71, fast_food
+72, marcdonalds
+73, fedora
+74, headband
+75, roaring_headband
+76, hoodie
+77, purple_hoodie
+78, knitted_cap
+79, laurels
+80, shemagh
+81, tassle_hat
+82, tiarra
+83, top_hat
+84, uncle_sam
+85, viking
+86, welding_goggles
+87, blonde_bob
+88, chad
+89, clown_hair
+90, crazy_white_hair
+91, crazy_hair
+92, frumpy_hair
+93, marc_three
+94, purple_hair
+95, stringy_hair
+96, vampire_hair
+97, wild_blonde_hair
+98, wild_hair
+99, clown_eyes_blue
+100, clown_eyes_green
+101, lasers
+102, tears
+103, 3d_glasses
+104, aviators
+105, big_shades
+106, classic_shades
+107, deal_with_it
+108, glasses
+109, gold_glasses
+110, horned_rim_glasses
+111, monocle
+112, nerd_glasses
+113, pink_shades
+114, polarized
+115, polarized_white
+116, regular_shades
+117, small_shades
+118, VR Headset
+119, eye_mask
+120, eye_patch
+121, cigar
+122, cigarette
+123, hookah
+124, pipe
+125, vape
+126, medical_mask
+127, bubble_gum
+128, black_tie
+129, blue_tie
+130, red_tie
+131, blue_shirt
+132, blue_t_shirt
+133, Fast Food Shirt
+134, green_shirt
+135, grey_shirt
+136, purple_t_shirt
+137, white_t_shirt
+138, jumpsuit
+139, labcoat
+140, choker
+141, double_gold_chain
+142, gold_chain
+143, silver_chain
+144, thick_chain
+145, hemp
+146, ice
+147, medallion` );
+sheet.draw();
+</script>