로그인

검색

조회 수 3613 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄

http://www.algorithmist.net/technotes.html

 

Computational Geometry

Focusing primarily on interactive creation and display of two-dimensional curves, I hope this series illustrates that Flash is a valuable tool in teaching computational geometry. Each TechNote below opens in a new browser window.

:: Natural Cubic Splines - Natural and parametric cubic splines.

:: Hermite Curves - Cubic Hermite curves.

:: Quadratic Beizer Curves - Quadratic Beizer's and MovieClip.curveTo().

:: Cubic Bezier Curves - Cubic Bezier's and introduction to quadratic approximation.

:: Catmull-Rom Splines - An introduction to Catmull-Rom Splines.

:: Arc Length of a Catmull-Rom Spline - Arc Length of parametric curves and derivative evaluation, applied to Catmull-Rom splines.

:: Curve-Constrained Scrolling Via Script - Parametric Quadratic and Piecewise Hermite curves applied to curve-constrained scroll indicators.

:: Arc-Length Parameterization - Introduction to curve parameterization and how to reparameterize a curve on arc length. Techniques applied to a Catmull-Rom spline. Examples include how to distribute sprites evenly along a curve and path animation (including path following and orientation).

:: Recursive Subdivision - Splitting a cubic Bezier curve into multiple equivalent, but smaller segments. Several subdivision approaches are discussed with the ultimate goal of pairing a fast subdivision with a piecewise cubic Bezier spline.

:: Composite Bezier Curves - Constructing a piecewise cubic Bezier curve that interpolates a set of knots with G-1 continuity and tension control. Optimized for fast drawing.

Online Demos

These interactive demos illustrate various concepts in applied mathematics. Most initial examples are from the field of computational geometry. All demos required the Flash 9 player.

:: Parameterization Demo - Illustrate the difference bewteen uniform and arc-length parameterization on a cubic Bezier spline.

::Quadratic Bezier Parameterization - illustrates the difference in natural vs arc-length parameterization for a simple quadratic Bezier curve.

::Quad. Bezier, 3-point interpolation - The classic formula familiar to many Flash programmers is actually a simplified version of a more general parameterization, called 'midpoint' parameterization or 'midpoint interpolation'. The more general formula is discussed in the Cubic Bezier TechNote. This demo illustrates the difference between midpoint, chord-length, and arbitrary parameterizations.

::Catmull-Rom Spline animation - a simple example illustrating the animation of a Catmull-Rom spline from beginning to end, as if it were being drawn by hand. Also a subtle introduction to spline parameterization.

::Closed-Loop Catmull-Rom spline - a simple method for setting outer control points for a smooth, continuous-loop Catmull-Rom spline.

::Path Animation with Papervision 3D - a simple demo illustrating path animation with Papervision 3D and the 3D Catmull-Rom spline.

::Lemniscate of Bernoulli - how to use a closed-loop Catmull-Rom spline to animate sprites around a Lemniscate of Bernoulli (infinity or fiture-8 shape).

::Papervision 3D Figure-8's- builds upon the 2D Lemniscate of Bernoulli example to animate markers along figure-8 paths in the XY, XZ, and YZ planes.

::Papervision 3D Path Animation from 3ds max - uses spline data exported from 3ds max (in XML) and the Singularity 3D Bezier spline for path animation in Papervision 3D.

::Quadratic Bezier y at x - computes (t,y) values along a quadratic Bezier curve at a given x-coordinate.

::Cubic Bezier y at x - computes (t,y) values along a cubic Bezier curve at a given x-coordinate.

::Closest Point on Cubic - closest point on a cubic Bezier to an arbitrary point (port of class Graphic Gem algorithm).

::Closest Point on Quadratic - closest point on a quadratic Bezier to an arbitrary point (Graphic Gem algorithm generalized to work with quads or cubics).

::Easing Along a Cubic Bezier Curve- Penner easing functions applied to easing along a parametric curve. Another practical application of arc-length parameterization.

::Cubic Bezier 4-point Interpolation-Interpolating four points with a cubic Bezier curve.

?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
162 IT 라즈베리안 서버 구축 MoA 2013.06.12 3621
» IT 수학공식 액션스크립트 예제 모아레 2010.05.11 3613
160 IT 타입커버 업데이트 및 Fn 키 동작 MoA 2013.12.04 3603
159 IT Graph Theory : Facebook Naya 2011.11.27 3569
158 IT 페이스북은 어떻게 개발하고 배포할까? MoA 2015.09.25 3561
157 IT 플래시 강좌 모아레 2008.07.11 3535
156 IT 무선 인터넷 보안팁 10가지 모아레 2009.04.27 3534
155 IT Windows 8: pictures, video, and a hands-on preview of the developer build 너울 2011.09.14 3531
154 IT useradd 모아레 2009.10.09 3515
153 IT MP3, WAV, FLAC 파일 형식 간단 비교 Naya 2012.09.07 3509
152 IT 미러리스(하이브리드)카메라 신제품 라인업 너울 2011.11.18 3509
151 IT 보안 서버 무료 인증서 by StartSSL MoA 2013.08.09 3499
150 IT 윈도우 8.1 스토어가 동작하지 않는 경우 해결 MoA 2015.04.22 3488
149 IT 윈도우 7 인증없이 최대 120일 사용하기 모아레 2009.05.25 3483
148 IT 자기 컴퓨터에 테터툴즈 설치하기 MoA 2007.08.26 3481
147 IT 쉽게 설명하는 블록체인 OBG 2022.06.07 3474
146 IT ie9에서 플래시가 왼쪽 위에 모여 보이는 경우 비지 2011.05.26 3467
145 IT 스티브 잡스는 ‘현실’기반의 보수적 혁신가 모아레 2011.01.24 3464
144 IT 아이콘 모음 너울 2012.03.28 3453
143 IT 플래시 액션스크립트 정리 (AS2.0이하인듯) MoA 2014.04.23 3449
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 Next
/ 10