sqmod_test update. Better way to load css

author: pzread <netfirewall@gmail.com> 2013-07-12 02:10:18 +0800
committer: pzread <netfirewall@gmail.com> 2013-07-12 02:10:18 +0800
commit: 456b6867161c1f1295993c61b3726ff44a3c809e (patch)
tree: fc904f499a613cc9250e22716764c8ba3059f518 /src/sqmod/sqmod_test/js/sqmod_test.js
parent: 0d25481f72f12eaf0ccfc3172829f0d138a1143c (diff)
download: taiwan-online-judge-456b6867161c1f1295993c61b3726ff44a3c809e.tar.gz
taiwan-online-judge-456b6867161c1f1295993c61b3726ff44a3c809e.tar.zst
taiwan-online-judge-456b6867161c1f1295993c61b3726ff44a3c809e.zip
1 files changed, 421 insertions, 315 deletions
diff --git a/src/sqmod/sqmod_test/js/sqmod_test.js b/src/sqmod/sqmod_test/js/sqmod_test.js
index d5e7065..9cd1252 100644
--- a/src/sqmod/sqmod_test/js/sqmod_test.js
+++ b/src/sqmod/sqmod_test/js/sqmod_test.js
@@ -1,9 +1,20 @@
 'use strict'
 
-var sqmod_test = function(sq_node){
+var sqmod_test = function(sqid,sq_node){
     var that = this;
     var index_node = new vus.node('index');
     var j_index_page = $('#index_page');
+    var callpath = 'sq/' + sqid + '/';
+
+    function update_result(name,song,score,maxcombo){
+        com.call_backend(callpath,'update_result',function(result){
+            if(com.is_callerr(result)){
+                index.add_alert('','錯誤','資料存取發生錯誤');
+            }else{
+                index.add_alert('alert-success','成功','記錄已送出');
+            }
+        },name,song,score,maxcombo);
+    }
 
     sq_node.url_chg = function(direct,url_upart,url_dpart,param){
         if(direct == 'in'){
@@ -17,8 +28,45 @@ var sqmod_test = function(sq_node){
     }
 
     index_node.url_chg = function(direct,url_upart,url_dpart,param){
+        var j_jurank;
+
+        function _update(){
+            com.call_backend(callpath,'list_jurank',function(result){
+                var i;
+                var data = result.data;
+                var ranko;
+                var j_item;
+
+                if(com.is_callerr(result)){
+                    index.add_alert('','錯誤','資料存取發生錯誤');
+                }else{
+                    j_jurank.empty();
+                    for(i=0;i<data.length;i++){
+                        ranko = data[i];        
+                        
+                        j_item = $('<tr><td class="rank"></td><td class="name"></td><td class="song"></td><td class="score"></td><td class="maxcombo"></td></tr>')
+                        j_item.find('td.rank').text(i + 1);
+                        j_item.find('td.name').text(ranko.name);
+                        j_item.find('td.song').text(ranko.song);
+                        j_item.find('td.score').text(ranko.score);
+                        j_item.find('td.maxcombo').text(ranko.maxcombo);
+
+                        j_jurank.append(j_item);
+                    } 
+                }
+            });
+        }
+
         if(direct == 'in'){
-            com.loadpage('/toj/sqmod/sqmod_test/html/index.html').done(function(){
+            imc.Proxy.instance.register_call(callpath,'update_jurank',function(callback){
+                _update(); 
+                callback('Success');
+            });
+
+            com.loadpage('/toj/sqmod/sqmod_test/html/index.html','/toj/sqmod/sqmod_test/css/index.css').done(function(){
+                j_jurank = j_index_page.find('table.jurank > tbody');
+
+                _update(); 
                 run();
             });
         }
@@ -38,7 +86,6 @@ var sqmod_test = function(sq_node){
                   'R':[1,0],'T':[1,1],'Y':[1,2],'U':[1,3],
                   'F':[2,0],'G':[2,1],'H':[2,2],'J':[2,3],
                   'V':[3,0],'B':[3,1],'N':[3,2],'M':[3,3]};
-    var expfunc = new Object();
 
     var j_stage_bottom;
     var j_stage;
@@ -62,6 +109,10 @@ var sqmod_test = function(sq_node){
     var imgmap = new Object();
     var audiomap = new Object();
 
+    var player_name;
+    var curr_mode = 'pro';
+    var back_running = false;
+
     var param_auto = false;
 
     function load_image(filename){
@@ -103,10 +154,9 @@ var sqmod_test = function(sq_node){
 
         return defer.promise();
     }
-    function audio_play(buffer,ds){
+    function audio_play(buffer,onstart){
         var src = audio_ctx.createBufferSource();
-        var delay = audio_ctx.createDelay(10);
-        var proc = audio_ctx.createScriptProcessor(16384,1,1);
+        var proc = audio_ctx.createScriptProcessor(256,1,1);
 
         if(typeof(buffer) == 'string'){
             buffer = audiomap[buffer];
@@ -120,26 +170,24 @@ var sqmod_test = function(sq_node){
         src.connect(proc);
 
         proc.onaudioprocess = function(e){
-            console.log(e.inputBuffer.duration);
             src.disconnect(0);
             src.connect(g_out);
             proc.disconnect(0);
 
             console.log(new Date().getTime());
-            expfunc.test();
+            if(onstart != undefined){
+                onstart();
+            }
         }
         proc.connect(g_out);
 
-        if(ds != undefined){
-            //delay.delayTime.value = ds; 
-            //delay.connect(g_out);
-            //src.connect(delay);
-        }else{
-            //src.connect(g_out);
-        }
-        src.start(0);
-
         curr_src = src;
+        src.start(0);
+    }
+    function audio_stop(){
+        if(curr_src != null){
+            curr_src.stop(0);
+        }
     }
 
     function run(){
@@ -233,7 +281,7 @@ var sqmod_test = function(sq_node){
                 if(mouse_pos != null){
                     update_butt(mouse_pos[0],mouse_pos[1],true);
                 }
-            }else if(chr == 'A'){
+            }else if(chr == 'A' && curr_mode == 'play'){
                 param_auto ^= true; 
             }
         });
@@ -284,7 +332,7 @@ var sqmod_test = function(sq_node){
                     row = j_this.data('row');
                     col = j_this.data('col');
 
-                    update_butt(row,col,true);
+                    update_butt(row,col,true,false);
                 });
                 j_butts[i][j].on('mouseup',function(e){
                     var j_this = $(this);
@@ -324,11 +372,9 @@ var sqmod_test = function(sq_node){
         _scale();
         _audio();
 
-        expfunc.audio_play = audio_play;
-
-        eng_bottom = new engine(ctx_bottom,expfunc);
-        eng = new engine(ctx,expfunc);
-        eng_top = new engine(ctx_top,expfunc);
+        eng_bottom = new engine(ctx_bottom);
+        eng = new engine(ctx);
+        eng_top = new engine(ctx_top);
 
         ctx.fillStyle = '#1C1C1C';
         ctx.font = '100px Saucer-Regular';
@@ -339,32 +385,37 @@ var sqmod_test = function(sq_node){
 
             window.requestAnimationFrame(_update);
 
-            play();
-        })
+            pro();
+        });
 
-        /*setTimeout(function(){
-            _audio();
-            _audio_play(ab_select);
-            
-            st = new Date().getTime();
-            window.requestAnimationFrame(_ani);
-        },2000);*/
+        while(true){
+            player_name = prompt('Your player name','Foo');
+            if(player_name != ''){
+                break;
+            }
+        }
     }
 
     function preload(){
         return $.when(
             load_image('door_blue.png'),
+            load_image('startmark.png'),
             load_image('wave1.png'),
             load_image('wave2.png'),
             load_image('top.png'),
             load_image('light.png'),
             load_audio('select.ogg'),
-            load_audio('result.ogg')
+            load_audio('result.ogg'),
+            load_audio('select.ogg')
         ); 
     }
     
-    function update_butt(row,col,touch){
+    function update_butt(row,col,touch,click){
         if(butts[row][col].touch != touch){
+            if(click != false){
+                j_butts[row][col].click();
+            }
+
             butts[row][col].touch = touch;
             update_top();
         }
@@ -402,6 +453,11 @@ var sqmod_test = function(sq_node){
         var wave2_off = -1920;
 
         function _wave(){
+            if(curr_mode == 'play'){
+                back_running = false;
+                return;
+            }
+
             wave1_off -= 4;
             if(wave1_off < -i_wave1.width){
                 wave1_off = -(wave1_off + i_wave1.width);
@@ -421,14 +477,21 @@ var sqmod_test = function(sq_node){
             eng_bottom.add_work(_wave);
         }
         
-        eng_bottom.add_work(_wave);
+        if(back_running == false){
+            back_running = true;
+            eng_bottom.add_work(_wave);
+        }
     }
 
-    function play(){
+    function play(song){
         var defer = $.Deferred();
 
         var end = false;
         var i_marks = new Array();
+        var i_perfects = new Array();
+        var i_greats = new Array();
+        var i_goods = new Array();
+        var i_bads = new Array();
 
         var timemap = new Array();
         var st = null;
@@ -437,16 +500,19 @@ var sqmod_test = function(sq_node){
         var note_score;
         var last_touch;
 
+        var curr_tpb;
         var curr_combo = 0;
         var score = {
             'score':0,
+            'door_note':0,
             'perfect':0,
             'great':0,
             'good':0,
             'bad':0,
             'miss':0,
             'max_combo':0,
-            'total_note':0
+            'total_note':0,
+            'auto':false
         };
 
         function _judge(time){
@@ -454,27 +520,34 @@ var sqmod_test = function(sq_node){
 
             time = Math.abs(time);
 
-            if(time > 500){
+            if(time > 425){
                 score.miss += 1;
+                score.door_note -= 8;
                 ret = 4;
-            }else if(time > 200){
+            }else if(time > 170){
                 score.bad += 1;
                 score.score += note_score * 0.1;
+                score.door_note -= 8;
                 ret = 3;
-            }else if(time > 100){
+            }else if(time > 85){
                 score.good += 1;
                 score.score += note_score * 0.4;
+                score.door_note += 1;
                 ret = 2;
-            }else if(time > 50){
+            }else if(time > 42){
                 score.great += 1;
                 score.score += note_score * 0.7;
+                score.door_note += 2;
                 ret = 1;
             }else{
                 score.perfect += 1;
                 score.score += note_score;
+                score.door_note += 2;
                 ret = 0;
             }
 
+            score.door_note = Math.min(Math.max(0,score.door_note),score.total_note);
+
             if(ret <= 2){
                 curr_combo += 1;
                 score.max_combo = Math.max(score.max_combo,curr_combo);
@@ -493,20 +566,35 @@ var sqmod_test = function(sq_node){
             var col;
             var time;
             
-            function __drawmark(ctx,x,y,time){
-                var image = i_marks[Math.floor(time / 36.36364)];
-
-                ctx.drawImage(image,x + 8,y + 8,304,304);
+            function __drawmark(ctx,x,y,time,judge,judge_time){
+                var off;
+                    
+                if(time < 800){
+                    ctx.drawImage(i_marks[Math.floor(time / 36.36364)],x,y,320,320);
+                }
+                if(judge != -1){
+                    off = eng.ts - judge_time;
+
+                    if(judge == 0 && off < 225){
+                        ctx.drawImage(i_perfects[Math.floor(off / 15)],x,y,320,320);
+                    }else if(judge == 1 && off < 225){
+                        ctx.drawImage(i_greats[Math.floor(off / 15)],x,y,320,320);
+                    }else if(judge == 2 && off < 210){
+                        ctx.drawImage(i_goods[Math.floor(off / 15)],x,y,320,320);
+                    }else if(judge == 3 && off < 195){
+                        ctx.drawImage(i_bads[Math.floor(off / 15)],x,y,320,320);
+                    }
+                }
             }
 
             for(i = 0;i < poslist.length;i++){
                 pos = poslist[i];
 
                 time = (eng.ts - st) - pos.time; 
-                if(time >= -509 && time < 291){
+                if(time >= -509 && time < 620){
                     row = pos.pos[0];
                     col = pos.pos[1];
-                    __drawmark(ctx,butts[row][col].x,butts[row][col].y,time + 509);
+                    __drawmark(ctx,butts[row][col].x,butts[row][col].y,time + 509,pos.judge,pos.judge_time);
                 }
             }
         }
@@ -529,8 +617,9 @@ var sqmod_test = function(sq_node){
                     end = true;
                     j_stage_bottom.css('background-color','transparent');
                     
-                    result(score);
-
+                    eng.add_work(function(){
+                        result(song,score);
+                    });
                     return;
                 }
             }else{
@@ -538,7 +627,11 @@ var sqmod_test = function(sq_node){
                 if((ct + 509) >= map.time){
                     poss = map.pos;
                     for(i = 0;i < poss.length;i++){
-                        poslist.push({'judge':-1,'time':map.time,'pos':poss[i]});
+                        poslist.push({'judge':-1,'judge_time':-1,'time':map.time,'pos':poss[i]});
+                    }
+
+                    if(map.tpb != undefined){
+                        curr_tpb = map.tpb;
                     }
 
                     curr +=1;
@@ -549,9 +642,10 @@ var sqmod_test = function(sq_node){
             for(i = 0;i < poslist.length;i++){
                 pos = poslist[i];
                 time = ct - pos.time;
-                if(time >= 500){
+                if(time > 500){
                     if(pos.judge == -1){
                         pos.judge = _judge(time);
+                        pos.judge_time = eng.ts;
                     }
                     continue;
                 }
@@ -560,15 +654,18 @@ var sqmod_test = function(sq_node){
                 col = pos.pos[1];
 
                 if(param_auto == true){
-                    if(time > - 40 && time < 0){
+                    score.auto = true;
+
+                    if(butts[row][col].touch == false && time > -40 && time < 0){
                         update_butt(row,col,true);
                     }else if(time > 40 && time < 100){
                         update_butt(row,col,false);
                     }
                 }
 
-                if(butts[row][col].touch == true && last_touch[row][col] == false){
+                if(pos.judge == -1 && butts[row][col].touch == true && last_touch[row][col] == false){
                     pos.judge = _judge(time);
+                    pos.judge_time = eng.ts;
                 }
 
                 next_poslist.push(pos);
@@ -585,6 +682,37 @@ var sqmod_test = function(sq_node){
             eng.add_work(_update);
         }
         
+        function _prepare(){
+            var defer = $.Deferred();
+            var i_startmark = imgmap['startmark.png'];
+            var poss = timemap[0].pos;
+            
+            function __draw(ctx){
+                var i;
+                var pos;
+                var row;
+                var col;
+                
+                if((eng.ts - st) >= 5000){
+                    defer.resolve();
+                    return;
+                }
+                
+                for(i = 0;i < poss.length;i++){
+                    pos = poss[i];
+                    row = pos[0];
+                    col = pos[1];
+
+                    ctx.drawImage(i_startmark,butts[row][col].x + 35,butts[row][col].y + 35,250,250);
+                }
+                
+                eng.add_draw(0,__draw);
+            }
+
+            eng.add_draw(0,__draw);
+
+            return defer.promise();
+        }
         function _combo(){
             var last_combo = curr_combo;
             var ani_st = -1;
@@ -609,8 +737,6 @@ var sqmod_test = function(sq_node){
 
                 ctx.font = '60px Saucer-Mono';
                 ctx.fillText('combo',272 + 352 * 3 - 64 - m_combo.width,32 + 352 * 2 + 64);
-
-                last_combo = curr_combo;
             }
             function __update(){
                 if(end == true){
@@ -620,8 +746,9 @@ var sqmod_test = function(sq_node){
                     if(curr_combo != last_combo && ani_st == -1){
                         ani_st = eng.ts; 
                     }
-                    eng.add_draw(0,__draw);
+                    eng.add_draw(5,__draw);
                 }
+                last_combo = curr_combo;
 
                 eng.add_work(__update);
             }
@@ -632,8 +759,8 @@ var sqmod_test = function(sq_node){
             eng.add_work(__update);
         }
         function _score(){
+            var m_player;
             var m_otua;
-            var i_door = imgmap['door_blue.png'];
 
             function __draw(){
                 var text;
@@ -643,15 +770,6 @@ var sqmod_test = function(sq_node){
                     return;
                 } 
 
-                var ratio = score.max_combo / score.total_note;
-                var move = eng.beat_ease(307,40,(eng.ts - st) % 307);
-                var dw = 3840 * ratio + move;
-                var dh = 2880 * ratio + move;
-
-                ctx.drawImage(i_door,-dw / 2,-dh / 2,1920 + dw,1440 + dh);
-                ctx.fillStyle='rgba(0,0,0,' + (0.9 - (0.7 * ratio)) + ')';
-                ctx.fillRect(0,0,1920,1440);
-
                 text = Math.ceil(score.score).toString();
 
                 ctx.fillStyle = '#D9D9D9';
@@ -659,60 +777,52 @@ var sqmod_test = function(sq_node){
                 m = ctx.measureText(text);
                 ctx.fillText(text,272 + 352 * 3 - 64 - m.width,32 + 352 - 64);
 
-                if(param_auto == true){
-                    ctx.font = '60px Saucer-Mono';
-                    ctx.fillText('Player: OTUA',272 + 352 * 3 - 64 - m_otua.width,32 + 352 * 3 + 64);
+                ctx.font = '60px Saucer-Mono';
+                if(param_auto == false){
+                    text = 'Player: ' + player_name;
+                    m = m_player;
+                }else{
+                    text = 'Player: OTUA';
+                    m = m_otua;
                 }
+                ctx.fillText(text,272 + 352 * 3 - 64 - m.width,32 + 352 * 3 + 64);
 
-                eng.add_draw(0,__draw);
+                eng.add_draw(5,__draw);
             }
 
+            ctx.fillStyle = '#D9D9D9';
             ctx.font = '60px Saucer-Mono';
+            m_player = ctx.measureText('Player: ' + player_name);
             m_otua = ctx.measureText('Player: OTUA');
 
-            eng.add_draw(0,__draw);
+            eng.add_draw(5,__draw);
         }
+        function _door(){
+            var i_door = imgmap['door_blue.png'];
 
-        /*
-        expfunc.play_draw = function(ctx,x,y,time){
-            var image = i_marks[Math.floor(time / 36.36364)];
-
-            ctx.drawImage(image,x + 8,y + 8,304,304);
-        };*/
-        expfunc.play_draw = function(ctx,poslist,ct){
-            var i;
-            var pos;
-            var row;
-            var col;
-            var time;
-            
-            function __drawmark(x,y,time){
-                var image = i_marks[Math.floor(time / 36.36364)];
-
-                ctx.drawImage(image,x + 8,y + 8,304,304);
-            }
-
-            for(i = 0;i < poslist.length;i++){
-                pos = poslist[i];
-
-                time = ct - pos.time; 
-                if(time >= -509 && time < 327){
-                    row = pos.pos[0];
-                    col = pos.pos[1];
-                    __drawmark(butts[row][col].x,butts[row][col].y,time + 509);
+            function __draw(ctx){
+                var ratio = score.door_note / score.total_note;
+                var move = eng.beat_ease(curr_tpb,40,(eng.ts - st) % curr_tpb);
+                var dw = 3840 * ratio + move;
+                var dh = 2880 * ratio + move;
+                
+                if(end == true){
+                    return;
                 }
-            }
+                
+                ctx.drawImage(i_door,-dw / 2,-dh / 2,1920 + dw,1440 + dh);
+                ctx.fillStyle='rgba(0,0,0,' + (0.9 - (0.5 * ratio)) + ')';
+                ctx.fillRect(0,0,1920,1440);
+                
+                eng.add_draw(0,__draw);
+            } 
+
+            eng.add_draw(0,__draw);
         }
-        
-        expfunc.test = function(){
-            st = eng.ts;
-            console.log(new Date().getTime());
-            eng.add_work(_update);
-            _combo();
-            _score();
-        };
 
-        $.get('/toj/sqmod/sqmod_test/html/JOMANDA.ju',function(data){
+        curr_mode = 'play';
+
+        $.get('/toj/sqmod/sqmod_test/html/song/' + song + '/' + song + '.ju',function(data){
             var i;
             var j;
             var k;
@@ -720,6 +830,8 @@ var sqmod_test = function(sq_node){
             var line;
             var parts;
 
+            var delay;
+            var lpb;
             var tpb;
             var lbeat;
             var beat;
@@ -734,19 +846,23 @@ var sqmod_test = function(sq_node){
 
             lines = data.split('\n');
 
-            //Find start
+            //Load param
+            delay = 0;
             for(i = 0;i < lines.length;i++){
                 line = lines[i];
-                if(line == '#start#'){
+                if(line.charAt(0) == 'd'){
+                    delay = parseInt(line.split('=')[1]);
+                }else if(line == '#start#'){
                     i++;
                     break;
                 }
             }
 
             //Read beatmap
+            lpb = 0;
             tpb = 0;
             lbeat = 0;
-            ltime = 200;
+            ltime = delay + 5000;
             total_note = 0;
             for(;i < lines.length;i++){
                 if((line = lines[i]) == ''){
@@ -773,6 +889,10 @@ var sqmod_test = function(sq_node){
                     }
 
                     timemap.push({'time':time,'pos':pos});
+                    if(lpb != tpb){
+                        timemap[timemap.length - 1].tpb = tpb;
+                        lpb = tpb;
+                    }
                 }
 
                 lbeat = beat;
@@ -796,64 +916,80 @@ var sqmod_test = function(sq_node){
 
             j_stage_bottom.css('background-color','#1C1C1C');
 
-            defers.push(load_audio('JOMANDA.ogg'));
+            defers.push(load_audio('song/' + song + '/' + song + '.ogg'));
             for(i = 0;i < 22;i++){
                 defers.push(load_image('mark/mal_' + i + '.png'));
             }
-            //defers.push(load_image('mark/clearmark.png'));
+            for(i = 0;i < 15;i++){
+                defers.push(load_image('mark/fect_' + i + '.png'));
+            }
+            for(i = 0;i < 15;i++){
+                defers.push(load_image('mark/at_' + i + '.png'));
+            }
+            for(i = 0;i < 14;i++){
+                defers.push(load_image('mark/d_' + i + '.png'));
+            }
+            for(i = 0;i < 13;i++){
+                defers.push(load_image('mark/_' + i + '.png'));
+            }
 
             $.when.apply($,defers).done(function(ab_song){
                 var i;
+                var j;
 
-                for(i = 0;i < 22;i++){
-                    i_marks[i] = arguments[i + 1];
+                j = 1;
+                for(i = 0;i < 22;i++,j++){
+                    i_marks[i] = arguments[j];
+                }
+                for(i = 0;i < 15;i++,j++){
+                    i_perfects[i] = arguments[j];
+                }
+                for(i = 0;i < 15;i++,j++){
+                    i_greats[i] = arguments[j];
+                }
+                for(i = 0;i < 14;i++,j++){
+                    i_goods[i] = arguments[j];
+                }
+                for(i = 0;i < 13;i++,j++){
+                    i_bads[i] = arguments[j];
                 }
 
                 defer.resolve();
 
                 //Start
-                console.log(ab_song.sampleRate);
-                console.log(ab_song.length);
-                audio_play(ab_song);
+                param_auto = false;
+                curr_tpb = timemap[0].tpb;
+
+                st = eng.ts;
+                _door();
+                _combo();
+                _score();
+                _prepare().done(function(){
+                    audio_play(ab_song,function(){
+                        console.log(eng.ts);
+                        eng.add_work(_update);
+                    });
+                });
             });
         });
 
-        
-
         return defer.promise();
     }
     
-    expfunc.result_draw = function(ctx,offx,offy,score){
-        ctx.font = '150px Saucer-Regular';
-        ctx.fillText('Result',offx,offy);
-
-        ctx.font = '120px Saucer-Regular';
-        ctx.fillText(score.score,offx,offy + 200);
-
-        ctx.font = '100px Saucer-Regular';
-        ctx.fillText('Perfect',offx,offy + 350);
-        ctx.fillText(score.perfect,offx + 600,offy + 350);
-        ctx.fillText('Great',offx,offy + 450);
-        ctx.fillText(score.great,offx + 600,offy + 450);
-        ctx.fillText('Good',offx,offy + 550);
-        ctx.fillText(score.good,offx + 600,offy + 550);
-        ctx.fillText('Bad',offx,offy + 650);
-        ctx.fillText(score.bad,offx + 600,offy + 650);
-        ctx.fillText('Miss',offx,offy + 750);
-        ctx.fillText(score.miss,offx + 600,offy + 750);
-        ctx.fillText('Max Combo',offx,offy + 900);
-        ctx.fillText(score.max_combo,offx + 600,offy + 900);
-    };
-
-    function result(score){
+    function result(song,score){
+        var st;
+        var ori_score;
+        var show_score;
         var offx = 272 + 352 + 32;
         var offy = 32 + 256;
 
         function _draw(ctx){
+            var ct = eng.ts - st;
+
             if(score.max_combo == score.total_note){
                 ctx.fillStyle = "#F9BF45";
                 ctx.font = '130px Saucer-Regular';
-                ctx.fillText('FULL COMBO',offx + 32,offy + 72);
+                ctx.fillText('FULL COMBO',offx + 32,offy + 56);
 
                 ctx.fillStyle = '#1C1C1C';
             }
@@ -861,220 +997,187 @@ var sqmod_test = function(sq_node){
             ctx.font = '150px Saucer-Regular';
             ctx.fillText('Result',offx,offy);
 
-            ctx.font = '120px Saucer-Regular';
-            ctx.fillText(score.score,offx,offy + 200);
+            ctx.font = '120px Saucer-Mono';
+            ctx.fillText(show_score,offx,offy + 200);
 
             ctx.font = '100px Saucer-Regular';
             ctx.fillText('Perfect',offx,offy + 350);
-            ctx.fillText(score.perfect,offx + 600,offy + 350);
+            ctx.fillText(score.perfect,offx + 700,offy + 350);
             ctx.fillText('Great',offx,offy + 450);
-            ctx.fillText(score.great,offx + 600,offy + 450);
+            ctx.fillText(score.great,offx + 700,offy + 450);
             ctx.fillText('Good',offx,offy + 550);
-            ctx.fillText(score.good,offx + 600,offy + 550);
+            ctx.fillText(score.good,offx + 700,offy + 550);
             ctx.fillText('Bad',offx,offy + 650);
-            ctx.fillText(score.bad,offx + 600,offy + 650);
+            ctx.fillText(score.bad,offx + 700,offy + 650);
             ctx.fillText('Miss',offx,offy + 750);
-            ctx.fillText(score.miss,offx + 600,offy + 750);
+            ctx.fillText(score.miss,offx + 700,offy + 750);
             ctx.fillText('Max Combo',offx,offy + 900);
-            ctx.fillText(score.max_combo,offx + 600,offy + 900);
-        }
-        function _update(){
-            eng.add_draw(0,_draw);
-            eng.add_work(_update);
+            ctx.fillText(score.max_combo,offx + 700,offy + 900);
+
+            ctx.fillStyle = '#1C1C1C';
+            ctx.font = '60px Saucer-Regular';
+            ctx.fillText('BACK',1360,1344);
+
+            if(ct < 1000){
+                eng.add_draw(0,_draw);
+            }else if(show_score < score.score){
+                show_score = Math.min(score.score,ori_score + (ct - 1000) * 20); 
+                eng.add_draw(0,_draw);
+            }
         }
 
+        curr_mode = 'result';
+
+        st = eng.ts;
+        ori_score = Math.ceil(score.score);
+        show_score = ori_score;
+        score.score += 100000 * score.door_note / score.total_note;
         score.score = Math.ceil(score.score);
         audio_play('result.ogg');
 
-        eng.add_work(_update);
-        back();
-    }
-    
+        if(score.auto == false){
+            update_result(player_name,song,score.score,score.max_combo);
+        }
 
-   /* function test(){
-        var i;
-        var j;
-        var st;
-        var j_div;
-        var j_box;
-        var j_fps;
-        var j_stage_bottom;
-        var j_stage;
-        var j_stage_top;
-        var ctx_bottom;
-        var eng_bottom;
-        var ctx;
-        var eng;
-        var ctx_top;
-        var eng_top;
+        j_butts[3][3].on('click',function(e){
+            j_butts[3][3].off('click');
 
-        
-        var audio;
-        var ab_select;
-        var ab_song2;
-        var ab_song3;
-        var ab_song4;
-
-        var i_top = new Image();
-        var i_light = new Image();
-        var i_wave1 = new Image();
-        var i_cover2 = new Image();
-        var i_cover3 = new Image();
-        var i_cover4 = new Image();
+            eng.add_work(function(){
+                pro();
+            });
+        });
 
-        var i_marks = new Array();
+        eng.add_draw(0,_draw);
+        back();
+    }
+    
+    function pro(){
+        var defers = [];
+        var curr_song = null;
+        var start_cd = null;
+        var end = false;
 
-        function _load(){
-            var i;
-            var image;
+        function _draw(ctx){
+            var title;
+            var timer;
 
-            
+            function __draw_pro(i,j,title,cover){
+                var x,y;
 
-            i_top.src = '/toj/sqmod/sqmod_test/html/top.png';
-            i_light.src = '/toj/sqmod/sqmod_test/html/light.png';
-            i_wave1.src = '/toj/sqmod/sqmod_test/html/wave1.png';
-            i_cover2.src = '/toj/sqmod/sqmod_test/html/IMSOHAPPY.jpg';
-            i_cover3.src = '/toj/sqmod/sqmod_test/html/JOMANDA.jpg';
-            i_cover4.src = '/toj/sqmod/sqmod_test/html/MOTHERSHIP.png';
+                x = butts[i][j].x;
+                y = butts[i][j].y;
 
-            for(i = 0;i < 15;i++){
-                image = new Image();
-                image.src = '/toj/sqmod/sqmod_test/html/mark/mal_' + i + '.png';
-                i_marks.push(image);
+                if(cover != undefined){
+                    ctx.drawImage(cover,x,y,320,320); 
+                }else{
+                    ctx.fillStyle = '#1C1C1C';
+                    ctx.font = '40px Saucer-Bold';
+                    ctx.fillText(title,x + 32,y + 290);
+                }
             }
-            for(i = 0;i < 7;i++){
-                image = new Image();
-                image.src = '/toj/sqmod/sqmod_test/html/mark/malpassed_' + i + '.png';
-                i_marks.push(image);
+            
+            if(end == true){
+                return;
             }
             
-           
-            _load_audio('select.ogg',function(buffer){
-                ab_select = buffer;
-            });
-            _load_audio('IMSOHAPPY.ogg',function(buffer){
-                ab_song2 = buffer;
-            });
-            _load_audio('JOMANDA.ogg',function(buffer){
-                ab_song3 = buffer;
-            });
-            _load_audio('MOTHERSHIP.ogg',function(buffer){
-                ab_song4 = buffer;
-            });
-        }
-
-        
-        
-        
+            __draw_pro(0,0,'A+B Problem');
+            __draw_pro(0,1,'JOMANDA',imgmap['song/JOMANDA/JOMANDA.jpg']);
+            __draw_pro(0,2,'JOMANDA',imgmap['song/SHION/SHION.jpg']);
+
+            ctx.fillStyle = '#1C1C1C';
+            ctx.font = '60px Saucer-Regular';
+            if(curr_song != null){
+                if(start_cd == null){
+                    start_cd = eng.ts;
+                }
 
-        
+                timer = 60 - ((eng.ts - start_cd) / 1000);
+                if(timer <= 0){
+                    _start();
+                }
+                
+                ctx.fillText('BACK',1002,1344);
+                ctx.fillText('START',1360,1344);
 
-        function _pro(){
-            var curr_song = null;
-            var start_cd = null;
+                ctx.font = '48px Saucer-Regular';
+                ctx.fillText(new Number(timer).toFixed(2),1360,1244);
 
-            function __draw(){
-                eng.add_draw(function(ctx){
-                    var title;
+                title = curr_song;
+            }else{
+                ctx.fillText('PREV',1002,1344);
+                ctx.fillText('NEXT',1360,1344);
 
-                    function _draw_pro(i,j,title,cover){
-                        var x,y;
+                title = 'SELECT  PROBLEM';
+            }
 
-                        x = butts[i][j].x;
-                        y = butts[i][j].y;
+            ctx.rotate(Math.PI / 2);
+            ctx.font = '100px Saucer-Regular';
+            ctx.fillText(title,32,-100);
 
-                        if(cover != undefined){
-                            ctx.drawImage(cover,x + 8,y + 8,304,304); 
-                        }else{
-                            ctx.fillStyle = '#1C1C1C';
-                            ctx.font = '40px Saucer-Bold';
-                            ctx.fillText(title,x + 32,y + 290);
-                        }
-                    }
+            eng.add_draw(0,_draw);
+        }
+        function _start(){
+            var i;
+            var j;
 
-                    _draw_pro(0,0,'A+B Problem');
-                    _draw_pro(0,1,'I\'m so happy',i_cover2);
-                    _draw_pro(0,2,'JOMANDA',i_cover3);
-                    _draw_pro(0,3,'Mother Ship',i_cover4);
+            if(curr_song == null){
+                return;
+            }
 
-                    ctx.fillStyle = '#1C1C1C';
-                    ctx.font = '60px Saucer-Regular';
-                    if(curr_song != null){
-                        if(start_cd == null){
-                            start_cd = eng.ts;
-                        }
-                        
-                        ctx.fillText('BACK',1002,1344);
-                        ctx.fillText('START',1360,1344);
+            end = true;
+            audio_stop();
 
-                        ctx.font = '48px Saucer-Regular';
-                        ctx.fillText(new Number(60 - ((eng.ts - start_cd) / 1000)).toFixed(2),1360,1244);
+            for(i = 0;i < 4;i++){
+                for(j = 0;j < 4;j++){
+                    j_butts[i][j].off('click');
+                }
+            }
 
-                        title = curr_song;
-                    }else{
-                        ctx.fillText('PREV',1002,1344);
-                        ctx.fillText('NEXT',1360,1344);
+            eng.add_work(function(){
+                play(curr_song);
+            });
+        }
+        
+        curr_mode = 'pro';
 
-                        title = 'SELECT  PROBLEM';
-                    }
+        defers.push(load_audio('song/JOMANDA/JOMANDA.ogg'));
+        defers.push(load_audio('song/SHION/SHION.ogg'));
+        defers.push(load_image('song/JOMANDA/JOMANDA.jpg'));
+        defers.push(load_image('song/SHION/SHION.jpg'));
 
-                    ctx.rotate(Math.PI / 2);
-                    ctx.font = '100px Saucer-Regular';
-                    ctx.fillText(title,32,-100);
+        $.when.apply($,defers).done(function(){
+            j_butts[0][1].on('click',function(e){
+                load_audio('song/JOMANDA/JOMANDA.ogg').done(function(ab_song){
+                    audio_play(ab_song);
                 });
-
-                eng.add_work(__draw);
-            }
-
-            butts[0][1].on('click',function(e){
-                _audio_play(ab_song2);
-                curr_song = 'I\'m so happy';
-            });
-            butts[0][2].on('click',function(e){
-                _audio_play(ab_song3);
                 curr_song = 'JOMANDA';
             });
-            butts[0][3].on('click',function(e){
-                _audio_play(ab_song4);
-                curr_song = 'Mother Ship';
+            j_butts[0][2].on('click',function(e){
+                load_audio('song/SHION/SHION.ogg').done(function(ab_song){
+                    audio_play(ab_song);
+                });
+                curr_song = 'SHION';
             });
 
-            butts[3][2].on('click',function(e){
+            j_butts[3][2].on('click',function(e){
                 if(curr_song != null){
-                    _audio_play(ab_select);
+                    audio_play('select.ogg');
                     start_cd = null;
                     curr_song = null;
                 }
             });
-            butts[3][3].on('click',function(e){
-                _test();
+            j_butts[3][3].on('click',function(e){
+                _start(); 
             });
 
-
-            __draw();
-        }
-        
-        function _test(){
-            
-        function _ani(){
-            var et = new Date().getTime();
-            j_fps.text(Math.floor(1 / (et - st) * 1000));
-            st = et;
-
-            window.requestAnimationFrame(_ani);
-
-            eng_bottom.update();
-            eng.update();
-            eng_top.update();
-        }
-
-        
-
-        
-    }*/
+            audio_play('select.ogg');
+            eng.add_draw(0,_draw);
+            back();
+        });
+    }
 };
 
-var engine = function(ctx,expfunc){
+var engine = function(ctx){
     var that = this;
     var workq = new Array();
     var drawq = new Array();
@@ -1120,6 +1223,8 @@ var engine = function(ctx,expfunc){
         var worktq;
         var drawtq;
         
+        var tmp = new Date().getTime();
+
         that.ts = new Date().getTime() - st;
 
         //worker.postMessage({'type':0,'ts':that.ts});
@@ -1142,14 +1247,15 @@ var engine = function(ctx,expfunc){
             });
             for(i = 0;i < drawtq.length;i++){
                 ctx.save();
-                if(drawtq[i].func == undefined){
-                    drawtq[i].draw(ctx);
-                }else{
-                    expfunc[drawtq[i].func].apply(null,drawtq[i].param);
-                }
+                drawtq[i].draw(ctx);
                 ctx.restore();
             }
         }
+
+        tmp = new Date().getTime() - tmp;
+        if(tmp > 15){
+            console.log('time' + tmp);
+        }
     };
 
     that.beat_ease = function(dur,max,off){
author	pzread <netfirewall@gmail.com>	2013-07-12 02:10:18 +0800
committer	pzread <netfirewall@gmail.com>	2013-07-12 02:10:18 +0800
commit	456b6867161c1f1295993c61b3726ff44a3c809e (patch)
tree	fc904f499a613cc9250e22716764c8ba3059f518 /src/sqmod/sqmod_test/js/sqmod_test.js
parent	0d25481f72f12eaf0ccfc3172829f0d138a1143c (diff)
download	taiwan-online-judge-456b6867161c1f1295993c61b3726ff44a3c809e.tar.gz taiwan-online-judge-456b6867161c1f1295993c61b3726ff44a3c809e.tar.zst taiwan-online-judge-456b6867161c1f1295993c61b3726ff44a3c809e.zip