요즘 ‘냉장고를 부탁해’ 라는 프로그램에 빠져버렸다.정말 괜찮은 포맷을 가졌다며 감탄하며 보는 중.최초의 ‘나가수’를 보는 느낌이랄까? ‘나가수’의 독한 부분을 걷어내고 고수들의 경쟁 부분은 잘 살린 느낌이다. ‘냉장고를 부탁해’에서는 상대방에게 패배하더라도‘개인의 취향’ 혹은 ‘재료의 한계’에게 기댈 수 있는 부분이 있기 때문. 이런 상황이니 경쟁 또한 웃으면서 할 수 있고창의적이고 도전적인 시도 또한 가능한 것 같다.(MC들과 게스트들도 진행이 맛깔나고) 이번에는 중화요리 대가 ‘이연복’ 셰프님이 최초 등장했다.짬뽕을 만들어 주셨는데.. 방송이 끝나기 무섭게 임신한 와이프가 짬뽕을 먹잔다;; 그래서 동네에서 괜찮다 싶은 짬뽕집을 찾아 나섰다. ‘가락동 백년교동’ 위치는 경찰병원 4번 출구에서 나와서 ..
시작하기개인적으로 무료 호스팅 서비스를 이용하고 있다. 이전에도 관련해서 포스팅을 했었는데 웹앱 예제 등을 올리는 용도로 사용하고 있다. 하지만 대부분의 호스팅 서비스를 사용하는 사용자들은 wordpress를 이용해서 블로깅을 하거나 개인 혹은 사업체 웹서버를 운영하고 있을 것이라고 생각한다. 나 같은 단순 HTML 파일 만을 이용하는 사람의 경우, 굳이 호스팅 서비스를 사용하지 않아도 좋은 방법이 있으니 오늘은 그 내용을 다뤄볼 예정이다. 다음의 유투브 동영상의 내용을 기반으로 포스팅한다. 호스팅하기이미 구글 드라이브에 계정은 있다고 가정한다. 우선 디렉토리를 하나 생성하자. ‘폴더’를 새로 만들면 된다. 나는 ‘www’라는 이름을 줬다. 그 다음은 해당 디렉토리를 공유해줘야 한다. 폴더에서 마우스 우..
시작하기웹게임을 개발하기 위한 게임 엔진은 아주 많다. 다만 나의 경우, pixi.js에 익숙하다보니 자연스럽게 phaser를 선택하게 되었다. 하지만 Phaser가 인기 있는 게임엔진이며 현재 유지보수가 가장 활발한 것 또한 사실이다. (링크) 이번 포스팅에서는 Phaser의 겉만 살펴볼 예정이다. 실제 내용은 다음 포스팅부터 시작한다. 상세하게 들어가기 전에 유투브 동영상 하나 보자.webGL의 현재, 미래에 대해서 이야기하는 동영상이다. 동영상에 보면 수많은 webGL 관련 라이브러리들을 설명한다. (링크) 이걸 조금 정리하자면 다음과 같다. PresentFutureGraphicsThree.js Pixi.jsMathboxGame EnginesPhaser PlayCanvas TurbulenzUnrea..
시작하기원래는 게임 관련 내용을 포스팅하려고 했는데 시기상조인 것 같다. 내용을 정리하다 보니 모르는 내용이 너무 많이 나올 것 같아서 조금 기초를 다지기로 했다. 오늘 포스팅 할 내용은 드래곤이 날라 다니는 예제다. 결과물을 확인하자. (링크) pixi.js 예제 12번의 서브 예제다. 코드 설명 전에 일단 환경을 셋업하자. (참고로 첨부파일을 base.zip를 다운 받으면 바로 코드설명 부분으로 넘어갈 수 있다.)환경셋업알다시피 이클립스 + 크롬을 개발 환경으로 사용하고 있다. 자세한 내용은 이전 포스팅들을 참조하자. 여기서는 이전 포스팅들을 읽었다는 가정 하에 내용을 정리한다. 우선 example12에 해당하는 프로젝트를 하나 생성하고 파일을 복사하자. index_dragon.html 이 필요한 파..
시작하기pixi.js를 사용하면 화면에 그리는 것은 쉽지만 물리적인 효과를 내는 것은 pixi.js 만으로는 해결이 힘들다. 이런 물리적인 효과에 대해서는 다음 포스팅에서 다루고 이번 포스팅에서는 사용자 이벤트 처리에 대해서 다뤄본다. pixi.js example로 말하자면 6번, 8번 정도이다. 물리적인 효과에 대해서는 exmaple 1번의 indexTest2.html 혹은 24번 example에서 확인할 수 있다. 두 example 모두에는 pixi.js 외에 다른 javascript가 포함된 것을 확인할 수 있다.최종화면다음 링크에서 확인해보자 : 링크 (http://kkangeva.woobi.co.kr/pixi3/) 사용하고 있는 호스팅이 무료라서 하루 100MB가 한계이긴 한데 블로그 인기가 지..
좋다. ‘S/W 기술블로그’라는 이름은 유명무실하다. 후훗. 오늘 장인어른하고 장모님이 환갑잔치였다. 어쩌다 보니 내가 사회를 맡게 되었는데 갑자기 준비하다 보니 많은 부분이 허접했다. 혹시 관심있는 사람 있을까봐 포스팅한다. 우선 필수 아이템이라고 생각되는 동영상이다. 나는 시간이 부족해서 못 만들었다. (미리 준비하자) 아래는 가장 기본이 되는 스타일이다. 포인트는 사진이 많이 있어야 한다는 것 (생각보다 일이 많다. 옛날 앨범들을 하나하나 스캔해야 한다.) 만약 사진 수급(?)이 여의치 않으면 아래를 변형해도 된다. 가족의 인사가 포함된 동영상이다. 다만 조금 허접해 보일 가능성이 높다. 전체적인 식순은 다음 동영상을 참고하자. 마이크나 스피커 등은 식당에서 빌려준다. 나머지는 아래를 준비해야 한다..
호스팅을 한번 받아볼까 싶어서 관련 자료를 뒤지다가 괜찮은 블로그 글을 찾았다. http://nine8007.tistory.com/208 매일 접속자 수가 2000 이상을 유지하는 고수 블로거다.블로그 주인장의 말을 적극 믿고 국내 업체 중에 고르기로 했다.일단 내 용도가 간단한 테스트 용이기 때문에 조금 무서워 보이는 ‘스피드호스팅’과 ‘이야기네트워크’는 선택지에서 없애기로 했다.그럼 하드용량과 트래픽량이 비슷해져서 어떤 것을 선택해도 똑같은 상황이 된다. 나는 우비를 선택했다. 사이트 대문에 무료 ‘웹 호스팅’ 메뉴가 있다. 저요! 저요! 신청! 계정이 SSD라는 부분이 좀 신기하다.다만 무료 호스팅을 받는 사람에게 시스템 리소스 전체를사용하게 하지 않을 것 같다. 즉, 디스크가 아닌 네트워크 혹은 ..
시작하기일단 본격적으로 예제를 살펴보기 전에 pixi.js 자체에 대해서 간략하게 알아보자. 아래 내용들은 모두 Youtube 동영상에서 확인 가능하다. (영어다-_-;) 일단 Pixi.js의 주요 두 가지 구성요소는 아래와 같다고 한다. stage : 화면에 그려질 elelments 들을 가지고 있는 일종의 도화지다.renderer : stage를 받아서 그리는 역할을 수행한다. 아래와 같은 느낌이랄까? 즉, JavaScript 코드에서 renderer와 statge를 적절하게 수정한 이후 그림을 그리라고 명령을 내리면 renderer가 stage 정보를 이용해서 그림을 그리는 느낌이다.당연히 stage 밑에는 하나 하나의 요소들이 Tree 형태로 붙어 있을 것이다. 코드로 표현하면 아래와 같은 구조를..
