started visual rework, wow font

This commit is contained in:
Ulf Gebhardt 2014-11-13 16:46:46 +01:00
parent 23a130033f
commit 34bde8138a
31 changed files with 86 additions and 51 deletions

BIN
lib/wow-plexus.zip Normal file

Binary file not shown.

View File

@ -0,0 +1,5 @@
.equipment {
width: 450px;
height: 500px;
float: left;
}

View File

@ -0,0 +1,24 @@
<?php
class equipment {
public static function generate($class, $name, $race, $gender, $equip, $skin_color, $hair, $hair_color, $face, $facial_hair, $facial_hair_color){
$vars = array( 'class' => $class, 'name' => $name, 'race' => $race, 'gender' => $gender, 'equip' => $equip,
'skin_color' => $skin_color, 'hair' => $hair, 'hair_color' => $hair_color,
'face' => $face, 'facial_hair' => $facial_hair, 'facial_hair_color' => $facial_hair_color);
$vars['EQ_PICS'] = \SYSTEM\FILES\files::getURL('equipment');
$vars['CLASS_PICS'] = \SYSTEM\FILES\files::getURL('class');
$vars['class_name'] = player_classes::name($class);
//$vars['char_equip'] = '';//'1,110744,3,109807,16,111412,5,111190,9,111188,10,126342,6,110003,7,120793,8,115217,21,125312,14,110641';//
return \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PAPI(),'char/tpl/equipment.tpl'), $vars);
}
}
/*<object type="application/x-shockwave-flash" style="" data="http://wow.zamimg.com/modelviewer/ZAMviewerfp11.swf" width="100%" height="100%">
<param name="wmode" value="direct">
<!--<param name="wmode" value="transparent">
<param name="quality" value="high">
<param name="allowscriptaccess" value="always">
<!--<param name="allowfullscreen" value="true">
<param name="menu" value="false">
<param name="flashvars" value="model=${race}${gender}&amp;modelType=16&amp;cls=1&amp;equipList=${equip}&amp;sk=${skin_color}&amp;ha=${hair}&amp;hc=${hair_color}&amp;fa=${face}&amp;fh=${facial_hair}&amp;fc=${facial_hair_color}&amp;mode=3&amp;contentPath=http://wow.zamimg.com/modelviewer/&amp;hd=true&amp;blur=1">
<!--<param movie="http://static.wowhead.com/modelviewer/modelviewer_scale.swf?4"/>
</object>*/

View File

@ -0,0 +1,36 @@
<div class="equipment" style="background: url(${CLASS_PICS}${class_name}.png)">
<div style="float:left; width: 64px; height: 400px; padding-top: 10px; padding-left: 10px;">
<img src="${EQ_PICS}Ui-paperdoll-slot-head.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-neck.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-shoulder.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-back.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-chest.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-shirt.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-tabard.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-wrists.png" width="48px" style="padding-bottom: 5px;"/>
</div>
<div style="float:left; width: 322px; height: 400px; padding-top: 0px;">
<h4>${name} <img src="${CLASS_PICS}${class_name}.png" width="24px" style="float: right; margin-right: 10px;"/></h4>
<object data="http://static.wowhead.com/modelviewer/ModelView.swf" width="322px" height="400px" type="application/x-shockwave-flash">
<param name="quality" value="high"/>
<param name="wmode" value="transparent"/>
<param name="allowsscriptaccess" value="always"/>
<param name="menu" value="false"/>
<param name="flashvars" value="model=${race}${gender}&amp;modelType=16&amp;equipList=${equip}&amp;sk=${skin_color}&amp;ha=${hair}&amp;hc=${hair_color}&amp;fa=${face}&amp;fh=${facial_hair}&amp;fc=${facial_hair_color}&amp;mode=3&amp;contentPath=http://static.wowhead.com/modelviewer/" />
<param movie="http://static.wowhead.com/modelviewer/modelviewer_scale.swf?4"/>
</object>
<img src="${EQ_PICS}Ui-paperdoll-slot-mainhand.png" width="48px" style="margin-left: 45px; float: left;"/>
<img src="${EQ_PICS}Ui-paperdoll-slot-secondaryhand.png" width="48px" style="margin-left: 5px; float: left;"/>
<img src="${EQ_PICS}Ui-paperdoll-slot-ranged.png" width="48px" style="margin-left: 45px; float: left;"/>
</div>
<div style="float:right; width: 64px; height: 400px; padding-top: 10px; padding-right: 10px;">
<img src="${EQ_PICS}Ui-paperdoll-slot-hands.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-waist.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-legs.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-feet.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-finger.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-finger.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-trinket.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${EQ_PICS}Ui-paperdoll-slot-trinket.png" width="48px" style="padding-bottom: 5px;"/>
</div>
</div>

View File

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

View File

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

View File

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -10,6 +10,10 @@
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/skilltree/skills/','skilltree_skills','*.*');
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/skilltree/skills_grey/','skilltree_skills_grey','*.*');
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/equipment/','equipment','*.*');
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/inventory/','inventory','*.*');
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/class/','class','*.*');
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/race/','race','*.*');

View File

