Rev. 2.73

Control.Tabs은 Ryan Johnson씨가 Prototype.js를 사용해서 만든 매우 겸손한(?) 자바스크립트 탭이다. 표준에 맞게 탭을 생성하기 때문에 넌-자바스크립트 브라우저에서도 완벽하게 접근할 수 있으며, 수정/추가/삭제가 매우 쉽다.

Example

I am tab one. I belong to group one.

I am tab two. I belong to group one.

I am tab three. I belong to group two.

I am tab four. I belong to group two.

커스토마이징 : 약간 아쉬운점이 있어서 소스를 건드렸다. W3C표준에는 div에 'name'애트리뷰트를 사용하지 않기 때문에 이것을 'title'로 변경하였다. 그리고 URL에 해시가 있을 때(http://firejune.com/#1 와 같은) 발생하는 오류를 잡았다. 이유는 해시값을 가지는 window.location.href를 또다시 해시에 대입하려는 시도가 있기 때문이다. 수정된 소스파일을 첨부한다.

control.tabs.js control.tabs.js (2.8 KB)

Comments

ray-tracing.jpg

Adam Burmister씨는 자바스크립트와 Canvas HTML 엘리먼트를 사용하여 레이 트레이서(Ray-Tracer)를 구축했다. 레이 트레이싱이란, 가상적인 광원에서 나온 빛이 여러 물체의 표면에서 반사되는 경로를 추적하는 3차원 컴퓨터 그래픽용 렌더링 기법이다. 모든 사물의 모양과 색을 표현하는 빛을 컴퓨터로 알고리즘화 해 표현해 내기 때문에 그 어떤 렌더링 알고리즘보다 실제에 가까운 색감과 느낌을 갖게 해준다.

예제를 보기전에 경고 : 매우 복잡한 연산을 CPU 중심으로 처리하기 때문에 브라우저의 응답이 멈출수도 있다. 그래서, 오페라 브라우저 사용을 권장한다. 오페라는 매우 훌륭한(빠른) 자바스크립트 프로세서를 갖추고 있다.

Comments