Skip to content

Instantly share code, notes, and snippets.

@kakenn
Created June 3, 2017 07:38
Show Gist options
  • Save kakenn/d9629f32ae7c7e5742b9293ed7735972 to your computer and use it in GitHub Desktop.
Save kakenn/d9629f32ae7c7e5742b9293ed7735972 to your computer and use it in GitHub Desktop.
1
00:00:00,000 --> 00:00:00,100
var script = document.createElement("script");
script.setAttribute("src", "https://code.jquery.com/jquery-3.2.1.min.js");
document.getElementsByTagName("head")[0].appendChild(script);
2
00:00:00,200 --> 00:00:00,300
$("body").append('<style>*{padding:0;margin:0;}#fumen{background: rgba(0,0,0,0.4);position: fixed;bottom: 0;right: 0;height: 100%;width: 100%;}.humen{width: 100%;height: 20px;z-index: 9999;background: #fff;color: #000;position: absolute;}</style><div id="fumen"></div>');
$("body").append('<div style="position: fixed;top: 0;left: 0;width: 100%;height: 50px; text-align: center;background: #000;color: #fff;" id="score">0</div><div id="bar" style="position: fixed;bottom: 200px;height: 10px;background: #aaa;width: 100%;left: 0;"></div>');
3
00:00:00,300 --> 00:00:00,400
var index = 0;
var bai = 0.8;
var score = 0;
$("#player").width($(window).width()).height($(window).height())
var ws = new WebSocket("ws://100.64.84.221:9092/");
ws.onopen = function() {
ws.onmessage = function(message) {
for(var i=index; tmg.length>i; i++){
console.log(i,tmg[i].time);
if(tmg[i].time > player.getCurrentTime()*1000 - 100){
console.log(Math.abs(tmg[i].time - player.getCurrentTime()*1000));
if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 50){
ws.send(1);
}else if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 100){
console.log("good");
ws.send(2);
}else if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 200){
ws.send(3);
}
console.log("score",score);
$("#score").text(score);
index = i;
// console.log(tmg[i]);
break;
}
}
};
}
var tmg = [{"key":65,"time":1720},{"key":65,"time":1919},{"key":65,"time":2192},{"key":65,"time":2530},{"key":65,"time":2857},{"key":65,"time":3152},{"key":65,"time":3508},{"key":65,"time":3854},{"key":65,"time":4179},{"key":65,"time":4336},{"key":65,"time":4487},{"key":65,"time":4834},{"key":65,"time":5137},{"key":65,"time":5435},{"key":65,"time":5763},{"key":65,"time":6069},{"key":65,"time":6381},{"key":65,"time":6680},{"key":65,"time":6830},{"key":65,"time":6997},{"key":65,"time":7336},{"key":65,"time":7664},{"key":65,"time":7992},{"key":65,"time":8309},{"key":65,"time":8598},{"key":65,"time":8753},{"key":65,"time":8933},{"key":65,"time":9245},{"key":65,"time":9546},{"key":65,"time":9856},{"key":65,"time":10152},{"key":65,"time":10520},{"key":65,"time":10765},{"key":65,"time":10977},{"key":65,"time":11143},{"key":65,"time":11335},{"key":65,"time":11528},{"key":65,"time":11721},{"key":65,"time":12089},{"key":65,"time":12392},{"key":65,"time":12672},{"key":65,"time":12824},{"key":65,"time":13153},{"key":65,"time":13288},{"key":65,"time":13616},{"key":65,"time":13929},{"key":65,"time":14257},{"key":65,"time":14568},{"key":65,"time":14896},{"key":65,"time":15199},{"key":65,"time":15345},{"key":65,"time":15665},{"key":65,"time":15832},{"key":65,"time":16168},{"key":65,"time":16472},{"key":65,"time":16800},{"key":65,"time":17096},{"key":65,"time":17425},{"key":65,"time":17746},{"key":65,"time":17905},{"key":65,"time":18184},{"key":65,"time":18352},{"key":65,"time":18680},{"key":65,"time":18994},{"key":65,"time":19304},{"key":65,"time":19753},{"key":65,"time":20249},{"key":65,"time":20595},{"key":65,"time":20889},{"key":65,"time":21206},{"key":65,"time":21518},{"key":65,"time":21849},{"key":65,"time":22295},{"key":65,"time":22455},{"key":65,"time":23105},{"key":65,"time":23546},{"key":65,"time":23705},{"key":65,"time":24401},{"key":65,"time":24864},{"key":65,"time":25001},{"key":65,"time":25625},{"key":65,"time":26245},{"key":65,"time":26560},{"key":65,"time":26891},{"key":65,"time":27351},{"key":65,"time":27798},{"key":65,"time":28120},{"key":65,"time":28597},{"key":65,"time":29057},{"key":65,"time":29395},{"key":65,"time":29856},{"key":65,"time":30379},{"key":65,"time":30673},{"key":65,"time":31168},{"key":65,"time":31672},{"key":65,"time":31945},{"key":65,"time":32406},{"key":65,"time":32890},{"key":65,"time":33201},{"key":65,"time":33665},{"key":65,"time":34176},{"key":65,"time":34490},{"key":65,"time":34953},{"key":65,"time":35434},{"key":65,"time":35729},{"key":65,"time":36196},{"key":65,"time":36653},{"key":65,"time":36978},{"key":65,"time":37441},{"key":65,"time":37904},{"key":65,"time":38216},{"key":65,"time":38736},{"key":65,"time":39185},{"key":65,"time":39481},{"key":65,"time":39931},{"key":65,"time":40441},{"key":65,"time":40769},{"key":65,"time":40921},{"key":65,"time":41081},{"key":65,"time":41240},{"key":65,"time":41396},{"key":65,"time":41550},{"key":65,"time":41702},{"key":65,"time":41858},{"key":65,"time":42029},{"key":65,"time":42576},{"key":65,"time":43015},{"key":65,"time":43313},{"key":65,"time":43948},{"key":65,"time":44257},{"key":65,"time":44577},{"key":65,"time":45025},{"key":65,"time":45529},{"key":65,"time":45825},{"key":65,"time":46153},{"key":65,"time":46454},{"key":65,"time":46766},{"key":65,"time":47065},{"key":65,"time":47576},{"key":65,"time":48013},{"key":65,"time":48553},{"key":65,"time":49018},{"key":65,"time":49327},{"key":65,"time":49622},{"key":65,"time":50056},{"key":65,"time":50565},{"key":65,"time":51041},{"key":65,"time":51502},{"key":65,"time":51798},{"key":65,"time":52145},{"key":65,"time":52298},{"key":65,"time":52457},{"key":65,"time":52640},{"key":65,"time":52801},{"key":65,"time":52921},{"key":65,"time":53112},{"key":65,"time":53280},{"key":65,"time":53412},{"key":65,"time":53599},{"key":65,"time":53768},{"key":65,"time":53888},{"key":65,"time":54065},{"key":65,"time":54241},{"key":65,"time":54379},{"key":65,"time":54521},{"key":65,"time":54673},{"key":65,"time":55016},{"key":65,"time":55296},{"key":65,"time":55611},{"key":65,"time":55768},{"key":65,"time":56072},{"key":65,"time":56217},{"key":65,"time":56529},{"key":65,"time":56825},{"key":65,"time":57146},{"key":65,"time":57673},{"key":65,"time":57835},{"key":65,"time":58465},{"key":65,"time":58624},{"key":65,"time":59089},{"key":65,"time":59740},{"key":65,"time":60232},{"key":65,"time":60416},{"key":65,"time":60962},{"key":65,"time":61121},{"key":65,"time":61305},{"key":65,"time":61632},{"key":65,"time":62232},{"key":65,"time":62720},{"key":65,"time":62903},{"key":65,"time":63510},{"key":65,"time":63689},{"key":65,"time":63840},{"key":65,"time":64152},{"key":65,"time":64762},{"key":65,"time":65088},{"key":65,"time":65401},{"key":65,"time":65729},{"key":65,"time":66040},{"key":65,"time":66352},{"key":65,"time":66666},{"key":65,"time":66969},{"key":65,"time":67281},{"key":65,"time":67611},{"key":65,"time":67936},{"key":65,"time":68248},{"key":65,"time":68568},{"key":65,"time":68903},{"key":65,"time":69201},{"key":65,"time":69866},{"key":65,"time":70162},{"key":65,"time":70465},{"key":65,"time":70795},{"key":65,"time":70936},{"key":65,"time":71271},{"key":65,"time":71415},{"key":65,"time":71584},{"key":65,"time":71920},{"key":65,"time":72056},{"key":65,"time":72378},{"key":65,"time":72672},{"key":65,"time":72824},{"key":65,"time":73152},{"key":65,"time":73288},{"key":65,"time":73465},{"key":65,"time":73768},{"key":65,"time":73920},{"key":65,"time":74264},{"key":65,"time":74578},{"key":65,"time":74888},{"key":65,"time":75232},{"key":65,"time":75548},{"key":65,"time":75840},{"key":65,"time":75997},{"key":65,"time":76304},{"key":65,"time":76456},{"key":65,"time":76797},{"key":65,"time":77096},{"key":65,"time":77411},{"key":65,"time":77704},{"key":65,"time":77880},{"key":65,"time":78200},{"key":65,"time":78528},{"key":65,"time":78827},{"key":65,"time":78994},{"key":65,"time":79305},{"key":65,"time":79450},{"key":65,"time":79616},{"key":65,"time":79953},{"key":65,"time":80240},{"key":65,"time":80563},{"key":65,"time":80856},{"key":65,"time":81027},{"key":65,"time":81368},{"key":65,"time":81666},{"key":65,"time":82000},{"key":65,"time":82161},{"key":65,"time":82480},{"key":65,"time":82770},{"key":65,"time":82928},{"key":65,"time":83272},{"key":65,"time":83568},{"key":65,"time":83873},{"key":65,"time":84048},{"key":65,"time":84384},{"key":65,"time":84696},{"key":65,"time":84856},{"key":65,"time":85152},{"key":65,"time":85304},{"key":65,"time":85627},{"key":65,"time":85930},{"key":65,"time":86087},{"key":65,"time":86397},{"key":65,"time":86543},{"key":65,"time":86880},{"key":65,"time":87216},{"key":65,"time":87378},{"key":65,"time":87688},{"key":65,"time":87856},{"key":65,"time":88195},{"key":65,"time":88496},{"key":65,"time":88656},{"key":65,"time":88952},{"key":65,"time":89104},{"key":65,"time":89428},{"key":65,"time":89720},{"key":65,"time":89856},{"key":65,"time":90201},{"key":65,"time":90345},{"key":65,"time":90681},{"key":65,"time":91328},{"key":65,"time":91656},{"key":65,"time":91936},{"key":65,"time":92632},{"key":65,"time":92968},{"key":65,"time":93265},{"key":65,"time":93920},{"key":65,"time":94216},{"key":65,"time":94528},{"key":65,"time":94840},{"key":65,"time":95136}]
var _fumen = "";
tmg.map(function(obj){
_fumen += `<div class="humen" style="bottom:${obj.time * bai}px">${obj.key}</div>`;
});
$("#fumen").html(_fumen);
setInterval(function(){
if(player.getCurrentTime()){
$("#fumen").css("bottom", "-" + (player.getCurrentTime()*1000*bai-200 + "px"))
}
},10)
var sound1 = new Audio("");
sound1.src = "http://shuto.info/srt_hack/short_punch1.mp3";
sound1.load();
var sound2 = new Audio("");
sound2.src = "http://shuto.info/srt_hack/knocking_a_wall.mp3";
sound2.load();
player.addEventListener("onStateChange",function(event){
console.log(event.data)
switch(event.data){
case YT.PlayerState.ENDED:
ws.send(-1);
}
})
document.addEventListener("keydown" , function(e){
console.log(e.keyCode, index);
for(var i=index; tmg.length>i; i++){
console.log(i,tmg[i].time);
if(tmg[i].time > player.getCurrentTime()*1000 - 100){
console.log(Math.abs(tmg[i].time - player.getCurrentTime()*1000));
if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 50){
console.log("gteat");
score += 500;
}else if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 100){
console.log("good");
score += 100;
}else if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 200){
score -= 100;
}
ws.send(score);
console.log("score",score);
$("#score").text(score);
index = i;
// console.log(tmg[i]);
break;
}
}
});
1
00:00:00,000 --> 00:00:00,100
var script = document.createElement("script");
script.setAttribute("src", "https://code.jquery.com/jquery-3.2.1.min.js");
document.getElementsByTagName("head")[0].appendChild(script);
2
00:00:00,200 --> 00:00:00,300
$("body").append('<style>*{padding:0;margin:0;}#fumen{background: rgba(0,0,0,0.4);position: fixed;bottom: 0;right: 0;height: 100%;width: 100%;}.humen{width: 100%;height: 20px;z-index: 9999;background: #fff;color: #000;position: absolute;}</style><div id="fumen"></div>');
$("body").append('<div style="position: fixed;top: 0;left: 0;width: 100%;height: 50px; text-align: center;background: #000;color: #fff;" id="score">0</div><div id="bar" style="position: fixed;bottom: 200px;height: 10px;background: #aaa;width: 100%;left: 0;"></div>');
3
00:00:00,300 --> 00:00:00,400
var index = 0;
var bai = 0.8;
var score = 0;
$("#player").width($(window).width()).height($(window).height())
var ws = new WebSocket("ws://100.64.84.221:9092/");
ws.onopen = function() {
ws.onmessage = function(message) {
for(var i=index; tmg.length>i; i++){
console.log(i,tmg[i].time);
if(tmg[i].time > player.getCurrentTime()*1000 - 100){
console.log(Math.abs(tmg[i].time - player.getCurrentTime()*1000));
if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 50){
ws.send(1);
}else if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 100){
console.log("good");
ws.send(2);
}else if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 200){
ws.send(3);
}
console.log("score",score);
$("#score").text(score);
index = i;
// console.log(tmg[i]);
break;
}
}
};
}
var tmg = [{"key":65,"time":32794},{"key":65,"time":33304},{"key":65,"time":33767},{"key":65,"time":34303},{"key":65,"time":34703},{"key":65,"time":35095},{"key":65,"time":35479},{"key":65,"time":35912},{"key":65,"time":36319},{"key":65,"time":36704},{"key":65,"time":37177},{"key":65,"time":37576},{"key":65,"time":37967},{"key":65,"time":38350},{"key":65,"time":38761},{"key":65,"time":39255},{"key":65,"time":39671},{"key":65,"time":40112},{"key":65,"time":40520},{"key":65,"time":40912},{"key":65,"time":41335},{"key":65,"time":41735},{"key":65,"time":42222},{"key":65,"time":42702},{"key":65,"time":43135},{"key":65,"time":43542},{"key":65,"time":44039},{"key":65,"time":44478},{"key":65,"time":44895},{"key":65,"time":45303},{"key":65,"time":45751},{"key":65,"time":46176},{"key":65,"time":46639},{"key":65,"time":47039},{"key":65,"time":47463},{"key":65,"time":47895},{"key":65,"time":48320},{"key":65,"time":48751},{"key":65,"time":49159},{"key":65,"time":49583},{"key":65,"time":49983},{"key":65,"time":50392},{"key":65,"time":50816},{"key":65,"time":51215},{"key":65,"time":51655},{"key":65,"time":52077},{"key":65,"time":52478},{"key":65,"time":53248},{"key":65,"time":53464},{"key":65,"time":54279},{"key":65,"time":55177},{"key":65,"time":56015},{"key":65,"time":56695},{"key":65,"time":56935},{"key":65,"time":57735},{"key":65,"time":58607},{"key":65,"time":59455},{"key":65,"time":60120},{"key":65,"time":60351},{"key":65,"time":61160},{"key":65,"time":62007},{"key":65,"time":62840},{"key":65,"time":63728},{"key":65,"time":64647},{"key":65,"time":64822},{"key":65,"time":65023},{"key":65,"time":65239},{"key":65,"time":65463},{"key":65,"time":65664},{"key":65,"time":65905},{"key":65,"time":66121},{"key":65,"time":66368},{"key":65,"time":66795},{"key":65,"time":67223},{"key":65,"time":67647},{"key":65,"time":68047},{"key":65,"time":68471},{"key":65,"time":68911},{"key":65,"time":69327},{"key":65,"time":69752},{"key":65,"time":70183},{"key":65,"time":70616},{"key":65,"time":71024},{"key":65,"time":71439},{"key":65,"time":71873},{"key":65,"time":72319},{"key":65,"time":72727},{"key":65,"time":73143},{"key":65,"time":73551},{"key":65,"time":73968},{"key":65,"time":74438},{"key":65,"time":74887},{"key":65,"time":75319},{"key":65,"time":75752},{"key":65,"time":76191},{"key":65,"time":76607},{"key":65,"time":77032},{"key":65,"time":77432},{"key":65,"time":77856},{"key":65,"time":78303},{"key":65,"time":78736},{"key":65,"time":79177},{"key":65,"time":79622},{"key":65,"time":80040},{"key":65,"time":80471},{"key":65,"time":80911},{"key":65,"time":81343},{"key":65,"time":81759},{"key":65,"time":82183},{"key":65,"time":82616},{"key":65,"time":83080},{"key":65,"time":83279},{"key":65,"time":83503},{"key":65,"time":83936},{"key":65,"time":84336},{"key":65,"time":84775},{"key":65,"time":85183},{"key":65,"time":85573},{"key":65,"time":86015},{"key":65,"time":86470},{"key":65,"time":86671},{"key":65,"time":86880},{"key":65,"time":87341},{"key":65,"time":87726},{"key":65,"time":88183},{"key":65,"time":88600},{"key":65,"time":89032},{"key":65,"time":89472},{"key":65,"time":89910},{"key":65,"time":90103},{"key":65,"time":90319},{"key":65,"time":90767},{"key":65,"time":91209},{"key":65,"time":91608},{"key":65,"time":92047},{"key":65,"time":92455},{"key":65,"time":92879},{"key":65,"time":93295},{"key":65,"time":93728},{"key":65,"time":94176},{"key":65,"time":94623},{"key":65,"time":95030},{"key":65,"time":95479},{"key":65,"time":95911},{"key":65,"time":96344},{"key":65,"time":96767},{"key":65,"time":96967},{"key":65,"time":97192},{"key":65,"time":97608},{"key":65,"time":98047},{"key":65,"time":98471},{"key":65,"time":98671},{"key":65,"time":98895},{"key":65,"time":99327},{"key":65,"time":99752},{"key":65,"time":100152},{"key":65,"time":100575},{"key":65,"time":100998},{"key":65,"time":101462},{"key":65,"time":101885},{"key":65,"time":102336},{"key":65,"time":102742},{"key":65,"time":103159},{"key":65,"time":103607},{"key":65,"time":104039},{"key":65,"time":104472},{"key":65,"time":104896},{"key":65,"time":105312},{"key":65,"time":105744},{"key":65,"time":106183},{"key":65,"time":106624},{"key":65,"time":107032},{"key":65,"time":107463},{"key":65,"time":108568},{"key":65,"time":108792},{"key":65,"time":109256},{"key":65,"time":110072},{"key":65,"time":110296},{"key":65,"time":110480},{"key":65,"time":110951},{"key":65,"time":111568},{"key":65,"time":111776},{"key":65,"time":112224},{"key":65,"time":112640},{"key":65,"time":113232},{"key":65,"time":113447},{"key":65,"time":113895},{"key":65,"time":114319},{"key":65,"time":114751},{"key":90,"time":115201},{"key":65,"time":115209},{"key":65,"time":115640},{"key":65,"time":116056},{"key":65,"time":116472},{"key":65,"time":116879},{"key":65,"time":117328},{"key":65,"time":117744},{"key":65,"time":118167},{"key":65,"time":118599},{"key":65,"time":119009},{"key":65,"time":119441},{"key":65,"time":119871},{"key":65,"time":120312},{"key":65,"time":120743},{"key":65,"time":121209},{"key":65,"time":121839},{"key":65,"time":122264},{"key":65,"time":122928},{"key":65,"time":123344},{"key":65,"time":123759},{"key":65,"time":124215},{"key":65,"time":124615},{"key":65,"time":125024}]
var _fumen = "";
tmg.map(function(obj){
_fumen += `<div class="humen" style="bottom:${obj.time * bai}px">${obj.key}</div>`;
});
$("#fumen").html(_fumen);
setInterval(function(){
if(player.getCurrentTime()){
$("#fumen").css("bottom", "-" + (player.getCurrentTime()*1000*bai-200 + "px"))
}
},10)
var sound1 = new Audio("");
sound1.src = "http://shuto.info/srt_hack/short_punch1.mp3";
sound1.load();
var sound2 = new Audio("");
sound2.src = "http://shuto.info/srt_hack/knocking_a_wall.mp3";
sound2.load();
player.addEventListener("onStateChange",function(event){
console.log(event.data)
switch(event.data){
case YT.PlayerState.ENDED:
ws.send(-1);
}
})
document.addEventListener("keydown" , function(e){
console.log(e.keyCode, index);
for(var i=index; tmg.length>i; i++){
console.log(i,tmg[i].time);
if(tmg[i].time > player.getCurrentTime()*1000 - 100){
console.log(Math.abs(tmg[i].time - player.getCurrentTime()*1000));
if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 50){
console.log("gteat");
score += 500;
}else if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 100){
console.log("good");
score += 100;
}else if(Math.abs(tmg[i].time - player.getCurrentTime()*1000) < 200){
score -= 100;
}
ws.send(score);
console.log("score",score);
$("#score").text(score);
index = i;
// console.log(tmg[i]);
break;
}
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment