| 자바스크립트 ... 에 해당되는 글 5건 |
2008/04/22 11:48
![]() 게임명에서 눈치 챌 수 있듯이 Prototype과 Script.aculo.us를 이용했습니다. 개발자는 Pierre Chassaing이며 http://www.protorpg.com/ 라는 도메인을 가지고 서비스를 공개했습니다. 조작법이 익숙치 않으실텐데 문앞에 가서 U키를 누르고 문이 있는쪽으로 방향키를 누르면 문이 열립니다. 가려져 있던 부분이 나타나는것도 Script.aculo.us를 이용했으면 더 좋았을텐데 대화창 같은 UI부분에만 사용했군요... |
Trackback Address :: http://blog.phpdic.com/trackback/31
2008/04/11 13:51
[기타]
![]() 출처 : http://ajaxian.com/archives/javascript-has-staying-power-used-in-stargate ajaxian에 재미있는 포스트가 있네요... 스타게이트는 우리나라에서는 영화 한편만 공개되었지만 그 뒤로 드라마로 만들어지고 스타게이트 아틀란티스라는 다른 시리즈 물도 공개되었죠 어쨌든; 스타게이트에서 우주선 관리프로그램(?)에 자바스크립트를 이용하고 있습니다. window.open이 친숙하네요... |
Trackback Address :: http://blog.phpdic.com/trackback/29
2008/04/11 13:13
![]() Jacob Seidelin 은 14KB의 자바스크립트로 구현한 슈퍼마리오를 공개했습니다. 당연히 javascript 압축도구를 이용해서 압축된 사이즈이고 원본은 35KB라고 합니다. YUI Compressor를 통해 압축되었다고 하는군요 데모는 아래 링크에서 확인 할 수 있습니다. 작은 화면 : no music or with music 큰화면 : no music or with music |
Trackback Address :: http://blog.phpdic.com/trackback/28
|
Tracked from EnZine : 번역웹진 | 2008/04/12 10:02 | DEL
from Super Mario; 14KB of JavaScript on Ajaxian Jacob Seidelin씨가 재밌는 것을 만들어냈습니다. 14KB의 코드로 닌텐도의 히트작인 수퍼 마리오 게임을 만들었네요. 한 개의 JavaScript 파일에 작게 유지되는 실험을 하나 했습니다. 어떠한 이미지를 비롯 어떠한 외부 파일도 사용되지 않았으며, 모든 것은 canvas 엘리먼트와 구식 방법인 div 생성/배열(IE에서)으로만 렌더링됩니다. 스프라이트는.. |
2008/02/21 20:38
![]() Kvz - Techblog를 운영하고 있는 Kevin van Zonneveld는 작년 12월부터 php.js프로젝트를 공개하기 시작합니다. php.js은 이름 그대로 PHP 함수에 익숙한 사람들을 위해 자바스크립트로 PHP function들을 구현하여 공개하는 프로젝트입니다. 이미 array나 string 관련된 강력한 PHP함수들이 JavaScript로 포팅되어 100개 가까운 함수군을 가지게 되었습니다.
http://kevin.vanzonneveld.net/techblog/article/phpjs_licensing/ 에 공개된 php.js function 하지만 용량이 약 100kb가 되어서 사용하기에 부담되는것이 사실이었는데요. 지난 14일 WOWpc님 께서 주석을 제거한 버전과 압축된 버전을 공개해주셨습니다. 라이센스가 MIT 라이센스이니 문제는 없을것 같습니다. http://wow-reference.tistory.com/74 약 1/3에 해당하는 주석을 제거한 버전이 55kb 또 이 버전을 다시 압축한 버전이 37kb정도군요 감사합니다. |
Trackback Address :: http://blog.phpdic.com/trackback/18
2007/12/13 22:24
훌륭한 자바스크립트 라이브러리인 Prototype.js 잘 사용하고 계신가요? 1. document.getElementById('foo') 대신 $('foo') 를 사용 할 것 2. var woot = $('bar').value 대신 var woot = $F('bar') 를 사용 할 것 3. $('footer').style.height = '100px'; $('footer').style.background = '#ffc'; 대신 $('footer').setStyle({ height: '100px', background: '#ffc' }) 를 사용 할 것 4. $('coolestWidgetEver').innerHTML = 'some nifty content' 대신 $('coolestWidgetEver').update('some nifty content') 를 사용 할 것 5. new Ajax.Request('ninja.php?weapon1=foo&weapon2=bar') 대신 new Ajax.Request('ninja.php', { parameters: { weapon1: 'foo', weapon2: 'bar' } }) 를 사용 할 것 6. new Ajax.Request('blah.php', { method: 'POST', asynchronous: true, contentType: 'application/x-www-form-urlencoded', encoding: 'UTF-8', }) 대신 new Ajax.Request('blah.php') 사용 할 것 7. Event.observe('myContainer', 'click', doSomeMagic) 대신 $('myContainer').observe('click', doSomeMagic) 사용 할 것 8. $$('div.hidden').each(function(el){ el.show(); }) 대신 $$('div.hidden').invoke('show') |
Trackback Address :: http://blog.phpdic.com/trackback/6






