Difference between r1.10 and the current

@@ -7,7 +7,13 @@

</head>
<body>
<div id='basewindow'>

그냥 ~~배경화면임~~

<div id='item_box'><span class='keyword'><br><br><br><br><br>hello</span></div>

@@ -39,13 +45,21 @@

#text { /*대화창*/
width : 460px;
height : 75px;

background-color : ~~blue~~;

background-color : royalblue;

padding : 10px;
position : absolute;
top : 225px;
left : 0px;

}
#human { /*사람 그림이 나올 화면*/

width : 256px;

height : 285px;

background-color : olive;

position : absolute;

top : 35px;

left : 116px;

}
#name { /*사람이름(텍스트 위에)*/
width : 90px;

@@ -56,12 +70,43 @@

left : 0px;
}
#chugoong { /*좌상단의 추궁하기*/

width : 128px;

height : 32px;

background-color : gray;

position : absolute;

top : 0px;

left : 0px;

}
#jesi{ /*우상단의 제시하기*/

width : 128px;

height : 32px;

background-color : gray;

position : absolute;

top : 0px;

left : 352px;

}

#~~itembox~~ { /*제시하기를 눌렀을때 나오는 아이템 목록*/

#item_box { /*제시하기를 눌렀을때 나오는 아이템 목록*/

width : 480px;

height : 150px;

background-color : green;

position : absolute;

top : 35px;

}

#~~itempic~~ { /*아이템 목록 안의 아이템 그림*/

#item_pic { /*아이템 목록 안의 아이템 그림*/

width : 130px;

height : 130px;

background-color : transparent;

position : absolute;

top : 45px;

left : 10px;

}

#item_text { /*아이템 설명*/

width : 280px;

height : 130px;

background-color : skyblue;

position : absolute;

top : 45px;

left : 170px;

}
span.text { /*대화창의 글자 속성을 지정*/
color : white;

@@ -73,7 +118,81 @@

color : red;
}
span.date { /*날짜와 장소 출력할 때의 속성*/

color : yellow;

}

}}}

= 대사 파일을 첨부한 HTML =

위의 HTML파일에다가 JavaScript를 더한것.

{{{

<html>

<head>

<!--

contents=new Array(); //대사 내용이 들어있는 javascript파일 안에 있는 배열의 이름.

i=0;

function changetext(){ // 글자가 나오는 text부분에 내용을 바꾸는 함수.

document.getElementById('text').innerHTML = contents[i]

i++

}

--></Script>

</head>

<body>

그냥 배경화면임

이름임

</div>

글자가 나오는 화면임. 혼잣말은

키워드는 <span class='keyword'>키워드!!</span>요렇게 ㅎㅎ

</div>

에뮬레이터 화면크기의 x2 임.

</body>

</html>

}}}

= 대사파일 (contents.js)=

{{{

contents[0] = "내용1"

contents[1] = "내용2"

contents[2] = "내용3"

contents[3] = "내용4"

contents[4] = "내용5"

contents[5] = "내용6"

contents[6] = "내용7"

contents[7] = "내용8"

contents[8] = "내용9"

contents[9] = "내용10"

contents[10] = "내용11"

contents[11] = "내용12"

contents[12] = "내용13"

contents[13] = "내용14"

contents[14] = "내용15"

contents[15] = "내용16"

contents[16] = "내용17"

contents[17] = "내용18"

contents[18] = "내용19"

contents[19] = "내용20"

contents[20] = "내용21"

}}}

= ShortCut =

html 파일 ¶

<html>
<head>
<title>역전재판</title>
<link rel='stylesheet' type='text/css' href='style.css' media='all'>
</head>
<body>
<div id='basewindow'>

<div id='chugoong'>추궁하장</div>
<div id='jesi'>제시하장</div>
<div id='item_box'><span class='keyword'><br><br><br><br><br>hello</span></div>
<div id='item_pic'></div>
<div id='item_text'></div>
<!--<div id='human'></div>-->

	
	<div id='name'>
	이름임
	</div>
	<div id='text'>
	글자가 나오는 화면임. 혼잣말은
	<span class='think'>(span 을 사용했음)</span><br>
	키워드는 <span class='keyword'>키워드!!</span>요렇게 ㅎㅎ
	
	</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
에뮬레이터 화면크기의 x2 임.
</body>
</html>

css 파일 ¶

