Rev. 2.73

ray-tracing.jpg

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

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

Comments

Got something to add? You can just leave a comment.

  • 이야, 멋집니다!
    생각보다 코드가 복잡하지 않네요. (코드의 대부분은 prototype.js -_-)
    구나 평면 등을 오브젝트로 만들고 각각이 직접 ray를 처리하도록 만들어서 전체 화면의 ray를 다 추적해내는 그런 방식인 듯하군요.

    reply edit

  • 아차, 비밀댓글이 아닌데;;; 실수로 체크가 되었습니다..-_-;

    reply edit

  • 풀어 드렸습니다. ^^;
    실제 3D렌더러의 형태를 갖춘 자바스크립트 라이브러리를 응용한 듯합니다. 이제 브라우저도 그래픽 리소스를 직접 컨트롤하게 되면 보다 뛰어난 성능을 기대할 수 있겠지요.

    reply edit

Your Reaction Time!

captcha

avatar