Processing-07. Data Type : Variables-02

Image

  Processing can load .gif, .jpg, .tga, and .png images. Images can be displayed in 2d or 3d space. In order for an image to be used, a variable for an image must be defined by PImage() function and the image must be loaded with loadImage() function.

1. Load and Display an image
  The same way that intergers are stored in variables of the int data type and true/false values are stored in the boolean data type, images are stored in variables of the PImage data type.
e.g.) PImage img;     // define a variable 'img' as an image variable.

  In order to load an image into the defined variable, loadImage() function is used to load an image into the sketch. You need to be sure to include the file format extension as a part of the name and to put the entire name in quotes. Be careful to use the correct capitalization and do not use spaces in image names, which can cause error.
e.g.) img=loadImage("apple.jpg");      // load apple.jpg into an image variable 'img'.

Processing-06. Data Type: Variables-01

Variables

  In the Processing, programers use various kinds of variables in order to assign numbers, texts, or images so that they can be reused many times within a program. Every variable has a specific data type that defines the category of data it can hold to let the computer know how to manage it. int, float, boolean, char, String, etc. are such functions to assign data into different variables.
  Variables should have names that describe their contents easily and concisely. Their names should not be tedius, long, or too cryptic.
e.g.) roomTemp, outTemp, inTemp are the good examples for the names of variables than t, x, y, z.

Processing-05. Coordination & Primitive Geometries

1. Coordination System

(click the image for the larger view)

The above image (A) presents the coordination system of the Processing and how it works. In the processing, the origin(0, 0) is the upper-left corner of the window and the value of X and Y increases down and to the right.
  The image (B) shows some examples of the coordination of points in the 100x100 pixel window. The thing is that the coordination starts with zero. So in the 100x100 pixel window, you need to keep in mind that the coordination of the upper-right corner is (99, 0) the lower-right (99, 99), and the lower-left (99, 0).
  The last image (C) gives an idea of the coordination system in 3 dimensions. The Z-values become negative as moving back in the space. 

Processing-04. Basic Code Elements

Basic Syntax

 

1. Comment( // )
  Comments offer notes or explanation of program coded by you or others. It is difficult to read and understand codes of more than hundreds lines just by looking at them. So, comments help users to understand functions and structures of programs acting like a footnote.
Two forward slashes are used to denote a comment in one line.

e.g.) // You can write a comment here like this.
       // If you want to write more than one line, put another two slashes before writing more.

Processing-03. Composition of a Project File

1. Saving a project(sketch)

  In the processing, a project file is called sketch.  When you save a sketch, a new folder with the same name as the sketch file is created and the sketch file is found inside that folder. For example, if a sketch is named sketch012, then the folder for the sketch will be called sketch012, and the main project file will be called sketch012.pde, being placed in that folder. .pde stands for the Processing Development Environment.

Processing-02. Interface

Once you run the processing software by double-clicking Processing.app, you will be surprised at the interface of its simplicity.
Processing consists of 2 windows; Processing Development Environment(PDE) which is a simple text editor for writing code, and Display Window which displays the result of the code written in PDE.

Processing-01. Download and Install

