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



Your browser does not support the HTML5 canvas element.


Drag mouse to navigate.

Navigation





17.Aug.2010, Martin Wengenmayer