[問題]戰鬥時玩家圖像的位置修正

WOG設定安裝教學

版主: 涅魂, 簫哥

呀成
 
文章: 525
註冊時間: 2006-01-11 2:20 pm
來自: 香港天水圍

[問題]戰鬥時玩家圖像的位置修正

文章呀成 » 2007-04-07 4:17 pm

圖檔
想移上同怪圖一樣平排



簫哥
 
文章: 629
註冊時間: 2006-04-01 9:08 pm
來自: 戰略電玩
性別: 男生

文章簫哥 » 2007-04-07 4:38 pm

戰鬥介面在wog.js裡,你就以html語言寫入js之中一段就行了。


NAS DS107e
簫哥電腦藝術工作室
wog4_ffa_x1(v4版本)
埋頭研發網頁角色扮演WebRPG,執行進度:版本更新。
ps.應允網友要求,v4版wog已經架設了= =!!

呀成
 
文章: 525
註冊時間: 2006-01-11 2:20 pm
來自: 香港天水圍

文章呀成 » 2007-04-07 6:46 pm

可以提供修改方法嗎-_-!



簫哥
 
文章: 629
註冊時間: 2006-04-01 9:08 pm
來自: 戰略電玩
性別: 男生

文章簫哥 » 2007-04-07 8:05 pm

代碼: 選擇全部
   f.write('<tr><td width="50%" height="185" align="center"[color=red] valign="middle"[/color]><img id=g1 src="'+p_img+'" border="0" style="position: absolute;left: 23%;top: 220;Z-INDEX: 1;visibility: visible"></td><td align="center" width="50%" height="170"[color=red] valign="middle"[/color]>'+m_img+'</td></tr>');


你加入html表格的垂直置中就行了= =!!


NAS DS107e
簫哥電腦藝術工作室
wog4_ffa_x1(v4版本)
埋頭研發網頁角色扮演WebRPG,執行進度:版本更新。
ps.應允網友要求,v4版wog已經架設了= =!!

呀成
 
文章: 525
註冊時間: 2006-01-11 2:20 pm
來自: 香港天水圍

文章呀成 » 2007-04-07 8:47 pm

發現不行唷
代碼: 選擇全部
function fire_date(p_at,p_df,p_mat,p_mdf,p_hp,p_hpmax,p_s,p_img_set,i_img,m_at,m_df,m_mat,m_mdf,m_hp,m_hpmax,m_s,m_name,m_img,f_status)
{
   var f=parent.wog_view.document;
   var p_name=get_name();
   temp_p_hp=p_hp;
   temp_p_hpmax=p_hpmax;
   temp_m_hp=m_hp;
   temp_m_hpmax=m_hpmax;
   var temp_php_img=(temp_p_hp/temp_p_hpmax)*150;
   var temp_mhp_img=(temp_m_hp/temp_m_hpmax)*150;
   var p_img="";
   setup_mname(m_name);
   message_cls();
   p_s=s_status(p_s);
   m_s=s_status(m_s);
   if(m_img=="")
   {
      m_img="no_img.jpg";
   }
   if(f_status==1)
   {
      if(m_img.indexOf("http") == -1)
      {
         m_img=img+m_img+".gif";
      }      
      m_img='<img id=g2 src="'+m_img+'" border="0" style="position: absolute;left: 60%;top: 220;Z-INDEX: 1;visibility: visible">';
   }else
   {
      m_img=mimg+m_img;
      m_img='<img id=g2 src="'+m_img+'" border="0" style="position: absolute;left: 60%;top: 175;Z-INDEX: 1;visibility: visible">';
   }
   if(p_img_set==1)
   {
      p_img=i_img;
   }else
   {
      p_img=img+i_img+".gif";
   }
   f.write(fight_temp_table1+'<tr><td colspan="2">'+p_name+'</td><td colspan="2" >'+m_name+'</td></tr>');
   f.write('<tr><td width="150">HP</td><td class=b1 width="150"><img src='+img+'bar/bhg.gif border="0" width="'+temp_php_img+'" id="p_img"  height="9" alt=""></td><td width="150">HP</td><td class=b1 width="150"><img src='+img+'bar/bhg.gif border="0" width="150" id="m_img"  height="9" alt=""></td></tr>');
   f.write('<tr><td>物理攻擊</td><td>'+p_at+'</td><td>物理攻擊</td><td>'+m_at+'</td></tr>');
   f.write('<tr><td>物理防禦</td><td>'+p_df+'</td><td>物理防禦</td><td>'+m_df+'</td></tr>');   
   f.write('<tr><td>魔法攻擊</td><td>'+p_mat+'</td><td>魔法攻擊</td><td>'+m_mat+'</td></tr>');   
   f.write('<tr><td>魔法防禦</td><td>'+p_mdf+'</td><td>魔法防禦</td><td>'+m_mdf+'</td></tr>');   
   f.write('<tr><td>屬性</td><td>'+p_s+'</td><td>屬性</td><td>'+m_s+'</td></tr>');
   f.write(temp_table2);
   f.write('<table width="600" border="0" cellspacing="0" cellpadding="0" align="center" >');
   f.write('<tr><td width="50%" height="185" align="center" valign="middle"><img id=g1 src="'+p_img+'" border="0" style="position: absolute;left: 23%;top: 220;Z-INDEX: 1;visibility: visible"></td><td align="center" width="50%" height="170" valign="middle">'+m_img+'</td></tr>');
//   f.write('<tr><td colspan="2" align="center">'+hr+'<div align="center" id="a1"></td></tr>');
   f.write(temp_table2);
   f.write('<br><table width="97%" border="0" cellspacing="0" cellpadding="0" align="center" ><tr><td colspan="2" align="center">'+hr+'<div align="center" id="a1"></td></tr>');
   f.write(temp_table2);
   f.write('<img id=g3 border="0" style="position: absolute;left: 23%;top: 170;Z-INDEX: 1;visibility: hidden">');   
   if(p_support_name!="")
   {
      f.write('<img id=g4 src="'+img+p_support_img+'.gif" border="0" style="position: absolute;left: 23%;top: 220;Z-INDEX: 1;visibility: hidden">');   
   }   
}