Processing software can be downloaded from the Processing website(http://www.processing.org). Using a internet web browser, go to the main page of processing and click on the link(1 or 2 in the image).

Terrigal...

Click the thumbnail for the large image.

Opera House at night from Milsons Point

Click the thumbnail for the large image.

Harbour Bridge at night from Milsons Point

Click the thumbnail for the large image.

The Application of Voronoi Diagram into the Space Planning for Urban Design

Reference: Jongjin Park, Seoungyeul Ji, Hanjong Jun, The Application of Voronoi Diagram into the Space Planning for Urban Design, The 7th International Symposium on Architectural Interchanges in Asia(ISAIA 2008), 524~528p.

The Application of Voronoi Diagram into the Space Planning for Urban Design

Jongjin Park¹, Seoungyeul Ji², Eonyong Kim³ and Hanjong Jun⁴

¹Graduate Student, Department of Architecture, Hanyang University, Korea

²Researcher, BIMRC (BIM Research Centre), Hanyang University, Korea

³Ph.D. Candidate, Department of Architecture, Hanyang University, Korea

³Associate Professor, Department of Architecture, Hanyang University, Korea

------------------------------------------------------

Abstract

This paper presents the unique formation technique of a given area with the support of a digital algorithm developed by Voronoi diagram for the effective distribution of city blocks. By merging systematic parameters of urban situations with digital parametric tools, the interaction and relationships of urban blocks are enhanced through balancing of the spatial structure of the city. The paper discussed how the parametric distributing and zoning system by Voronoi diagram allows the designers to create an innovative urban design language. With the in-depth research on the international waterfront design competition, Magok waterfront design competition, the approaches to the application of Voronoi diagram into urban design process are clarified to be an effective, creative and successful digital tool. The result of the application of the Voronoi diagram improves the design qualities in the sense that it enhances the accessibility of visitors of the site to all the key places in the area, makes district blocks to have more interactive and dynamic relationships, establishes the systematic design process for urban design using parametric system, restores the equilibrium of forces and tensions among blocks, and suggests diverse design alternatives in a balanced hierarchy system.

Keywords: Urban Design, Voronoi Diagram, Digital Architecture, Parametric Design Tool

-----------------------------------------------------------------

A Study on the Application of Voronoi Diagram into Architectural Design Generation

Reference: Jongjin Park, Seoungyeul Ji, Hanjong Jung, Annual Conference of the Architectural Institute of Korea, No.28, Vol.1, 2008, p.p. 25-28


출처: 박종진, 지승열, 전한종, 대한건축학회 학술발표대회 논문집 제28권 제1호(통권 제52집), 페이지 25-28, 2008

This paper is written in Korean.

------------------------------------------------ 

건축 디자인 생성에서의 보로노이 다이어그램 적용에 관한 연구

 

A Study on the Application of Voronoi Diagram into Architectural Design Generation

 

○박 종 진*            지 승 열**           전 한 종***

Park, Jong-Jin     Ji, Seoung-Yeul    Jun, Han-Jong

---------------------------------------------------

Abstract

This paper presents the unique formation process of a space with the support of digital algorithm developed by Voronoi diagram for the effective architectural form generation. By merging systematic parameters of site conditions with digital parametric tool, the interaction and relationships among sub-regions of the space created by Voronoi system are enhanced through balancing of the spatial structure. The paper discusses how the parametric distributing and zoning system by Voronoi diagram allows the designers to create an innovative design language. With the in-depth research on the system and structure of Voronoi diagram, and with the practical application of it, the approaches to the application of Voronoi diagram into architectural form generation are clarified to be an effective, creative and successful digital tool. The result of the application of the Voronoi diagram improves the design quality with systematic language in the sense that the sub-regions are created and controled under the systematic and balanced hierarchy having dynamic relationships among each others with the restoration of the equilibrium of forces and tensions.

----------------------------------------------------

키워드 : 보로노이 다이어그램, 디자인 생성, 디지털 건축, 파라메트릭 디자인 도구

Keywords : Voronoi Diagram, Digital Architecture, Design Generation, Parametric Design Tool

----------------------------------------------------

A Study on the Process of the Architectural Design Generation based on the 3D Voronoi Diagram

Reference: Jongjin Park, Hanjong Jun, The 14th Annual Conference of CAD/CAM, p.p. 255-262, 2009

출처: 박종진, 전한종, 3차원 보로노이 다이어그램을 활용한 건축 디자인 생성 프로세스에 관한 연구, 한국 CADCAM학회 학술발표대회 논문집, 페이지 255-262, 2009

This paper is written in Korean.

---------------------------------------------

3차원 보로노이 다이어그램을 활용한
 건축 디자인 생성 프로세스에 관한 연구

박종진, 전한종

한양대학교 건축환경공학과 석박사통합과정, ikaros7979@gmail.com, 02-2220-1796

한양대학교 건축학과 부교수, hanjong@hanyang.ac.kr, 02-2220-1796

A Study on the Process of the Architectural Design Generation based on the 3D Voronoi Diagram

Park Jong Jin*, Jun Han Jong**

*: Hanyang University, Department of Architecture, ikaros7979@gmail.com, 02-2220-1796

**: Hanyang University, Department of Architecture, Associate Professor, hanjong@hanyang.ac.kr, 02-2220-1796

ABSTRACT

This paper presents the unique formation process of a volumetric space with the digital algorithm developed for Voronoi diagram in order to generate an effective parametric architectural form. By applying systematic parameters of architectural conditions within digital parametric tools, the interactions among sub-spaces developed by Voronoi diagram are enhanced by manipulating the spatial structures. In this paper, we discuss how the parametric distributing and zoning geometrical system can support designers in developing a free-formed space, and research on how this system creates a 3D volumetric space. With the in-depth research on the system and structure of Voronoi diagram, the approaches to the application of Voronoi diagram into architectural form generation are clarified to be an effective, creative and successful digital tool. The result of the application of the Voronoi diagram improves the design quality with systematic language in the sense that the sub-regions are created and controlled under the systematic and balanced hierarchy having dynamic relationships among each others with the restoration of the equilibrium of forces and tensions. This 3-dimensional Voronoi diagram provides another means for designers to solve architectural issues and to reinforce their design concepts.

Key Words: Voronoi Diagram, Digital Architecture, Design Generation, Parametric Design Tool 

A Study on the Potentialities of Architectural Simulation using Game Engine

Reference: Jongjin Park, Suktae Kim, Hanjon Jun, Journal of the Architectural Institute of Korea, No.22, Vol.10, 2006, p.p. 49-56

출처: 박종진, 김석태, 전한종, 게임엔진을 活用한 假想建築 시뮬레이션 適用可能性에 관한 硏究, 대한건축학회논문집 계획계 22권 10호(통권216호), 페이지 49-56, 2006

This paper is written in Korean.

Download .pdf file: Click!!

A Study of Intergrated Building Design Process cases based on BIM focusing on Architectural Design Firms

Reference: Jinhee Lee, Jongjin Park, Hyunah Choi, Hanjong Jun, Annual Conference of the Architectural Institute of Korea, No.27, Vol.1, 2007, p.p. 45-48

출처: 이진희, 박종진, 최현아, 전한종, 국내설계사무소를 중심으로 한 BIM기반 통합설계프로세스 적용사례에 관한 연구, 대한건축학회 학술발표대회 논문집 제27권 제1호(통권 제51집), 45-48페이지

This paper is written in Korean.

Download .pdf file: Click!!

Enhancement of availability of 4D simulation based on Building Information Model technology

Reference : Jongjin Park, Eonyong Kim, Hyun Cho, Hanjong Jun, The 3rd International Conference on Construction Engineering and Management, The 6th International Conference on Construction Project Management(ICCEM/ICCPM 2009), p.p. 579-586

Download .pdf file : Click!

----------------------------------------------------------------

ENHANCEMENT OF AVAILABILITY OF 4D SIMULATION

BASED ON BUILDING INFORMATION MODEL TECHNOLOGY

Jong Jin Park¹, Eon Yong Kim², Hyun Cho³, and Han Jong Jun⁴

¹ Ph.D. Candidate, Department of Architecture, Hanyang University, Seoul, Korea

² Ph.D. Candidate, Department of Architecture, Hanyang University, Seoul, Korea

³ Graduate Student, Department of Architecture, Hanyang University, Seoul, Korea

⁴ Associate Professor, Department of Architecture, Hanyang University, Seoul, Korea

Correspond to ikaros7979@gmail.com

ABSTRACT: 4D simulation integrates the 3 dimensional model of a building with the construction schedule, and it leads to the possibility of virtually checking the construction process and the building itself in advance. However, the existing problem of 4D simulation is the difference between the demands of architects, engineers, and construction site workers in 4D simulation. This study suggests the possible way to enhance the availability of 4D simulation, considering more the practical demands from the construction site. In order to conduct this study, we build a 3D BIM model of a business-residential complex and link the model with the pre-defined construction schedule in order to make a 4D simulation. This study concludes with the optimized 4D simulation methodology based on BIM model considering the demands in perspective of the construction site. It would contribute to the harmonic collaboration among architects, engineers, and labors in the construction site when using 4D simulation based on BIM model.

Keywords: BIM (Building Information Model), 4D Simulation, Visualization

Deformed building design and fabrication based on the parametric technology

Reference : Eonyong Kim, Jongjin Park, Hanjong Jun, The 3rd International Conference on Construction Engineering and Management, The 6th International Conference on Construction Project Management(ICCEM/ICCPM 2009), p.p. 1107-1112

DEFORMED BUILDING DESIGN AND FABRICATION BASED ON THE PARAMETRIC TECHNOLOGY

Eonyong Kim¹, Jongjin Park² and Hanjong Jun³

¹ Ph.D. Candidate, Department of Architecture, Hanyang University, Korea

² Ph.D. Candidate, Department of Architecture, Hanyang University, Korea

³ Associate Professor, Department of Architecture, Hanyang University, Korea

Correspond to eonyong@gmail.com

ABSTRACT: To design and build a deformed building, new approaches and technologies are required, in which a design approach with parametric and generative technology is used for design and for building it, computer based fabrication technology. Even if parametric design technology is not a state of the art thing, the technology is still used widely, in order to effect the efficiency and furthermore it will continue to be innovated upon continuously. To cope with the limitation of it, the generative design system is developed. Deformed building design requires new methodology to overcome the limitations of conventional ways, which have difficulties to create enough design alternatives to explore satisfied design solutions order to deformed design have geometrical complexity and dramatically increased amount of data. Hence the generative design system can be a cutting edge methodology to solve it. However we should consider how to build the design in the real world. For this, the computer based fabrication technology which is used in mechanical industry is required to introduce to architecture and construction domain for efficiency. In this research, the methodology is modeled and tested with Bezier surface based shell structure.

Keywords: Parametric Design, Generative Design System, Deformed Building, Fabrication

Start studying processing

As I still have more than 2 more months before commencing Ph.D. course at Uni. of Melbourne, I decided to do something constructive in the meantime.

 I have been aware of the necessity of studying any kind of computer script for a long time, but I know myself that I really really hate studying computer program language...T.T (I got F on C++ class at the 2nd year of my university.)

 But I know I should do it in order to enhance the quality of my research, and it will be able to broaden the scope of my study range.
So I ordered a book at Dymocks.com.au

One of my colleague suggested this book. Processing is a computer program language developed by MIT graduate student long time ago.

It's gonna be my first study on script with my own willingness. -_-;