Welcome to IOPWiki, Commander.
We are searching for new editors to keep track of Girls' Frontline 2 content, as well as veteran players to complete the data of Girls' Frontline and Project Neural Cloud characters.
You can contribute without an account. Learn how to contribute and join our Discord server.

Widget:chibiCommander: Difference between revisions

Welcome to IOP Wiki. This website is maintained by the Girls' Frontline community and is free to edit by anyone.
Jump to navigation Jump to search
← Older edit
Updated loading to new syntax
Using colorkey for naming
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><script>
<includeonly><script>
RLQ.push([['jquery', 'chibiAnimation'], function () {
function initSelects(resourcesUl) {
var resources = {};
var parts = resourcesUl;
parts.children('li').each(function() {
var part = $(this);
part.typ = part.contents().get(0).nodeValue.trim();
part.costumes = {};
part.children('ul').children('li').each(function() {
var costumeLi = $(this);
var costume = {};
costumeLi.children('ul').children('li').each(function() {
var dataLi = $(this);
var paramFull = dataLi.contents().get(0).nodeValue.trim();
if (paramFull === "colors") {
dataLi.children('ul').children('li').each(function() {
var colorLi = $(this);
costume.colors = costume.colors || [];
var colorLink = colorLi.children('a').first().attr('href');
var colorLinkParts = colorLink.split('/');
costume.colors.push(colorLinkParts[colorLinkParts.length-1]);
});
} else {
var paramName = paramFull.split(":")[0];
var paramLink = dataLi.children('a').first().attr('href');
var paramLinkParts = paramLink.split('/');
costume[paramName] = paramLinkParts[paramLinkParts.length-1];
}
});
costume.costumeId = costumeLi.contents().get(0).nodeValue.trim();
part.costumes[costume.costumeId] = costume;
});
resources[part.typ] = part;
});
for (var partKey in resources) {
var part = resources[partKey];
for (var costumeKey in part.costumes) {
var costume = part.costumes[costumeKey];
for (var colorKey in costume.colors) {
var color = costume.colors[colorKey];
var colName = "(" + colorKey + ")";
$('.commander-sim-option.' + part.typ).append($('<option>', {
value: costume.skel + ";" + costume.atlas + ";" + color,
text: costume.costumeId + " " + colName
}));
}
}
}
}
 
RLQ.push(['jquery', function () {
   $(document).ready(function() {
   $(document).ready(function() {
     $('select.commander-sim-option').on('change', function() {
     var rendererDiv = $('#cancan');
      var selectedHead = $('.commander-sim-option.head option:selected').val();
 
      var selectedBody = $('.commander-sim-option.body option:selected').val();
    mw.loader.using(['ext.gadget.md5hasher', 'ext.gadget.pixiLoader', 'ext.gadget.chibiAnimation']).then(function() {
      var selectedFeet = $('.commander-sim-option.feet option:selected').val();
      window.animations.PIXILoader.init().then(function() {
      var rendererDiv = $('#cancan');
          // Let's make sure the correct values are shown
      var baseview = rendererDiv.data('baseview');
          initSelects($('.commander-chibi-controls-panel-resources>ul'));
      window.loadCommander(rendererDiv, baseview, selectedHead, selectedBody, selectedFeet);
          $('.commander-sim-option').first().change();
        }, function(x,y,z) {
          console.error("Loading Spine failed");
          rendererDiv.removeClass("loading");
        }
      );
 
      $('select.commander-sim-option').on('change', function() {
        var selectedHead = $('.commander-sim-option.head option:selected').val();
        var selectedBody = $('.commander-sim-option.body option:selected').val();
        var selectedFeet = $('.commander-sim-option.feet option:selected').val();
        var baseview = rendererDiv.data('baseview');
        window.loadCommander(rendererDiv, baseview, selectedHead, selectedBody, selectedFeet);
      });
    }, function(x,y,z) {
      console.error("Loading needed libraries failed");
      rendererDiv.removeClass("loading");
     });
     });
    // Let's make sure the correct values are shown
    $('.commander-sim-option').first().change();
   });
   });
}]);
}]);
Line 20: Line 93:
<div class="commander-chibi-controls-panel">
<div class="commander-chibi-controls-panel">
                       <label class="commander-sim-option-label head">Head:
                       <label class="commander-sim-option-label head">Head:
<select class="gf-droplist commander-sim-option head" autocomplete="off">
<select class="gf-droplist commander-sim-option head" autocomplete="off"></select>
<option selected value="Commander_Initial_m_head_chibi_skel.skel;Commander_Initial_m_head_chibi_atlas.txt;Commander_Initial_m_head_chibi_spritemap.png">Default (m)</option>
<option value="Commander_Fury_Fantasy_female_head_chibi_skel.skel;Commander_Fury_Fantasy_female_head_chibi_atlas.txt;Commander_Fury_Fantasy_female_head_color_N_chibi_spritemap.png">Fury Fantasy (f) (Default)</option>
<option value="Commander_Fury_Fantasy_female_head_chibi_skel.skel;Commander_Fury_Fantasy_female_head_chibi_atlas.txt;Commander_Fury_Fantasy_female_head_color_0_chibi_spritemap.png">Fury Fantasy (f) 0</option>
<option value="Commander_Fury_Fantasy_female_head_chibi_skel.skel;Commander_Fury_Fantasy_female_head_chibi_atlas.txt;Commander_Fury_Fantasy_female_head_color_1_chibi_spritemap.png">Fury Fantasy (f) 1</option>
<option value="Commander_Fury_Fantasy_female_head_chibi_skel.skel;Commander_Fury_Fantasy_female_head_chibi_atlas.txt;Commander_Fury_Fantasy_female_head_color_2_chibi_spritemap.png">Fury Fantasy (f) 2</option>
<option value="Commander_Fury_Fantasy_female_head_chibi_skel.skel;Commander_Fury_Fantasy_female_head_chibi_atlas.txt;Commander_Fury_Fantasy_female_head_color_3_chibi_spritemap.png">Fury Fantasy (f) 3</option>
<option value="Commander_Fury_Fantasy_female_head_chibi_skel.skel;Commander_Fury_Fantasy_female_head_chibi_atlas.txt;Commander_Fury_Fantasy_female_head_color_4_chibi_spritemap.png">Fury Fantasy (f) 4</option>
</select>
                       </label>
                       </label>
                       <label class="commander-sim-option-label body">Body:
                       <label class="commander-sim-option-label body">Body:
