Jacob Seidelin ... 에 해당되는 글 2건
2008/04/11 13:13
2008/04/11 13:13 2008/04/11 13:13
사용자 삽입 이미지


Jacob Seidelin 은 14KB의 자바스크립트로 구현한 슈퍼마리오를 공개했습니다.

당연히 javascript 압축도구를 이용해서 압축된 사이즈이고 원본은 35KB라고 합니다.
YUI Compressor를 통해 압축되었다고 하는군요

데모는 아래 링크에서 확인 할 수 있습니다.

작은 화면 : no music or with music

큰화면 : no music or with music
이올린에 북마크하기(0) 이올린에 추천하기(0)
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/04/11 15:39 | PERMALINK | EDIT/DEL | REPLY
대단합니다... 정말 기인들이 많네요. ㅎㅎㅎ;
PHPDIC | 2008/04/11 19:13 | PERMALINK | EDIT/DEL
그러게 말입니다. orz
A2 | 2008/04/11 15:55 | PERMALINK | EDIT/DEL | REPLY
이야~ 대단하네요. ㅋ
PHPDIC | 2008/04/11 19:13 | PERMALINK | EDIT/DEL
그렇죠? 이것 개발자분 이것저것 많이 테스트해보시는것 같습니다.
hentol | 2008/04/11 15:57 | PERMALINK | EDIT/DEL | REPLY
버섯이 안나와요...ㅠㅠ
PHPDIC | 2008/04/11 19:13 | PERMALINK | EDIT/DEL
안타깝네요.. orz
HFK | 2008/04/11 17:08 | PERMALINK | EDIT/DEL | REPLY
적이랑 부딪혀서 죽자마자 키보드의 ↑ 버튼을 누르면, 죽은 상태로 점프가 가능합니다 ㅋㅋㅋ
PHPDIC | 2008/04/11 19:14 | PERMALINK | EDIT/DEL
흐흐... 그래도 대단하지요?
마빈박사 | 2008/04/11 20:11 | PERMALINK | EDIT/DEL | REPLY
이것으로 브라우저의 자바스크립트 처리 성능을 테스트해 볼 수도 있을 듯 합니다.
일단... 제 노트북에서는 Firefox 3 베타에서는 끊김없이 되는데
IE7에서는 끊기는군요.. ㅠ.ㅠ
PHPDIC | 2008/04/12 04:15 | PERMALINK | EDIT/DEL
저도 IE에서는 끊기는데 파폭 2에서도 잘 나오더군요 :)
whitepear | 2008/04/11 20:24 | PERMALINK | EDIT/DEL | REPLY
IE7에서 처음나모아마자 안내려가는 마리오... ㅜ.ㅜ
PHPDIC | 2008/04/12 04:16 | PERMALINK | EDIT/DEL
IE 에서는 약간 느리거나 하는 문제가 있는것 같습니다;
elixir | 2008/04/11 20:45 | PERMALINK | EDIT/DEL | REPLY
버섯은 안 나오지만 진짜 대단하네요.
PHPDIC | 2008/04/12 04:17 | PERMALINK | EDIT/DEL
그렇죠? 이정도만 구현 되어도 신기합니다;
Rin4 | 2008/04/11 21:15 | PERMALINK | EDIT/DEL | REPLY
끊겨요..
tt | 2008/04/11 21:27 | PERMALINK | EDIT/DEL | REPLY
확실히 파이어폭스 3 자바스크립트 처리 능력이 좋네요.
익스플로러는 덜 매끄럽네요.
PHPDIC | 2008/04/12 04:17 | PERMALINK | EDIT/DEL
그러게요 파폭에서 훨씬 더 좋은 성능을 보여줍니다.
Rinforzando! | 2008/04/11 23:16 | PERMALINK | EDIT/DEL | REPLY
사파리에서는 음악이 죽을 때 밖에 안 나오네요ㅠ
파폭3베타에서는 조금 느리지만 음악이 나오구요ㅠ
PHPDIC | 2008/04/12 04:18 | PERMALINK | EDIT/DEL
생각보다 파폭3를 많이 쓰시네요... 그래도 신기하지요~
[로그인][오픈아이디란?]
Name
Password
Homepage

Secret
2008/04/11 13:04
2008/04/11 13:04 2008/04/11 13:04
Jacob Seidelin은 <canvas> 객체를 여러 파일로 저장 할 수 있는 라이브러리를 공개하였습니다.

사용자 삽입 이미지

  1. /*
  2. * Canvas2Image.saveAsXXXX = function(oCanvasElement, bReturnImgElement, iWidth, iHeight) { ... }
  3. */
  4.  
  5. var oCanvas = document.getElementById("thecanvas");
  6.  
  7. Canvas2Image.saveAsPNG(oCanvas)// will prompt the user to save the image as PNG.
  8.  
  9. Canvas2Image.saveAsJPEG(oCanvas); // will prompt the user to save the image as JPEG.
  10.                                   // Only supported by Firefox.
  11.  
  12. Canvas2Image.saveAsBMP(oCanvas)// will prompt the user to save the image as BMP.
  13.  
  14.  
  15. // returns an <img /> element containing the converted PNG image
  16. var oImgPNG = Canvas2Image.saveAsPNG(oCanvas, true);   
  17.  
  18. // returns an <img /> element containing the converted JPEG image (Only supported by Firefox)
  19. var oImgJPEG = Canvas2Image.saveAsJPEG(oCanvas, true);
  20.                                                        
  21. // returns an <img /> element containing the converted BMP image
  22. var oImgBMP = Canvas2Image.saveAsBMP(oCanvas, true);
  23.  
  24.  
  25. // all the functions also takes width and height arguments.
  26. // These can be used to scale the resulting image:
  27.  
  28. // saves a PNG image scaled to 100x100
  29. Canvas2Image.saveAsPNG(oCanvas, false, 100, 100);
canvas 객체이기에 당연히 IE 6,7에서는 안됩니다;
 
데모는 여기서 확인하실수 있습니다. http://www.nihilogic.dk/labs/canvas2image/
이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback Address :: http://blog.phpdic.com/trackback/27
Tracked from 시리니 | 2008/05/02 22:54 | DEL
제목이 거 참 구수하군요. (이 숨길 수 없는 사투리 본능이란... 훗. -_ㅠ) &amp;nbsp; Internet Explorer 에서는 절대로 가능하지 않거나, 혹은 일부만 지원 되는 것. 그리고 IE 를 제외한 나머지 최신의 브라우저에서는 대게의 경우 잘 지원하는 것. 이렇게 말씀드리면 열 손가락이 부족할 정도로 많다고 하실지 모르겠습니다. ^^;;; 오늘은 그 중 하나인 Canvas 에 대해서 한 번 같이 알아보고자 합니다. &amp;nb...
[로그인][오픈아이디란?]
Name
Password
Homepage

Secret