designing paper sliceforms -...

26
Designing Paper Sliceforms Yongquan ‘YQ’ Lu ‘16

Upload: others

Post on 25-Aug-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Designing Paper SliceformsYongquan ‘YQ’ Lu ‘16

Page 2: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Background – Islamic Star Patterns

Page 3: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Classic Paper Sliceforms

Sliceforms – Mathematical models from paper sectionsJohn Sharp, 1994

SliceformRichard Sweeney, 2006

Page 4: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Sliceforms x Islamic Geometry

Ibn Tulun with curvesChristiane Bettens, 2009

Zillij 8Chris Palmer and Jeff Rutzky, 2009

Page 5: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Paper Sliceform Artwork

Page 6: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,
Page 7: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,
Page 8: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,
Page 9: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,
Page 10: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,
Page 11: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,
Page 12: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

My First Attempts…

Page 13: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Sliceform Studio – Demo Time!

Page 14: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Representing patterns as data

Store each pattern as a list of segments, with each segment itself a list of lengths

[ [2.5,1.7] ,[3.0,3.2,0.9],[0.9,3.2,3.0],[1.7,2.5] ]

Page 15: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Tracing patterns across tiles

If there is only one corresponding pattern, match it up

If there are multiple patterns terminating at that point, match up the pair with the most similar incident angle

Page 16: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Concatenating pattern lists

Case 1: patterns meetwith different incident angles

[…,[…,1.5],[1.1]]

[…,[…,1.5],[1.1],[0.9],[1.6,…],…]

[…,[…,1.5],[1.1]] […,[…,1.5],[1.1]]

[[0.9],[1.6,…],…] [[0.9],[1.6,…],…] [[0.9],[1.6,…],…]

Case 2: patterns meetwith same incident angle

[…,[…,1.5],[2.0],[1.6,…],…]

Case 3: patterns meet while crossing another strip

[…,[…,1.5],[1.1,0.9],[1.6,…],…]

Page 17: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Rendering strips in SVG

[[20,25,11.1], [17,14], [14,17], [11.1,25,11.1], [17,14], [14,17], [11.1,25,20]]

SVG render

Page 18: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Recap

Page 19: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Extension 1 – Cropping

Page 20: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Extension 1 – Cropping

Page 21: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Extension 1 – Cropping

Page 22: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Extension 1 – Cropping

Page 23: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Extension 2 – 3D Sliceforms

Page 24: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Extension 2 – 3D Sliceforms

Page 25: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Extension 3 – Tile-less Sliceforms

Page 26: Designing Paper Sliceforms - courses.csail.mit.educourses.csail.mit.edu/6.849/spring17/lectures/C09_images.pdf · Sliceforms x Islamic Geometry. Ibn Tulun with curves Christiane Bettens,

Thank Youwww.sliceformstudio.com

[email protected]