<select class="gf-droplist commander-sim-option body" autocomplete="off">
<select class="gf-droplist commander-sim-option body" autocomplete="off"></select>
<option selected value="Commander_Initial_m_body_chibi_skel.skel;Commander_Initial_m_body_chibi_atlas.txt;Commander_Initial_m_body_chibi_spritemap.png">Default (m)</option>
<option value="Commander_Fury_Fantasy_female_body_chibi_skel.skel;Commander_Fury_Fantasy_female_body_chibi_atlas.txt;Commander_Fury_Fantasy_female_body_color_N_chibi_spritemap.png">Fury Fantasy (f) (Default)</option>
<option value="Commander_Fury_Fantasy_female_body_chibi_skel.skel;Commander_Fury_Fantasy_female_body_chibi_atlas.txt;Commander_Fury_Fantasy_female_body_color_0_chibi_spritemap.png">Fury Fantasy (f) 0</option>
<option value="Commander_Fury_Fantasy_female_body_chibi_skel.skel;Commander_Fury_Fantasy_female_body_chibi_atlas.txt;Commander_Fury_Fantasy_female_body_color_1_chibi_spritemap.png">Fury Fantasy (f) 1</option>
<option value="Commander_Fury_Fantasy_female_body_chibi_skel.skel;Commander_Fury_Fantasy_female_body_chibi_atlas.txt;Commander_Fury_Fantasy_female_body_color_2_chibi_spritemap.png">Fury Fantasy (f) 2</option>
<option value="Commander_Fury_Fantasy_female_body_chibi_skel.skel;Commander_Fury_Fantasy_female_body_chibi_atlas.txt;Commander_Fury_Fantasy_female_body_color_3_chibi_spritemap.png">Fury Fantasy (f) 3</option>
<option value="Commander_Fury_Fantasy_female_body_chibi_skel.skel;Commander_Fury_Fantasy_female_body_chibi_atlas.txt;Commander_Fury_Fantasy_female_body_color_4_chibi_spritemap.png">Fury Fantasy (f) 4</option>
</select>
                       </label>
                       </label>
                       <label class="commander-sim-option-label feet">Feet:
                       <label class="commander-sim-option-label feet">Feet:
<select class="gf-droplist commander-sim-option feet" autocomplete="off">
<select class="gf-droplist commander-sim-option feet" autocomplete="off"></select>
<option selected value="Commander_Initial_m_feet_chibi_skel.skel;Commander_Initial_m_feet_chibi_atlas.txt;Commander_Initial_m_feet_chibi_spritemap.png">Default (m)</option>
                      </label>
<option value="Commander_Fury_Fantasy_female_feet_chibi_skel.skel;Commander_Fury_Fantasy_female_feet_chibi_atlas.txt;Commander_Fury_Fantasy_female_feet_color_N_chibi_spritemap.png">Fury Fantasy (f) (Default)</option>
<option value="Commander_Fury_Fantasy_female_feet_chibi_skel.skel;Commander_Fury_Fantasy_female_feet_chibi_atlas.txt;Commander_Fury_Fantasy_female_feet_color_0_chibi_spritemap.png">Fury Fantasy (f) 0</option>
<option value="Commander_Fury_Fantasy_female_feet_chibi_skel.skel;Commander_Fury_Fantasy_female_feet_chibi_atlas.txt;Commander_Fury_Fantasy_female_feet_color_1_chibi_spritemap.png">Fury Fantasy (f) 1</option>
<option value="Commander_Fury_Fantasy_female_feet_chibi_skel.skel;Commander_Fury_Fantasy_female_feet_chibi_atlas.txt;Commander_Fury_Fantasy_female_feet_color_2_chibi_spritemap.png">Fury Fantasy (f) 2</option>
<option value="Commander_Fury_Fantasy_female_feet_chibi_skel.skel;Commander_Fury_Fantasy_female_feet_chibi_atlas.txt;Commander_Fury_Fantasy_female_feet_color_3_chibi_spritemap.png">Fury Fantasy (f) 3</option>
<option value="Commander_Fury_Fantasy_female_feet_chibi_skel.skel;Commander_Fury_Fantasy_female_feet_chibi_atlas.txt;Commander_Fury_Fantasy_female_feet_color_4_chibi_spritemap.png">Fury Fantasy (f) 4</option>
</select>
</div></includeonly><noinclude>{{#widget:chibiCommander}}</noinclude>
</div></includeonly><noinclude>{{#widget:chibiCommander}}</noinclude>

Latest revision as of 14:40, 28 November 2019

Retrieved from "http://iopwiki.com/index.php?title=Widget:chibiCommander&oldid=82094"