profilepic 0.1.4 → 0.1.5

data/lib/profilepic/config/yeoldepunks.rb

@@ -0,0 +1,204 @@
+
+
+
+YEOLDEPUNK = {
+  t: {
+    legend: "Select a ye olde' punk  base (archetype)",
+    options: [
+      'Male 1',
+      'Male 2',
+      'Male 3',
+      'Male 4',
+      'Female 1',
+      'Female 2',
+      'Female 3',
+      'Female 4',
+      'Zombie',
+      'Ape',
+      'Alien',
+      'Bot',
+      'Zombie Female',
+      'Ape Female',
+      'Alien Female',
+      'Bot Female',
+    ],
+  },
+
+
+  cheeks: {
+    legend: 'Select cheeks',
+    none: true,
+    options: [
+      'Rosy Cheeks (m/f)',
+    ]
+  },
+
+  blemish: {
+    legend: 'Select blemish',
+    none: true,
+    options: [
+      'Mole (m/f)',
+      'Spots (m/f)',
+    ]
+  },
+
+  hair: {
+    legend: 'Select hair',
+    none: true,    ## check - use/rename to required/optional - why? why not?
+    options: [
+      'Shaved Head (m/f)',
+      'Peak Spike (m/f)',
+      'Vampire Hair (m/f)',
+      'Purple Hair (m/f)',
+
+      '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 (m/f)',
+      'Straight Hair Dark (m/f)',
+      'Straight Hair Blonde (m/f)',
+      'Blonde Short (m/f)',
+      'Blonde Bob (m/f)',
+      'Wild Blonde (m/f)',
+      'Wild White Hair (m/f)',
+      'Orange Side (m/f)',
+      'Dark Hair (m/f)',
+      'Pigtails (m/f)',
+      'Pink With Hat¹ (m/f)',
+      'Half Shaved (m/f)',
+      'Red Mohawk (m/f)',
+    ],
+    notes: "¹: Note: Pink With Hat is a hair+headwear combo.",
+  },
+
+  beard: {
+    legend: 'Select beard',
+    none: true,
+    options: [
+      '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)',
+    ],
+  },
+
+  eyes: {
+    legend: 'Select eyes (make-up)',
+    none: true,
+    options: [
+      'Clown Eyes Green (m/f)',
+      'Clown Eyes Blue (m/f)',
+      'Green Eye Shadow (f)',
+      'Blue Eye Shadow (f)',
+      'Purple Eye Shadow (f)',
+    ]
+  },
+
+  eyewear: {
+    legend: 'Select eyewear',
+    none: true,
+    options: [
+      'Small Shades (m/f)',
+      '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 (m/f)',
+    ]
+  },
+
+  nose: {
+    legend: 'Select nose accessory',
+    none: true,
+    options: [
+      'Clown Nose (m/f)',
+    ]
+  },
+
+  mouth: {
+    legend: 'Select mouth expression / lipstick make-up',
+    none: true,
+    options: [
+      'Smile (m)',
+      'Frown (m)',
+      'Buck Teeth (m)',
+      'Hot Lipstick (f)',
+      'Black Lipstick (f)',
+      'Purple Lipstick (f)',
+     ]
+  },
+
+  mouthprop: {
+    legend: 'Select mouth prop',
+    none:  true,
+    options: [
+      'Cigarette (m/f)',
+      'Vape (m/f)',
+      'Pipe (m/f)',
+      'Medical Mask (m/f)',
+     ]
+  },
+
+  earring: {
+    legend: 'Select earring',
+    none: true,
+    options: [
+      'Earring (m/f)'
+    ]
+  },
+
+  headwear: {
+    legend: 'Select headwear',
+    none: true,
+    options: [
+      'Cowboy Hat (m/f)',
+      'Fedora (m/f)',
+      'Hoodie (m/f)',
+      'Beanie (m/f)',
+      'Top Hat (m/f)',
+      'Do-rag (m/f)',
+      'Police Cap (m/f)',
+      'Cap Forward (m/f)',
+      'Cap (m/f)',
+      'Knitted Cap (m/f)',
+      'Bandana (m/f)',
+      'Headband¹ (m/f)',
+      'Pilot Helmet (m/f)',
+      'Tassle Hat (m/f)',
+      'Tiara (m/f)',
+    ],
+    notes: '¹: Note: Headband (f) is a (black) hair+headwear combo.',
+  },
+
+  neck: {
+    legend: 'Select neck accessory',
+    none: true,
+    options: [
+      'Silver Chain (m/f)',
+      'Gold Chain (m/f)',
+      'Choker (m/f)',
+    ]
+  },
+}
+
+

