html5 게임개발 4

프로젝트/html5 2012.03.19 09:58
구현하는데 일단은 내가 잘아는 안드로이드로 demo구성중...\

네이버 개발자센터에 svn을  저장소로 활용할 생각  이유는 비공개로 개발이 가능 2gb나~~~네이버 좋다..ㅋㅋ 
저작자 표시 비영리
신고
posted by 몰라용

html5게임개발3

프로젝트/html5 2012.03.14 15:16
이런..아직도 엔진데모를 살펴보고있다.

http://cocos2d-javascript.org/ 

이걸로 체인지~~~~~~ 
저작자 표시 비영리
신고
posted by 몰라용

html5게임 개발1

프로젝트/html5 2012.03.10 01:23
<1일차>

게임을 개발하려니...막상 html5에다가 webgl을 써서 작성하려다 보니................덜컥...너무 진도가 안나갈것같은 느낌...

일단은 엔진을 사용해보자 라고 해서 검색을 해보았더니 적당한 엔진이 검색되었다.

http://code.google.com/p/box2dweb/

위 엔진을 사용하는 이유는 특별한 이유는 없다.. 무료& 엥그리버드 제작 엔진이래서 일단은 사용해 보려고 한다.

프로그램은 생산성도 중요하니까.....

 
저작자 표시 비영리
신고
posted by 몰라용
경력이 쌓이면서 나에대한 경험치 상승을 위해 html5게임을 하나 개발 후 모든 기기에 호환되도록(욕심 부려서) 제작하려고 

노력중이다. 잘되야 할텐데... 내 경험 노하우를 하나 씩 이 목차에 남겨야겠다..

시작!!!!!! 
저작자 표시 비영리
신고
posted by 몰라용


Jquery
  HTML문서,보다 정확하게는 문서 개체 모델과 자바스크립트 사이의

상호작용을 간단하게 해주는 오픈 소스 자바스크립트 라이브러리이다.

문서 객체 모델(DOM; Document Object Model)은 객체지향 모델로써 구조화된 문서를 표현하는 형식이다

jquery 참고 : 
http://ko.wikipedia.org/wiki/JQuery
DOM 참고:
 http://ko.wikipedia.org/wiki/%EB%AC%B8%EC%84%9C_%EA%B0%9D%EC%B2%B4_%EB%AA%A8%EB%8D%B8
 



* 개발 환경 : 이클립스
  - jquery 플러그인 설치 따라할 블로그:http://antop.tistory.com/75
  - html 플러그인 설치 따라할 블로그: http://www.joon.pe.kr/blog/245

* 개발 공부 사이트 : http://www.ibm.com/search/csass/search/?sn=dw&lang=ko&cc=KR&en=utf&hpp=20&dws=kodw&lo=ko&q=jquery&Search=%EA%B2%80%EC%83%89

* 개발시 무조건 상대경로로 작업할 것 






*기타 코드
 -jquery로 xml 파싱
 $(document).ready(function(){
             $.ajax({
                 type: "GET",
                 url: "http://www.abc.com/cache/abc/main_a.xml",
                 dataType: "xml",
                 success: function(xml) {
               var lastCount = 3;
               var xmlLast = $(xml).find("ITEM").size() - 1;
               var xmlRandomNo = [0, 1, 2];
               for (var i = 0; i < xmlRandomNo.length; i++) {
                xmlRandomNo[i]  = parseInt(Math.random() * xmlLast);
               }  //랜덤값으로 3개만 보여주기 위하여
                     $(xml).find('ITEM').each(function(){
                      var INDEX = $(this).attr('INDEX');
                      if (INDEX == xmlRandomNo[0] || INDEX == xmlRandomNo[1] || INDEX == xmlRandomNo[2]){
                          var TITLE = $(this).attr('TITLE');
                          var THUMBNAIL = $(this).attr('THUMBNAIL');
                          var ID = $(this).attr('ID');
                          $('<li></li>')
                              .html('<a href="/abc/index.jsp?t='+ID+'" title="'+ TITLE +'" class="subject">'+ TITLE +'</a>')
                              .append('<div class="thumbnail"><a href="/abc/index.jsp?t='+ID+'"><img src="'+THUMBNAIL+'" alt="'+ TITLE +'" title="'+ TITLE +'" /></div></a>')
       .appendTo('.thema-list');
                      }
                     }); //close each(
                 }
             }); //close $.ajax(
 });

[출처] jQuery XML 파싱|작성자 기적

 

















 

저작자 표시 비영리
신고
posted by 몰라용


티스토리 툴바