私は PhoneGap を試していて、ユーザーが正しく繰り返すことを期待して、一連の数字をフェードインおよびフェードアウトする基本的な記憶ゲームを作成することができました。必要最小限しかないので、シーケンスが終了するまでクリックの確認は得られません。
ゲームはこちらからアクセスできます: http://jdtremelling.com/mobile/index.html
また、お望みであれば、テスト目的で、この QR コードをスキャンしてアプリをダウンロードできます。
問題は、アプリがロードされたときに 1 つの数字だけが順番に点滅し、その後は何も起こらないことです。再帰関数が実行されないかのようです。
乱数のリストを使用して JS 配列を初期化するコード (各レベルのサイズを増やします) で、最初のシーケンスを示します。
function initialiseArrays(){
for(var i=4; i<9; i++){
var numbers = [];
for(var j=0; j<i; j++){
numbers.push(Math.floor(Math.random() * (max - min) + min));
}
allNumbers.push(numbers.slice());
}
fadeThemOut(allNumbers[0]);
}
再帰的な JavaScript 関数:
function fadeThemOut(children) {
var tmp = [];
for(var i=0; i<children.length; i++){
tmp[i] = children[i];
}
if (tmp.length > 0) {
var currentChild = tmp.shift();
switch(currentChild){
case 1:
$('#one').fadeOut('slow').delay( 800 ).fadeIn('slow', function() {
fadeThemOut(tmp);
});
break;
case 2:
$('#two').fadeOut('slow').delay( 800 ).fadeIn('slow', function() {
fadeThemOut(tmp);
});
break;
case 3:
$('#three').fadeOut('slow').delay( 800 ).fadeIn('slow', function() {
fadeThemOut(tmp);
});
break;
}
}
}