'게임제작강좌' 카테고리의 글 목록

게임제작강좌

002화 Hello World! 2018.08.04
001화 그냥 따라해보거라! 2018.07.29

002화 Hello World!

세미콜론26 2018. 8. 4. 15:09

2018. 8. 4. 15:09

1. 오늘은 Hello World를 배울꺼야!

왜냐고?

프로그래밍 언어를 배울때

맨처음은 Hello World로 정해져 있거든!!!!

2. 아무튼 파란 부분을 메모장에 복사해봐!

<html>

<head>

</head>

<body>

<script type="text/javascript">

document.write("Hello World!");

</script>

</body>

</html>

복사하고 싶으면 여기로!

http://semicolon26.tistory.com/11

3. 그리고 너가 원하는 제목으로

저장한 다음에

4. txt를 hta로 바꿔줘!

5. 실행해봐!

6. Hello World! 라는 글자가 나올거야!

7. 파란 부분에 대해 간단한 분석

<html> // html파일의 시작

<head> // 머리부분

</head> // 머리 부분

<body> // 몸통 부분

<script type="text/javascript">

//자바스크립트 사용

document.write("Hello World!");

//Hello World! 문자열을 출력해라

</script> //자바스크립트 끝

</body> //몸통 부분

</html> //html파일의 끝

8. html(1)

hyper text markup language의 약자야!

웹 문서를 만들기 위하여 사용하는 기본적인 마크업 언어야

하이퍼텍스트를 작성하기 위해 개발되었어!

마크업 언어: 단순히 꾸며주는 언어!

ex) 책 표지는 배경을 무지개 그라데이션으로 넣어주시고

제목은 중앙에 검은색 굴림체로 크게 박아주세요

하이퍼텍스트: 전통적인 텍스트인 책은 한 개의 선형적 순차가 전제되어 있어!

첫째 페이지를 읽고, 둘째 페이지를 읽고…하는 식으로.

하지만 하이퍼텍스트는 텍스트가 읽히는 순서가 결정되어 있지 않아!

아래 예시 처럼!!

9. html(2)

HTML에서 사용하는 명령어는 태그(tag)라고 하는데 꺽쇠괄호"<>"를 사용해!

일반적으로 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있어!

종료 태그의 이름은 슬래시 문자[/]로 시작돼!

html 문서의 시작과 끝

대가리 부분

몸뚱아리 부분

자바스크립트를 사용하는 부분

10. javascript

HTML 문서의 단조로운 한계를

극복하기 위해 만든 스크립트 언어야!

스크립트 언어: 따로 과정을 거치지 않고

실시간으로 텍스트를 분석하며 실행되는 언어야!

덕분에 프로그램 같은게 필요없어!

document.write("내용");

이거는 출력 명령어야!

내용으로 Hello World!를 썼으니까

document.write("Hello World!");

Hello World! 가 출력 되는거야!

다음은 key code와 함수를 배울거야!

'게임제작강좌' 카테고리의 다른 글

001화 그냥 따라해보거라! (0)	2018.07.29

001화 그냥 따라해보거라!

세미콜론26 2018. 7. 29. 20:59

2018. 7. 29. 20:59

그냥 따라해보거라!

1. 일단 밑에 파란 부분 복사해서

2. 메모장에다가 붙여봐!

만화라서 복사가 안되니까!

블로그에 들어와서 복사해줘!

http://semicolon26.tistory.com/3

블로그 주소는 맨밑에 작가의 말에도 있어!

<html>

<head>

</head>

<body>

<script type="text/javascript">

var main_map_line=30;

document.write("<table><tr>");
for(i=1; i<=480; i++)
{
document.write("<td id="+i+">□</td>");
if(main_map_line==i)
{
main_map_line=main_map_line+30;
document.write("</tr><tr>");
}
}
document.write("</tr></table>");
</script>

<script>
var m = new Array();

function map_maker()
{
for(i=1; i<=480; i++)
{
m[i]=0;
document.getElementById(i).innerHTML = "□";
}

m[6]=2;
m[7]=1;

for(i=0; i<=480; i++)
{
if(m[i]==1)
{
document.getElementById(i).innerHTML = "★";
}
if(m[i]==2)
{
document.getElementById(i).innerHTML = "■";
}
}
}

function keyset()
{

switch(event.keyCode)
{
case 39: //right
for(i=1; i<=480; i++)
{
if((m[i]==1)&(m[i+1]==0))
{
m[i+1]=1;
m[i]=0;
document.getElementById(i).innerHTML = "□";
document.getElementById(i+1).innerHTML = "★";
break;
}
}
break;

case 37: //left
for(i=1; i<=480; i++)
{
if((m[i]==1)&(m[i-1]==0))
{
m[i-1]=1;
m[i]=0;
document.getElementById(i).innerHTML = "□";
document.getElementById(i-1).innerHTML = "★";
break;
}
}
break;

case 40: //down
for(i=1; i<=480; i++)
{
if((m[i]==1)&(m[i+30]==0))
{
m[i+30]=1;
m[i]=0;
document.getElementById(i).innerHTML = "□";
document.getElementById(i+30).innerHTML = "★";
break;
}
}
break;

case 38: //up
for(i=1; i<=480; i++)
{
if((m[i]==1)&(m[i-30]==0))
{
m[i-30]=1;
m[i]=0;
document.getElementById(i).innerHTML = "□";
document.getElementById(i-30).innerHTML = "★";
break;
}
}
break;

case 90:
document.getElementById("2").innerHTML = "<h2>" +event.keyCode+ "</h2>";
map_maker();
break;

}
}

document.onkeydown=keyset;
</script>

</body>

</html>