5가지 멋진 자바스크립트 앱_javascript技巧

저스틴 실버턴 저

절대 불가능할 줄 알았던 자바스크립트 앱 5가지를 소개합니다.  모두 캔버스 HTML 요소를 사용하여 작성되었습니다.

캔버스 요소는 스크립트 가능한 비트맵 이미지의 동적 렌더링을 허용하는 의 타사 확장입니다.

처음에는 Apple에서 도입했거나 자체 Mac OS X Webkit 구성 요소 내에서 사용하여 대시보드 위젯 및 Safari 브라우저와 같은 애플리케이션을 지원합니다. 나중에 Gecko 브라우저(특히 Mozilla 및 Firefox)에 채택되었으며 차세대 웹 기술에 대해 새로 제안된 사양에 대해 WHATWG에 의해 표준화되었습니다. Opera 9.0 브라우저에서도 지원됩니다. Novell은 캔버스 요소에 대한 지원도 제공하는 Internet Explorer용 XForms 프로세서 플러그인을 제조합니다. Internet Explorer에서 캔버스 기능을 지원하려는 독립적인 노력에는 플러그인이 필요하지 않으며 VML에만 기반을 두고 있으며 Google도 동일한 기술을 사용하여 Internet Explorer에 캔버스 기능을 추가하는 프로젝트를 시작했습니다.

캔버스는 높이 및 너비 속성을 ​​사용하여 HTML 코드에 정의된 그리기 가능 영역으로 구성됩니다. JavaScript 코드는 다른 일반적인 2D API와 유사한 전체 그리기 기능 세트를 통해 해당 영역에 액세스할 수 있으므로 동적으로 생성된 그래픽이 가능합니다. 캔버스의 일부 예상 용도에는 그래프 작성, 애니메이션 및 이미지 구성이 포함됩니다. 출처

참고: 이러한 예의 대부분은 Internet Explorer와 호환되지 *않습니다* 

1) 캔버스스케이프

3D FPS 개념 증명.  질감이 있는 버전과 질감이 없는 버전이 있습니다.

2) MSX 에뮬레이터

이 프로젝트는 자바스크립트와 캔버스 요소의 진정한 힘을 보여줍니다.  게임 ROM을 로드하고 플레이하는 기능이 포함된 MSX 에뮬레이터입니다.

3) 비현실적인 축구

축구 경기.

4) 플라즈마 데모

RGB C 플라즈마 데모

의 포트입니다.

5) 알카노이드 클론

Arakanoid 게임의 클론입니다.

 

자: http://www.whenpenguinsattack.com/2007/01/10/5-cool-javascript-apps/