涅魂
 
文章: 4463
註冊時間: 2004-01-04 11:17 am
來自: Taiwan
性別: 男生

文章涅魂 » 2007-04-07 9:28 pm

試試看這個吧^^

開啟檔案wog/wog.js

In fire_date() Function

尋找
代碼: 選擇全部
var p_name="";

下方,加上
代碼: 選擇全部
var p_width=0,p_height=0,Pimg = new Image();

尋找
代碼: 選擇全部
   if(p_img_set==1)
   {
      p_img=i_img;
   }else
   {
      p_img=img+i_img+".gif";
   }

下方,加上
代碼: 選擇全部
   Pimg.src=p_img;
   p_height=220-Math.floor(parseInt(Pimg.height)/4)
   if(p_width==0)
   {
      f_width=parent.wog_view.frameElement.offsetWidth;
      p_width=Math.floor(parseInt(f_width)*23/100);
   }

尋找
代碼: 選擇全部
left: 23%;top: 220;

改為
代碼: 選擇全部
left: '+p_width+';top: '+p_height+';

這樣應該就可以囉^^


最後由 涅魂 於 2007-08-09 4:44 pm 編輯,總共編輯了 2 次。

呀成
 
文章: 525
註冊時間: 2006-01-11 2:20 pm
來自: 香港天水圍

文章呀成 » 2007-04-08 10:55 am

行了-3-多謝!!




涅魂
 
文章: 4463
註冊時間: 2004-01-04 11:17 am
來自: Taiwan
性別: 男生

文章涅魂 » 2007-04-08 1:56 pm

這個方法雖然可以解決您的問題,但碰上更大的圖片的話又會失效

最好的方法還是向您的會員宣導圖片的最佳大小以得到最佳的遊戲樂趣^^


圖檔

呀成
 
文章: 525
註冊時間: 2006-01-11 2:20 pm
來自: 香港天水圍

文章呀成 » 2007-04-10 2:12 pm

發現用了之後
用一般模式看會走圖-3-
玩家頭像飛左右手邊的盡頭(也不算盡頭啦...只是只看到頭像的5分1)




涅魂
 
文章: 4463
註冊時間: 2004-01-04 11:17 am
來自: Taiwan
性別: 男生

文章涅魂 » 2007-04-10 9:56 pm

這是程式對圖片的left的修改所造成的錯誤,請修改下列的程式碼看看^^

開啟檔案wog/wog.js
尋找
代碼: 選擇全部
   if(p_width==0)
   {
      f_width=parent.wog_view.frameElement.offsetWidth;
      p_width=Math.floor(parseInt(f_width)*23/100);
   }

刪除

尋找
代碼: 選擇全部
'+p_width+'

改成
代碼: 選擇全部
23%

這樣應該就可以了,有問題的話再問吧^^


圖檔

呀成
 
文章: 525
註冊時間: 2006-01-11 2:20 pm
來自: 香港天水圍

文章呀成 » 2007-04-11 9:41 am

行了
多謝




回到 精華區

誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 11 位訪客