@ -1,49 +1,6 @@
<div style="float:left; width: 64px; height: 400px; padding-top: 10px;">
<img src="${WOWICONS}Ui-paperdoll-slot-head.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-neck.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-shoulder.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-back.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-chest.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-shirt.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-tabard.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-wrists.png" width="48px" style="padding-bottom: 5px;"/>
</div>
<div style="float:left; width: 290px; height: 400px; padding-top: 0px;">
<h4>${char_name}</h4>
<object type="application/x-shockwave-flash" style="" data="http://wow.zamimg.com/modelviewer/ZAMviewerfp11.swf" width="100%" height="100%">
<param name="wmode" value="direct">
<!--<param name="wmode" value="transparent">-->
<param name="quality" value="high">
<param name="allowscriptaccess" value="always">
<!--<param name="allowfullscreen" value="true">-->
<param name="menu" value="false">
<param name="flashvars" value="model=${char_race}${char_gender}&amp;modelType=16&amp;cls=1&amp;equipList=${char_equip}&amp;sk=${char_skin_color}&amp;ha=${char_hair}&amp;hc=${char_hair_color}&amp;fa=${char_face}&amp;fh=${char_facial_hair}&amp;fc=${char_facial_hair_color}&amp;mode=3&amp;contentPath=http://wow.zamimg.com/modelviewer/&amp;hd=true&amp;blur=1">
<!--<param movie="http://static.wowhead.com/modelviewer/modelviewer_scale.swf?4"/>-->
</object>
<!--<object data="http://static.wowhead.com/modelviewer/ModelView.swf" width="290px" height="400px" type="application/x-shockwave-flash">
<param value="high" name="quality" />
<param value="transparent" name="wmode" />
<param value="always" name="allowsscriptaccess" />
<param value="false" name="menu" />
<param name="flashvars" value="model=${char_race}${char_gender}&amp;modelType=16&amp;equipList=${char_equip}&amp;sk=${char_skin_color}&amp;ha=${char_hair}&amp;hc=${char_hair_color}&amp;fa=${char_face}&amp;fh=${char_facial_hair}&amp;fc=${char_facial_hair_color}&amp;mode=3&amp;contentPath=http://static.wowhead.com/modelviewer/&amp;blur=1&amp;equipList=1,1117" />
<param movie="http://static.wowhead.com/modelviewer/modelviewer_scale.swf?4"/>
</object>-->
<img src="${WOWICONS}Ui-paperdoll-slot-mainhand.png" width="48px" style="margin-left: 45px; float: left;"/>
<img src="${WOWICONS}Ui-paperdoll-slot-secondaryhand.png" width="48px" style="margin-left: 5px; float: left;"/>
<img src="${WOWICONS}Ui-paperdoll-slot-ranged.png" width="48px" style="margin-left: 45px; float: left;"/>
</div>
<div style="float:left; width: 64px; height: 400px; padding-top: 10px; padding-left: 16px;">
<img src="${WOWICONS}Ui-paperdoll-slot-hands.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-waist.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-legs.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-feet.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-finger.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-finger.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-trinket.png" width="48px" style="padding-bottom: 5px;"/><br/>
<img src="${WOWICONS}Ui-paperdoll-slot-trinket.png" width="48px" style="padding-bottom: 5px;"/>
</div>
<div style="float:left; width: 240px; height: 432px; margin-top: 5px; margin-left: 5px; border: solid back 1px; background: url(${WOWICONS}Ui-paperdoll-slot-empty2.png);">
<img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/><img class="item" src="${WOWICONS}help_questionmark.png" width="48px" style=""/>
${equipment}
<div style="float:left; width: 240px; height: 432px; margin-top: 5px; margin-left: 5px; border: solid back 1px; background: url(${INV_PICS}Ui-paperdoll-slot-empty2.png);">
<img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/><img class="item" src="${INV_PICS}help_questionmark.png" width="48px" style=""/>
</div>
<div style="padding: 25px; float: left;">
<table>
@ -140,4 +97,4 @@
</table>
</div>
<div class="clear"></div>
<div id="frame_content_toolbar" style="margin-top: 75px; height: 75px;"></div>
<div id="frame_content_toolbar" style="margin-top: 10px; height: 75px;"></div>

View File

@ -0,0 +1,3 @@
Select a Race and Gender first!
<div class="clear"></div>
<div id="frame_content_toolbar" style="margin-top: 75px; height: 75px;"></div>

View File

@ -6,13 +6,19 @@ class wizard_visuals extends SYSTEM\PAGE\Page {
return array( \SYSTEM\WEBPATH(new PPAGE(),'wizard_visuals/js/wizard_visuals.js'));}
public static function css (){
return array();}
return array( \SYSTEM\WEBPATH(new PAPI(),'char/css/equipment.css'));}
public function html(){
$vars = json_decode(charcreation::data(),true)['result'];
$vars['char_equip'] = '';//'1,110744,3,109807,16,111412,5,111190,9,111188,10,126342,6,110003,7,120793,8,115217,21,125312,14,110641';//
$vars['WOWICONS'] = \SYSTEM\CONFIG\config::get(\SYSTEM\CONFIG\config_ids::SYS_CONFIG_PATH_BASEURL).'api.php?call=files&cat=wowicons&id=';
$vars['infotext_default'] = \SYSTEM\locale::getStrings(DBD\locale_string::VALUE_CATEGORY_WOW_INFOTEXT)['default'];
$vars['equipment'] = equipment::generate( $vars['char_class'],$vars['char_name'],$vars['char_race'], $vars['char_gender'],
$vars['char_equip'], $vars['char_skin_color'], $vars['char_hair'],
$vars['char_hair_color'], $vars['char_face'], $vars['char_facial_hair'],
$vars['char_facial_hair_color']);
$vars['INV_PICS'] = \SYSTEM\FILES\files::getURL('inventory');
if($vars['char_race'] == 'default' ||
$vars['char_gender'] == 'default'){
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_visuals/tpl/wizard_visuals_norace.tpl'), array());
}
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_visuals/tpl/wizard_visuals.tpl'), $vars);
}
}