로그인

검색

조회 수 3617 추천 수 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
번호 분류 제목 글쓴이 날짜 조회 수
142 IT 내 비밀번호는 얼마나 안전한가 MoA 2013.03.14 2624
141 IT 워드프레스 글꼴 변경 MoA 2013.05.11 2698
140 IT 사이버 무기 스턱스넷 MoA 2013.04.08 2702
139 IT Introducing Android Wear Developer Preview (구글, LG의 스마트시계) MoA 2014.03.19 2724
138 IT XE 모바일 레이아웃이 적용되지 않는 경우 MoA 2013.08.04 2730
137 IT 애플은 정말 나의 위치 정보를 털어갔나 모아레 2011.04.28 2747
136 IT How to Edit Microsoft Word, Excel, or PowerPoint Files in Google Drive MoA 2016.02.16 2756
135 IT iPhone(iOS) 이해 너울 2011.08.29 2780
134 IT 커널이란? 모아레 2009.08.02 2791
133 IT 모바일을 넘어 웨어러블 시대로 간다 MoA 2013.08.05 2793
132 IT 수십만원대 최고급 HDMI 케이블 알고보니… 너울 2011.09.14 2795
131 IT 인텔, 무선 디스플레이(와이다이) 기술 실용화 발표 너울 2011.09.15 2812
130 IT 윈도우 7 - 최근에 사용한 항목 지우기 모아레 2009.05.23 2821
129 IT 첨단 IT서비스 모아레 2010.02.15 2822
128 IT Windows MultiPoint Server 소개 Naya 2012.04.23 2829
127 IT 카카오톡 해킹, 진실은? 모아레 2011.01.08 2830
126 IT 플래시 html간의 통신 모아레 2009.02.10 2838
125 IT 프로그래머/개발자에 대한 속담과 격언 비지 2011.07.15 2842
124 IT 레인미터 설치법/사용법/스킨 OBG 2024.09.16 2863
123 IT 아이폰 배터리 교체 모아레 2011.03.27 2864
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 Next
/ 10