Little Strange Software

スマホアプリの開発を行う LittleStrangeSoftware のブログです。

【制作中】もぐらが動きます!

 どうも!LSSです!!

 

昨日に続き、もぐらたたきに手を加えてみました!

 

 

 

f:id:little_strange:20210317231727p:plain

 

 

動きます!

 

 

とりあえず動く様子だけ見られるようにしようと

青空も入れてみました。

で、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

 

 

 

ってなとこで、今回はこのへんで!

次回もまた、よろしくお願いします^^