#basewindow {		/*기본 화면*/
width : 480px;
height : 320px;
background-color : black;
color : white;
position : absolute;
top : 0px;
left : 0px;
}
#text {		/*대화창*/
width : 460px;
height : 75px;
background-color : royalblue;
padding : 10px;
position : absolute;
top : 225px;
left : 0px;

}
#human {		/*사람 그림이 나올 화면*/
width : 256px;
height : 285px;
background-color : olive;
position : absolute;
top : 35px;
left : 116px;

}
#name {		/*사람이름(텍스트 위에)*/
width : 90px;
height : 25px; 
background-color : gray;
position : absolute;
top : 200px;
left : 0px;
}
#chugoong {		/*좌상단의 추궁하기*/
width : 128px;
height : 32px; 
background-color : gray;
position : absolute;
top : 0px;
left : 0px;
}
#jesi{		/*우상단의 제시하기*/
width : 128px;
height : 32px; 
background-color : gray;
position : absolute;
top : 0px;
left : 352px;
}
#item_box {		/*제시하기를 눌렀을때 나오는 아이템 목록*/
width : 480px;
height : 150px; 
background-color : green;
position : absolute;
top : 35px;
}
#item_pic {		/*아이템 목록 안의 아이템 그림*/
width : 130px;
height : 130px; 
background-color : transparent;
position : absolute;
top : 45px;
left : 10px;
}
#item_text {		/*아이템 설명*/
width : 280px;
height : 130px; 
background-color : skyblue;
position : absolute;
top : 45px;
left : 170px;
}
span.text {		/*대화창의 글자 속성을 지정*/
color : white;
}
span.think {		/*대화 중 주인공이 혼자 말할때의 속성을 지정*/
color : #FB84E9;
}
span.keyword {		/*키워드의 속성을 지정*/
color : red;
}
span.date { /*날짜와 장소 출력할 때의 속성*/
color : yellow;
}

대사 파일을 첨부한 HTML ¶

위의 HTML파일에다가 JavaScript를 더한것.

<html>
 <head>
  <title>역전재판</title>
  <link rel='stylesheet' type='text/css' href='style.css' media='all'>
  <!--여기서 부터 첨가한 부분.-->
  <SCRIPT Language="JavaScript">
   <!--
    contents=new Array(); //대사 내용이 들어있는 javascript파일 안에 있는 배열의 이름.
	i=0;
	function changetext(){ // 글자가 나오는 text부분에 내용을 바꾸는 함수.
	 document.getElementById('text').innerHTML = contents[i]
	 i++
	}
   --></Script>
  <script language="javascript" SRC="./contents.js"></script> //대사 내용을 넣은 javascript파일('contents.js')을 첨부.
  <!--여기까지-->
 </head>
 <body>
  <div id='basewindow'>
  그냥 배경화면임
  <div id='chugoong'>추궁하장</div>
  <div id='jesi'>제시하장</div>
  <div id='item_box'></div>
  <div id='item_pic'></div>
  <div id='item_text'></div>

	
  	<div id='name'>
	이름임
	</div>
	<div id='text' Onclick="changetext()">
	글자가 나오는 화면임. 혼잣말은
	<span class='think'>(span 을 사용했음)</span><br>
	키워드는 <span class='keyword'>키워드!!</span>요렇게 ㅎㅎ
	
	</div>
  </div>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  에뮬레이터 화면크기의 x2 임.
  </body>
</html>

= 대사파일 (contents.js)=

contents[0] = "내용1"
contents[1] = "내용2"
contents[2] = "내용3"
contents[3] = "내용4"
contents[4] = "내용5"
contents[5] = "내용6"
contents[6] = "내용7"
contents[7] = "내용8"
contents[8] = "내용9"
contents[9] = "내용10"
contents[10] = "내용11"
contents[11] = "내용12"
contents[12] = "내용13"
contents[13] = "내용14"
contents[14] = "내용15"
contents[15] = "내용16"
contents[16] = "내용17"
contents[17] = "내용18"
contents[18] = "내용19"
contents[19] = "내용20"
contents[20] = "내용21"
.
.
.

ShortCut ¶

http://www.openjs.com/scripts/events/keyboard_shortcuts/shortcut.js

2010JavaScript

2010 Java Script/역전재판

Difference between r1.10 and the current

html 파일 ¶

css 파일 ¶

대사 파일을 첨부한 HTML ¶

ShortCut ¶