ywlee861009

What is Phaser? 게임 프레임워크로 MIT에서 제공하는 라이센스.오픈소스 모듈이며, 간단하게 HTML5 에서 .js 파일을 링크하는 것만으로 사용이 가능하다. 목표 phaser를 이용해서 뱀 길이 늘리기 게임을 만들어보자.참고 사이트 : http://tutorialzine.com/2015/06/making-your-first-html5-game-with-phaser/ 우선, 아래의 ZIP 파일을 다운받아 기본 뼈대를 구축하자. (바이러스아님..광고 설치파일아님..) 압축을 푼 뼈대는 다음과 같다. STEP 1) index.html 작성 우리가 받은 index.html 을 아래와같이 편집해보자 1234567891011121314151617 Snake Colored by Color Scripter..

Phaser 는 어떻게 동작하는가? 우리는 Phaser 를 단순 html 파일에서 js 파일을 로드하는 것만으로도 사용할 수 있다.하지만, 일반적인 웹페이지처럼 localhost(웹서버가 설치되지 않은) 상에서는 이용할 수 없다. Why? 왜 단순 html 파일에 js 를 로드하는 것인데, 웹서버가 존재하지 않는 로컬 에서는 동작하지 않는 것일까? 우선, 경우를 2가지로 나누어 볼 수 있겠다. 단순히 로컬 웹 브라우저를 켜고, 우리가 Phaser로 만든 html 파일을 끌어다 놓는것.웹 서버를 구축하여 server level 에서 html 파일을 보여주는 것.두 가지 방법의 차이는 프로토콜의 차이이다. 전자의 경우 file:// 프로토콜을 이용하지만, 후자의 경우 http:// 프로토콜을 이용한다. Ph..

WebGL 이란? 웹 기반의 그래픽 라이브러리.Javascript 기반이며, 웹 브라우저에서 인터랙티브한 3D 그래픽을 사용할 수 있도록 제공해 주는 라이브러리이다. 장점이라고 하면, 플러그인 설치 전혀없이, 3차원 그래픽스 API 를 제공하는 캔버스 HTML 요소의 일부분. 2011년 3월에 출시되었으며, 모든것은 프리웨어이다. WebGL 둘러보기 https://threejs.org/examples/ 에서 웹지엘로 어떤것들이 구현가능한지 둘러볼 수 있다.둘러보다 보면 알겠지만 상당히 고퀄리티의 결과물을 뽑아낼 수 있다. 이렇게 바람에 펄럭이는 천이나.. 사람얼굴을 3D 모델링한다거나.. 이런 사진에 효과를 주는것.. 이 모든것들을 Javascript 만으로 별도의 플러그인 설치없이.. 가능하다 공부좀 ..

사용 함수 strtotime(date); 날짜 크기 비교하기 $timenow = date("Y-m-d H:i:s"); $timetarget = "2017-03-15 00:00:00"; $str_now = strtotime($timenow);$str_target = strtotime($timetarget); if($str_now > $str_target) {echo "비교할 시간이 현재 시간보다 이전입니다.";} elseif($str_now == $str_target) {echo "비교할 시간이 현재시간과 같습니다.";} else {echo "비교할 시간이 현재시간보다 작습니다.";}

JSON.stringify() JSON 객체를 String 화 시켜주는 함수 문법 JSON.stringify(value[, replace[, space]]); 사용법 var test = { type: "login", name: name }; JSON.stringify(test);

문제 모든 개발의 가장 큰 문제는 [성능] 이다.php 역시 페이지가 너무 느린경우 체크가 필요할 때가 있다.하지만, 모든 페이지의 데이터처리가 끝나야 View가 표시되기 때문에 어느 부분에서 페이지 로딩이 느려지는지 파악하기 어려울때가 있다. 해결 아래 코드를 중간중간 삽입하여 나오는 결과로 어디서 코드가 오래 걸리는지 파악할 수 있다. 함수 function get_microtime(){$misec = explode(' ', microtime());return $misec[1] . $misec[0];} 사용 $script_runtime = get_microtime(); echo $script_runtime." ";

문법 element = document.querySelector(selectors); Browser Support 브라우저 이름 버전 익스플로러 11 이상 익스플로러 엣지 14 이상 파이어폭스 51 이상 크롬 49 이상 사파리 10 이상 오페라 43 이상 IOS 사파리 9.3 이상 오페라 미니 ALL Android 브라우저 4.4 이상 Android 크롬 56 이상 예제 1 var el = document.querySelector('div'); 문서에서 가장 처음 나오는 div 태그를 반환한다. 예제 2 다음과 같이 강력하게 사용할 수 있다. HTML JavaScripts var el = document.querySelector("div.user-panel.main input[name=login]"); ..

자바스크립트에서는 콤보박스를 콤보박스라 하지 못하고 (콤부콤부...ㅜㅜ)로 처리해야한다. 방법은 다음과 같다. -------------------------------------------------------------------------- titlewritercontent -------------------------------------------------------------------------- 위와 같이 보여진다. 끗

// 6자리 1~9 까지 랜덤 난수 만들기$random = rand(111111, 999999); echo $random;

// 보낼때!!!!!!!!!!!!!12345678910111213141516 Colored by Color Scriptercs