From Code to Thing

Page 1

Code to Thing

B-DC-123

FROM CODE TO THING

Vidushi Shah - 22447 Disha Patel - 22459 BADC - 2A, B

Computation In Design

2021


CONTENTS

01.

Overview

02.

Playing with Code

03.

2D to 3D

04.

Trial and Error

05.

Process

06.

Conclusion

2


Code to Thing

B-DC-123

OVERVIEW In the exercise ‘From Code to Thing’ we will be exploring a 3D polygon sketch in the P5js file, which will further help us to generate a custom shape in the form of a 3D output. Throughout the process from code to printout, we will be exploring various softwares such as Polyhull sketch in p5js, Blender and Adobe InDesign. Additionally, we will also craft the 3D model, and ensure its construction is precise and neat.

- Vidushi Shah & Disha Patel

Computation In Design

2021

3


PLAYING WITH CODE

4

fig 1 - p5js sketch interface

process We opened the PolyHull sketch in p5js and generated a random polygon. Using the UI elements of the running sketch we exported the polygon and saved to an .stl file.


Code to Thing

fig 1 - coordinates rendered as wireframe

B-DC-123

process

5

top

bottom

Computation In Design

2021


fig 1 - unfolded 2d template

2D TO 3D

1

2

3

2

6

3

1

The .stl file was then opened in Blender app as a 3D object, and unfolded into a 2D outcome with the Export Paper Model add-on.


Code to Thing

B-DC-123

fig 1 - cutting out the template

TRIAL AND ERROR In an attempt to make our polygon resemble rhinestones, we added colour to individual parts of the object using Adobe Illustrator. We proceeded to print it on a 200gsm paper.

7 1

3

fig 2 - folded template

2

The colour broke while scoring and folding as the paper stretched and the colour was applied only topically using a printer. 3 2 1

fig 1 - final object

fig 4 - coloured template

Computation In Design

2021


PROCESS After cutting out the unfolded 2D template, we traced its silhouette onto an orange coloured paper. Using the dotted lines and numbers as reference, the paper was folded.

fig 1 - cutting out the template

8

fig 2 - tracing the template

fig 3 - folding


Code to Thing

B-DC-123

h_random

9

fig 1 - object after folding on the dotted lines fig 2 - joining the edges with tape

After folding on the dotted lines, we stuck the edges with double-sided-tape.

Computation In Design

2021


fig 1 - final 3D model

10

From code to thing, a 2D sketch coming to life as a creative 3D model.


Code to Thing

B-DC-123

CONCLUSION With such a fun-filled exercise, there is much more to say, however bringing together such a wide range of learning experiences, the exercise remains an excellent medium of learning as well as of assessment. It encouraged us to undertake deep rather than surface learning and also motivated us with an intellectual challenge that can only be met by developing sophisticated ways of thinking and communicating. 1

Although the process was timetaking, we enjoyed racking our brains with coding, being patient and precise while contructing the object and lastly, creating this publication in digital and physical format.

fig 1 - final 3D model

Computation In Design

2021


Computation in Design BA Level 1 B-DC-123 2021 Credits: Andreas Schlegel Dhiya Muhammad


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.