ywlee861009

/var/www/html/recordings/11.php 1234567891011121314151617181920212223

2017/03/23 - [Computer/Javascript] - (Phaser) phaser 로 간단한 웹게임 만들기 - 메뉴2017/03/23 - [Computer/Javascript] - (Phaser) phaser 로 간단한 웹게임 만들기 - 뱀 그리기2017/03/23 - [Computer/Javascript] - (Phaser) phaser 로 간단한 웹게임 만들기 - 뱀 움직이기 STEP 1) 구성 이해하기 충돌처리는 아래와 같은 단계로 이루어진다. 뱀의 이동사과와의 충돌 체크 (점수 + 1, 길이 + 1)벽과의 충돌 체크 (go to game_over.js)자기 자신과의 충돌 체크 (go to game_over.js)이 정도면 우리 머릿속에는 어떤 코드들이 추가되어야 하는지 나올거다. 우선..

2017/03/23 - [Computer/Javascript] - (Phaser) phaser 로 간단한 웹게임 만들기 - 메뉴2017/03/23 - [Computer/Javascript] - (Phaser) phaser 로 간단한 웹게임 만들기 - 뱀 그리기 STEP 1) game.js - game.js 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111..

2017/03/23 - [Computer/Javascript] - (Phaser) phaser 로 간단한 웹게임 만들기 - 메뉴 STEP 1) main.js / menu.js 추가 main.js 와 menu.js 에 다음과 같은 라인을 추가한다. - main.js 12345678var game; game = new Phaser.Game(600, 450, Phaser.AUTO, ''); game.state.add('Menu', Menu);game.state.add('Game', Game); game.state.start('Menu');cs - menu.js 12345678910111213141516var Menu = { preload : function() { // game 객체에서 menu 이미지를 로드..

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 만으로 별도의 플러그인 설치없이.. 가능하다 공부좀 ..

스탯카운터로 본 OS 점유율 참조 : http://gs.statcounter.com 기간 : 2017. 1. ~ 2017. 2. 1. 윈도우 : 38.67 %2. 안드로이드 : 37.28 %3. iOS : 13.08 %4. OS X (mac os) : 5.15 % 아직은 안드로이드가 압도적이나, iOS 가 계속 추격해 오고 있다.

스탯카운터로 본 인터넷 브라우저 점유율 참조 : http://gs.statcounter.com 기간 : 2017. 1. ~ 2017. 2. 한국 잘 안보이시는 분들을 위해 1위 크롬 : 53.2%2위 인터넷 익스플로러 : 20.12%3위 삼성 인터넷 : 15.45%4위 사파리 : 9.05% 그외 고만고만 전세계 1위 크롬 : 52.06%2위 사파리 : 14.47%3위 UC 브라우저 : 8.4%4위 파이어 폭스 : 6.74% 그외 고만고만

사용 함수 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 "비교할 시간이 현재시간보다 작습니다.";}