<<活動記録>>
<<第２回>>
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();
});
})();