언어 44

html Canvas 게임 강좌 -2

2. 동작 원리 설명 우선 game frame work 사용될 js를 살펴본다. 1. FrameCounter2. FrameSkipper3. GameFrameWork4. GameObject5. GameSprite6. gfw7. InputSystem8. ResourceDB9. ResourcePreLoader10. Timer11. Util 이번에는 html 에서 동작하는 게임의 순서도를 설명하겠다. 1. Canvas 객체가 생성된다.2. 게임에 사용될 이미지, 사운드 객체를 서버로부터 가져온다(local이라면 자신의 pj folder)3. 모든 리소스가 로드되면 canvas를 초기화한다.------------loopCanvas에 하얀색 Rect를 그린다.time을 tic(count++)한다.fps을 체크하고 ..

언어/js 2015.01.13

파일명 변경

복구된 파일명이 깨진 관계로파일명을 디카 포맷 (IMG_~ 또는 KN2A~) 변경이 필요했다.c로 간단히 프로그램 만들었다. 그 외에도 텍스트 파일 일괄 변경에 쓰일 수 있다. /* 2015.01.12 keicoon15 * 파일 이름 일괄변경 프로그램 */ #define _CRT_SECURE_NO_DEPRECATE #include // 일반적인 function #include // 문자열 비교 #include // mkdir, rename #include // doChange() void doChange(int type, char* path); // 구조체 재정의 typedef struct _finddata_t FILE_SEARCH; // 현재 경로 얻을 때 #ifndef _MAX_PATH #define..

언어/C 2015.01.12

html Canvas 게임 강좌 -1

1. Intro 필자는 과제로 html에서 제공하는 2d Graphic API인 canvas를 사용하여 webGame을 제작한 경험을 바탕으로 강좌를 진행하려 한다. 이 강좌는 JS 문법을 알어야 이해하기 쉽다(JS 문법을 설명할 생각은 없다) canvas 사용법 부터 꼭 필요한 animation과 필요한 gameFrameWork의 기능을 모두 설명할 것이며 마지막으로는 필자가 만든 북극탐험 게임을 만들 것이다. 우선 그 첫번째로 html Canvas에 대해 설명하려 한다. 기존의 웹 브라우저는 game을 표현하기에 미흡하였다. 우선 동적 이미지 처리에 관해서는 고려하지 않았기에 그래픽 처리에 있어 리소스가 항상 부족하였다(이점은 아직도 모바일 웹환경에서 크게 다르지 않다)> 최근 지원을 시작한 open..

언어/js 2015.01.10

xml

XML (extensible markup Language)은 HTML (hyper text markup language)와 유사한 SGML (Standard generalized markup language)의 자식이다. HTML과 유사하지만 HTML의 단점을 보완하기 위해 개발되었으며 아래와 같은 예로써 그 차이를 살펴본다.HTML Headline 2 by Bold 2015 XML Headline 2 by 2015 둘 다 표현방식으로 같은 태그를 사용한다. 이 둘은 마크업 언어로서, 내용과 그 내용의 역할을 기록할 수 있다.HTML은 태그에 기초하여 중첩될 수 있다. 또 같은 태그는 열린채로 쓰일 수 있지만 XML은 꼭 닫혀야 한다. > XHTML은 HTML을 XML과 좀 더 유사하게 발전시킨 것이다...

언어/html 2015.01.10

JavaScript - prototype

간단한 JS 문법을 소개하려고 한다.JS(JavaScript)는 프로그래밍 언어이다.타 언어(C, Java)와는 다른 Script기반 언어이며웹(Web)에서 쓰이고 정적인 웹페이지에 동적인 기능을 담당하는 역할로 쓰인다. js문법은 Reference도 잘 되어있고 관련 블로그 게시글도 있으니 자주 쓰이는 문법을 소개하겠다. //일반적인 객체 == 함수 생성 function object(_age)//파라미터 { this.name = "first" // 기본 변수를 생성 this.age = _age; } //소개하고자 하는 prototype object.prototype.hello = function( )// 메소드 역활 { console.log("name : " + this.name + " / age : ..

언어/js 2015.01.10