내보내기(0) 인쇄
모두 확장

HTML5를 사용하여 Mandelbrot 집합을 탐색하는 방법

Mandelbrot 집합은 지금까지 알려진 가장 복잡하고 아름다운 수학적 개체 중 하나입니다. HTML5 Canvas, 파일 API, 터치(포인터 및 제스처 이벤트) 및 웹 작업자를 사용하여 이 자습서에서는 다음과 같은 Mandelbrot 이미지를 만드는 방법을 보여 줍니다.

Mandelbrot 탐색기 이미지

이 조항의 내용

항목설명

Mandelbrot 집합에 대한 간략한 개요

이 항목에서는 Mandelbrot 집합에 대한 기본적인 개요를 제공합니다.

캔버스를 사용한 Mandelbrot 집합의 초기 렌더링

Mandelbrot 집합에 대한 간략한 개요에서 제공한 정보를 기반으로 여기서는 캔버스를 사용하여 Mandelbrot 집합을 렌더링하는 기본 방법에 대해 설명합니다.

화면 좌표를 복소 평면에 매핑

캔버스를 사용한 Mandelbrot 집합의 초기 렌더링에서 제공한 정보를 기반으로 여기서는 화면 좌표를 복소 평면에 매핑하는 방법을 살펴봅니다.

확대/축소 상자 구현 간소화

화면 좌표를 복소 평면에 매핑에서 제공한 정보를 기반으로 여기서는 확대/축소 상자 기능의 구현을 간소화하기 위해 Mandelbrot 1을 다시 작성하는 방법을 살펴보겠습니다.

확대/축소 상자 구현

확대/축소 상자 구현 간소화에서 제공한 정보를 기반으로 여기서는 가능한 Mandelbrot 확대/축소 상자 구현에 대해 설명합니다.

Mandelbrot 이미지에 회색조 추가

확대/축소 상자 구현에서 제공한 정보를 기반으로 여기서는 255개의 가능한 회색 음영을 Mandelbrot 집합의 흑백 이미지에 추가하는 방법에 대해 설명합니다.

뒤로 및 앞으로 단추 사용

Mandelbrot 이미지에 회색조 추가에서 제공한 정보를 기반으로 여기서는 브라우저의 뒤로 및 앞으로 단추를 사용하는 방법에 대해 설명합니다.

캔버스 이미지를 로컬에 저장

뒤로 및 앞으로 단추 사용에서 제공한 정보를 기반으로 여기서는 Internet Explorer 10을 사용하여 Mandelbrot의 캔버스 이미지를 로컬에 저장하는 방법에 대해 설명합니다.

터치 사용

캔버스 이미지를 로컬에 저장에서 제공한 정보를 기반으로 여기서는 Internet Explorer 10을 사용하여 터치 지원(및 한 가지 제스처)을 사용하도록 설정하는 방법에 대해 설명합니다.

웹 작업자 활용

터치 사용에서 제공한 정보를 기반으로 여기서는 웹 작업자를 사용하여 성능을 향상시키는 방법에 대해 설명합니다.

Mandelbrot 탐색기

웹 작업자 활용에서 제공한 정보를 기반으로 여기에서는 최종 버전인 Mandelbrot 탐색기를 생성하도록 Mandelbrot 8을 향상시키는 방법에 대해 설명합니다.

 

 

 

표시:
© 2014 Microsoft