머리 자르기/js 문서 원본 보기

<div style="display:none">
 요령 => 아래 변수들의 첫번째 인자들을 내용에 맞게 자르고 붙여넣어주세요
!!!!!!!!!!!!!!!! 플러그인 정보 입력 구간 윗부분은 만지지 마시오 절대로!!!!!!!!!!!!!!!!!


{{#vardefine:name|haircut}}
{{#vardefine:creat|Lemminkäinen}}
{{#vardefine:version|2.0}}
{{#vardefine:descript|게임 진행에 필요합니다.}}
{{#vardefine:local|true}}
{{#vardefine:executable|true}}

{{#vardefine:code|
<syntaxhighlight lang="javascript">
 // 이부분에 코드 입력 //
/*Elements Load 시작*/
var cut_res_container=document.getElementById("cut_res_container");
var cut_container=document.getElementById("cut_container");
var cut_linehair=document.getElementById("cut_line");
var cuthair=document.getElementById("cuthair");
/*Load 끝*/
var rand=function(r1,r2){
  return Math.floor(Math.random()*r1)+r2;
}
var cut_now=rand(400,600);
var cut_line=rand(200,300);
var cut_initial=cut_now-cut_line;
var cdf=document.getElementById("cut_diff").innerHTML;
var cut_diff=(cdf<=0 || isNaN(cdf) || cdf>2)?(0.5):(Number(cdf));
var cut_speed=cut_now/cut_diff;
var cut_result1=0; var cut_result2=0;
cut_res_container.style.display="none";
cut_container.style.height=cut_now+"px";
cut_linehair.style.height=cut_line+"px";
if(cut_initial<=0) { alert('머리가 너무 짧아 자를 수 없습니다!'); throw("WTF your hair is already short"); }
function cut_again(){
$('#scissors').animate({ top:"100%" },cut_speed,'linear',function(){ $('#scissors').animate({ top:0 },cut_speed,'linear',function(){ cut_again() }); });
}//animate는 자스로 대체하려니 setInterval이나 setTimeout 등으로 해야 하는데 여어어엉 귀찮아서..
cut_again();
function cut_calc(pos){
	if(pos<cut_line){
		cut_rescalc(pos);
		return;
	}
	cut_now=pos;
	cut_speed=cut_now/cut_diff;
	cut_container.style.height=cut_now+"px";
	cuthair.innerHTML=cut_now;
}
function cut_rescalc(pos){
        document.getElementById("cuthair_info").style.display="none";
		cut_container.style.display="none";
		document.getElementById("cut").style.display="none";
		cut_res_container.style.display="block";
		cut_result1=(100*(1-(cut_now-cut_line)/cut_initial));
		cut_result2=(100*(pos/cut_line));
		document.getElementById("cut_result1").innerHTML=cut_result1;
		document.getElementById("cut_result2").innerHTML=cut_result2;
		var cut_stories1=document.getElementsByClassName("cut_story");
		var cut_stories2=document.getElementsByClassName("cuts_story");
		if(cut_result1===0){	cut_stories1[0].style.display="block"; document.getElementById('cuts_story').style.display="none";		}
		else if(cut_result1<90){			cut_stories1[1].style.display="block";		}
		else if(cut_result1<95){			cut_stories1[2].style.display="block";		}
		else if(cut_result1<98){			cut_stories1[3].style.display="block";		}
		else if(cut_result1<=100){			cut_stories1[4].style.display="block";		}
		/* story2 (cut_result2, cuts) */
		if(cut_result2<90){			cut_stories2[0].style.display="block";		}
		else if(cut_result2<95){		cut_stories2[1].style.display="block";		}
		else if(cut_result2<98){		cut_stories2[2].style.display="block";		}
		else if(cut_result2<=100){		cut_stories2[3].style.display="block";		}
}
$('#cut').click(function(){ cut_calc($('#scissors').position().top ); });//addEventListener...그냥 생각하길 관두고
 // 여기까지 코드 입력 //
</syntaxhighlight>
}}

!!!!!!!!!!!!!!!! 플러그인 정보 입력 구간 끝 아래는 만지지 마시오!!!!!!!!!!!!!!!!!
</div>{{#switch: {{{1|화면}}}
	|dump = 
	|화면 = 
                {{플러그인/preset/각주}}
		<p<includeonly></includeonly>re class="script" data-name="{{#var:name}}" 
		     data-create="{{#var:creat}}" 
		     data-version="{{#var:version}}" 
		     data-descript="{{#var:descript}}" 
		     data-local="{{#var:local}}"
		     data-executable="{{#var:executable}}"
		     data-state="머리 자르기/js">
		 {{#var:code}}
		</pre>
	|#default = 
                {{#ifeq:{{{2|틀}}}|틀|{{플러그인/알림|{{#var:name}}}}|}}
		<span class="use-script" data-name="{{#var:name}}" data-creat="{{#var:creat}}" data-version="{{#var:version}}" data-executable="{{#var:executable}}"
		 data-descript="{{#var:descript}}" data-local="{{#var:local}}" data-state="머리 자르기/js" data-link="{{fullurl: {{#rel2abs: {{{1}}} }} }}"></span>
}}