<<活動記録>>
<<第２回>>
JavaScriptや、GiiLabの使い方の説明。正直、理解度は怪しい。
簡易企画書の制作では音ゲーを作ること、ゲーム画面の方向性が見えてきた。
<<第３回>>
ものと操作の洗い出し。デザイン・操作・採点基準などは決まってきたが、タイトルは迷走中。
<<第４回>>
ものと操作の洗い出し。前回決まらなかった採点基準、スタート・クリア・オプション・選曲画面などが決まった。未だにタイトルが決まらないので各自で考えてきて発表しあうこととなった。
<<第５回>>
各画面ごとの処理内容を確定した。画面遷移図を制作したので、後はモジュールの振り分け。
<<第６回>>
プロトタイプの製作開始。担当モジュールはゲーム内処理。時間計測や音楽再生を担当するモジュール。時間の計測は開始時刻との差を利用する方式を使うプログラムにした。時間計測のめどは立ったが知識不足で音楽に苦戦中。
<<第７回>>
音楽再生部分に苦戦中。ただ再生するだけならできるがストップと再生がなかなか組み込めない。
<<第８回>>
なかなかできなかった音楽再生部分がなんとか落ち着いてきた。ストップウォッチと連動して、音楽が再生、停止、リセットできるようになった。現在は一曲の状態で試しているので複数の曲でもできるように改良していく必要がある。
<<プログラム置き場>>
!!HTML
内部処理のプロトタイプ
00:00:000
!!JS
(function(){
'use strict';
var TARGET = new Audio('01.mp3');
var timer = document.getElementById('timer');
var start = document.getElementById('start');
var stop = document.getElementById('stop');
var reset = document.getElementById('reset');
var startTime;
var elapsedTime = 0;
var timerId;
var timeToadd = 0;
function updateTimetText(){
var m = Math.floor(elapsedTime / 60000);
var s = Math.floor(elapsedTime % 60000 / 1000);
var ms = elapsedTime % 1000;
m = ('0' + m).slice(-2);
s = ('0' + s).slice(-2);
ms = ('0' + ms).slice(-3);
timer.textContent = m + ':' + s + ':' + ms;
}
function countUp(){
timerId = setTimeout(function(){
elapsedTime = Date.now() - startTime + timeToadd;
updateTimetText()
countUp();
},10);
}
start.addEventListener('click',function(){
startTime = Date.now();
TARGET.play();
countUp();
});
stop.addEventListener('click',function(){
TARGET.pause();
clearTimeout(timerId);
timeToadd += Date.now() - startTime;
});
reset.addEventListener('click',function(){
TARGET.pause();
TARGET.currentTime = 0;
elapsedTime = 0;
timeToadd = 0;
updateTimetText();
});
})();