data/lib/profilepic/helper.rb

@@ -0,0 +1,162 @@
+################
+# (view) helpers
+
+
+def spritesheet( basename )  ## spritesheet metadata / record helpers
+  ## note: map "virtual name" to local real path
+  path = FILES[ basename ]
+  recs = read_csv( path )
+
+###
+# id, category, name, more_names
+# 0, , classic,
+# 1, , dark,
+# 2, , zombie,
+
+##
+# id, name, gender, size, type, more_names
+# 0, Male 1, m, l, Archetype,
+# 1, Male 2, m, l, Archetype,
+# 2, Male 3, m, l, Archetype,
+
+
+  buf = String.new('')
+  recs.each do |rec|
+    id         =  rec['id']
+    name       =  rec['name']
+    more_names = (rec['more_names'] || '').split( '|' )
+
+    names = [name]
+    names += more_names
+
+    if rec.has_key?( 'gender' )
+        archetype  = (rec['type'] || rec['category'] || '').downcase.strip == 'archetype'
+        if archetype
+          ## do nothing for base archetype (e.g. male 1, alien, etc.)
+        else
+           ## auto-add qualifer e.g. (m) or (f) via gender
+           gender = (rec['gender'] || 'm').downcase.strip
+           names = names.map { |name| "#{name} (#{gender})"}
+        end
+    end
+
+
+    buf << "#{id}, #{names.join(' | ')}\n"
+  end
+
+  buf
+end
+
+
+
+
+def render_options( spec )
+
+  buf = String.new('')
+
+  spec.each do |name, h|
+
+    options = h[:options]
+    options = ['None'] + options   if h[:none]
+
+    legend = h[:legend]
+
+    buf += radio_options_w_sprites( options,
+                                      name:    name,
+                                      legend:  legend )
+
+
+    buf += "\n#{h[:notes]}\n\n"    if h[:notes]
+  end
+
+  buf
+end
+
+
+
+
+def radio_button_tag( name, value, checked: false, id: )
+  buf = %Q[  <input type="radio" id="#{id}" name="#{name}" value="#{value}" ]
+  buf += " checked "   if checked
+  buf += ">\n"
+  buf
+end
+
+def label_tag( content, id: )
+  %Q[    <label for="#{id}">#{content}</label>\n]
+end
+
+def sprite_tag( name )
+  %Q[    <span class="sprite" data-name="#{name}"></span>\n]
+end
+
+
+
+
+def radio_options_w_sprites( options, name:, legend: )
+   radio_options( options, name: name,
+                           legend: legend,
+                           sprites: true )
+end
+
+
+def radio_options( options, name:,
+                            legend:,
+                            sprites: false )
+
+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
+  id    = "#{name}#{i}"    ## use for input (dom) id / label for [id]
+
+
+  ## note. add class columns - via css turns div into 250px inline-blocks
+buf += "<div class='columns'>\n"
+buf +=  radio_button_tag( name, value,
+                          id: id,
+                          checked: i==0  )
+
+buf2 = String.new( '' )
+if sprites
+  if ['none'].include?( value )
+    ## do nothing  - no sprite(s) - for none & friends
+  elsif qualifiers.empty?
+    buf2 +=  sprite_tag( value )
+  else
+    qualifiers.each do |qualifier|
+      buf2 +=  sprite_tag( "#{value} (#{qualifier})" )
+    end
+  end
+  ## note: add sprites (spans) inside label e.g. <label> HERE </label>
+  buf += label_tag( buf2 + label, id: id )
+else
+  buf += label_tag( label, id: id )
+end
+
+buf += "</div>\n"
+end
+
+
+buf += "</fieldset>\n"
+buf
+
+end
+

data/lib/profilepic/public/spritesheet.js

@@ -51,9 +51,14 @@ class Spritesheet {
       let names = {};
       for( let row of rows ) {
          let id = parseInt( row[0] );
-         let name = this._norm_name( row[1] );
 
-         names[ name ] = id;
+         // note: allow more than one name  (split by pipe e.g. |)
+         //     Marc 2 | Marc Mid  |  Marc Medium
+         let values = row[1].split('|');
+         for( let name of values) {
+            name = this._norm_name( name );
+            names[ name ] = id;
+         }
       }
 
       return names;

data/lib/profilepic/public/style.css

@@ -15,6 +15,25 @@ body {
 
 
 
+ fieldset div.columns {
+  display: inline-block;
+  width: 240px;
+}
+
+fieldset {
+  background-color:  floralwhite;
+}
+
+
+button.bigblue {
+    font-size: 400%;
+    color: white;
+    background-color: blue;
+}
+
+
+
+
 
 /** version block **********/