【制作中】もぐらが動きます!
どうも!LSSです!!
昨日に続き、もぐらたたきに手を加えてみました!
動きます!
とりあえず動く様子だけ見られるようにしようと
青空も入れてみました。
で、JavaScriptで「とりあえず動く様子」を見られるようにしてみました!
…まず自分が見てみたかったからですw
コード(スクリプト部分のみ)
<script>// <![CDATA[
m=;
ms=;
mw=[];
for(i=0;i<5;i++){
document.getElementById('mg'+i).addEventListener('click',ttk,false);
m[i]=0;
ms[i]=0;
mw[i]=0;
}
tm=setInterval('tmr()',200);
function tmr(){
for(i=0;i<5;i++){
switch(ms[i]){
case 0:if(Math.random()<0.05){ms[i]=1;mw[i]=0;document.getElementById('mg'+i).setAttributeNS(null,'href','#mgr');};break;
case 1:m[i]++;if(m[i]>3){ms[i]=2;};break;
case 2:mw[i]++;if(mw[i]>3){ms[i]=3;}break;
case 3:m[i]--;if(m[i]<=0){ms[i]=0;};break;
}
document.getElementById('mg'+i).setAttributeNS(null,'y',(((i<2)?300:400)-m[i]*20).toString());
}
}
function ttk(ev){
ev.srcElement.setAttributeNS(null,'href','#mgr1');
}
// ]]></script>
ランダムにぴょこぴょこ出てきますね^^
実際にゲームとして公開する際には、色々と手を加える事になりますが、一応構想中の要素である「同時に複数でてくる」機能は入っています。
…という状態で、一度お見せしようかと思ったのですが…。
昨日の記事に多数いただいたコメントに、クリックしてみた方が想像以上に多かったですね。
うーん、まだまだ制作途中ではありますが…期待を裏切るのも得策じゃないな、と
急遽、クリックに反応するようにしました^^
そのために、 「たたかれたもぐら」の絵も即興で作成しました。
とりあえず「仮」のつもりですが…この顔も悪くないかも?とか思いはじめたりw
ってなとこで、今回はこのへんで!
次回もまた、よろしくお願いします^^