$(function() { /** * コンソールのテスト兼実装参考用 * console.log() 等を表示できる環境推奨 */ // まずオーバーレイを隠す $('#game-overlay').hide(); // ボタン点滅アニメーション var iid; var blinkSpeed = 500; var blinkButton = function($button) { $button.animate({ opacity: 0.5 }, blinkSpeed, function() { $(this).animate({ opacity: 1 }, blinkSpeed); }); }; // ボタン点滅開始 $('#csl-test-1').on('click', function() { blinkButton($('#csl-btn-up')); iid = setInterval(blinkButton, blinkSpeed * 2, $('#csl-btn-up')); }); // ボタン点滅停止 $('#csl-test-2').on('click', function() { clearInterval(iid); }); // 残りポイントの値を変更 $('#csl-test-3').on('click', function() { setInterval(function() { var value = Math.floor(Math.random() * 1000000); $('#csl-ro-balance').find('strong').text(value); // ←実際に使うのはここだけです }, 100); }); // メンテナンス表示ON $('#csl-test-4').on('click', function() { $('#game-overlay').attr('data-status', 'down').html('

メンテナンス中ここには任意のテキストを指定できます。

').show(); }); // メンテナンス表示OFF $('#csl-test-5').on('click', function() { $('#game-overlay').attr('data-status', 'down').hide(); }); // プレイ状態ON (data-status: 'active' | '') $('#csl-test-6').on('click', function() { // メッセージも変更できます(半角英数のみ) $('#overview').find('h3').text('READY!').attr('data-status', 'active'); }); // プレイ状態OFF $('#csl-test-7').on('click', function() { $('#overview').find('h3').text('WAITING FOR YOUR TURN...').attr('data-status', ''); }); // 景品GET $('#csl-test-9').on('click', function() { $('#game-overlay').attr('data-status', 'win').show().on('click', function(ev) { ev.preventDefault(); alert('発送手続きページへ遷移?'); }); }); // 残念 $('#csl-test-10').on('click', function() { // ついでに↑で付加したクリックイベントを解除しています $('#game-overlay').attr('data-status', 'lose').show().off('click'); }); /* // 操作ボタンイベント $('.big').on('mousedown', function() { console.log(this, 'が押されました'); $('#game-overlay').attr('data-status', 'down').html('

#' + $(this).attr('id') + ' が押されています

').show(); }); $('.big').on('mouseup', function() { console.log(this, 'が離されました'); $('#game-overlay').attr('data-status', 'down').hide(); }); */ // メニュー操作系 // サウンド (data-status: 'sound-off' | 'sound-on') $('#csl-menu-sound').on('click', function(ev) { ev.preventDefault(); // $('#game-overlay').attr('data-status', 'sound-on').show().fadeOut(2000); }); // カメラ (data-status: 'camera-front' | 'camera-right') $('#csl-menu-camera').on('click', function(ev) { ev.preventDefault(); // $('#game-overlay').attr('data-status', 'camera-right').show().fadeOut(2000); }); });