DIR : /home/kozerus/public_html/jkwii/js/jsdoit/rhythmBox3_aud/index.js
/home/kozerus/public_html/jkwii/js/jsdoit/rhythmBox3_aud
function $(f){return document.getElementById(f);}
//音階
var scale = new Array(
'C_02','B','A','G','F','E','D','C',
'SE_01','SE_02','SE_03','SE_04','SE_05','SE_06','SE_07','SE_08','SE_09','SE_10','SE_11','SE_12','SE_13'
);
//表示
var scale_name = new Array(
'C','H','A','G','F','E','D','C',
'tott','pishit','cott','symbal','pon','ton','chin','con','nguu','guu','shaan','jaann','tat'
);
//音の読込
var sound=new Array();
for(var si=0;si<=20;si++){
var dir = (si<=7)?"02":'04';
sound[si]=new Audio('http://jsdo.it/static/assets/sound/'+dir+'/'+scale[si]+'.mp3');
}
//画面表示
var str = '<table id=box>';
for(var ky=0;ky<=20;ky++){
str += '<tr><th class=key>' + scale_name[ky]+'</th>';
for(var kx=1;kx<=8;kx++){
str +='<td><input type=checkbox id='+scale[ky]+kx+'></td>';}
str += '</tr>';
}
str +='</table>';
$('score').innerHTML=str;
// 初期設定
var TimerId=setInterval(start,1000);
var auto=0;
var flag=0;
var countDown=5;
function start(){
countDown--;
$('msg').innerHTML="Loading "+countDown;
if(countDown===0){
setInterval(tempo,500);
clearInterval(TimerId);
}
}
// 開始
count=1;
function tempo(){
//sound play
for(var l=0;l<=20;l++){
if($(scale[l]+count).checked){
sound[l].currentTime=0;sound[l].play();
}
}
//button display
$('btn').style.visibility='visible';
//♪
var str="<table id=tempo><tr><th>Tempo</th>";
for(var r=1;r<=count;r++){
str+="<td>♪</td>";
}
str +="</tr></table>";
$('msg').innerHTML=str;
count++;
//if auto play demo
if(count==9 && auto==1){demoPlay();}
//go back
if(count>=9){ count=1;}
}
//demo func
var demo=0;
var score;
function demoPlay(){
switch(demo){
case 0: score= new Array('SE_011');break;
case 1: score= new Array('C1','F5');break;
case 2: score= new Array('E3','G7');break;
case 3: score= new Array('SE_064','SE_067','SE_068');break;
case 4: score= new Array('SE_051','SE_055','SE_063');break;
case 6: score= new Array('G2','A6','D8');break;
case 8: score= new Array('SE_023','SE_028');break;
case 10: score= new Array('B1','C_026');break;
case 12: score= new Array('SE_101','SE_105','SE_107','SE_102','SE_107','SE_108');break;
case 14: score= new Array('SE_111','SE_114');break;
case 18: score= new Array('SE_047');break;
case 19: score= new Array('SE_011');break;
case 24: ckclr();demo=0;break;
default:break;
}
for(var p=0;p<score.length;p++){$(score[p]).checked = true;
}
demo++;
}
//select func
function slct(f){
ckclr(); demo=0;
if(f=="demo"){auto=1;demoPlay();}
if(f=="clear"){auto=0;}
}
//check clear func
function ckclr(){
for(var cy=0;cy<=20;cy++){
for(var cx=1;cx<=8;cx++){$(scale[cy]+cx).checked = false;}
}
}
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer