Designing Paper Sliceforms -...
Transcript of Designing Paper Sliceforms -...
![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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/1.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/2.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/3.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/4.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/5.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/6.jpg)
![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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/7.jpg)
![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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/8.jpg)
![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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/9.jpg)
![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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/10.jpg)
![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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/11.jpg)
![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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/12.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/13.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/14.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/15.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/16.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/17.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/18.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/19.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/20.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/21.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/22.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/23.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/24.jpg)
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,](https://reader036.fdocuments.in/reader036/viewer/2022081523/5fd8f371f1c8bb44945c0e31/html5/thumbnails/25.jpg)
Extension 3 – Tile-less Sliceforms