Thuật toán cho Thiết kế Trực quan bằng Ngôn ngữ Processing - Phần 1 của Kostas Terzidis

Khám phá phần đầu tiên của loạt bài về thuật toán thiết kế trực quan bằng ngôn ngữ Processing. Tìm hiểu cách tạo ra các mẫu hình và hiệu ứng độc đáo.

• Tác giả: Kostas Terzidis
• Trường học: Harvard Graduate School of Design
• Chuyên ngành: Thiết kế
• Đề tài: Thuật toán cho thiết kế trực quan bằng ngôn ngữ Processing
• Loại tài liệu: Sách
• Năm xuất bản: 2009
• Địa điểm: Indianapolis

Tóm tắt

I. Tổng quan về thuật toán thiết kế trực quan với Processing

Thuật toán thiết kế trực quan với Processing là lĩnh vực kết hợp giữa lập trình máy tính và nghệ thuật thiết kế. Cuốn sách của Kostas Terzidis trình bày cách sử dụng ngôn ngữ Processing để tạo ra các sản phẩm đồ họa thông qua thuật toán. Processing là ngôn ngữ mã nguồn mở, miễn phí, mạnh mẽ nhưng đơn giản. Ngôn ngữ này dựa trên nền tảng Java và được thiết kế dành riêng cho cộng đồng sáng tạo. Người dùng không cần nền tảng lập trình sâu vẫn có thể tiếp cận được. Sách cung cấp kiến thức từ cơ bản đến nâng cao về các phần tử đồ họa. Các lệnh vẽ hình học, điều khiển màu sắc, quản lý font chữ và hình ảnh đều được giới thiệu chi tiết. Mục tiêu chính là xóa bỏ rào cản phức tạp thường thấy trong sách đồ họa máy tính truyền thống. Cuốn sách trở thành cầu nối giữa nhà thiết kế sáng tạo và thế giới lập trình. Đây là tài liệu học thuật giá trị cho sinh viên thiết kế và kiến trúc.

1.1. Ngôn ngữ Processing và nền tảng Java

Processing là ngôn ngữ lập trình đồ họa được phát triển dựa trên nền tảng Java. Ngôn ngữ này hoàn toàn miễn phí và có thể tải về từ Internet. Phiên bản Processing 1 được sử dụng trong cuốn sách là bản mới nhất tại thời điểm xuất bản. Java đóng vai trò nền tảng cốt lõi, cung cấp khả năng xử lý mạnh mẽ cho Processing. Sự kết hợp này tạo ra công cụ lập trình vừa đơn giản vừa linh hoạt. Người dùng có thể bắt đầu viết code đồ họa ngay lập tức mà không cần cài đặt phức tạp. Processing cũng hỗ trợ thiết bị vật lý Arduino dùng phiên bản ngôn ngữ riêng.

1.2. Đối tượng độc giả và mục tiêu cuốn sách

Cuốn sách hướng đến đối tượng độc giả đam mê đồ họa máy tính nhưng chưa có nền tảng lập trình. Nhiều sách đồ họa hiện tại đầy công thức toán học phức tạp, khiến người đọc nản lòng. Kostas Terzidis, với tư cách nhà khoa học máy tính và kiến trúc sư thiết kế, đã xây dựng sách dựa trên kinh nghiệm giảng dạy. Sinh viên ngành thiết kế không có kinh nghiệm lập trình vẫn có thể tiếp cận dễ dàng. Sách đóng vai trò cầu nối giữa thế giới sáng tạo và công nghệ. Mục tiêu là loại bỏ nỗi sợ phức tạp và giả định về kiến thức tiên quyết.

II. Phân tích các phần tử cơ bản trong thuật toán thiết kế

Các phần tử cơ bản trong Processing bao gồm hình học, thuộc tính đồ họa và điều khiển hiển thị. Hàm vẽ hình chữ nhật rect() nhận các tham số tọa độ x, y, chiều rộng và chiều cao. Hàm ellipse() tạo hình tròn hoặc hình elip với tham số tương tự. Các thuộc tính như fill() đặt màu填充, stroke() điều khiển đường viền. strokeWidth() xác định độ dày nét vẽ, tạo hiệu ứng视觉 khác nhau cho hình khối. Lệnh background() thiết lập màu nền cửa sổ hiển thị, nhận giá trị xám hoặc RGB. Giá trị 0 đại diện cho đen, 255 đại diện cho trắng trong thang xám. Hệ thống tọa độ Processing sử dụng góc trái trên làm gốc. Mỗi lệnh đồ họa đều có cú pháp rõ ràng và tham số cụ thể. Việc hiểu các phần tử này là nền tảng để xây dựng thuật toán phức tạp hơn.

2.1. Các lệnh vẽ hình học cơ bản

2.2. Quản lý màu sắc và thuộc tính hiển thị

Hệ thống quản lý màu sắc trong Processing sử dụng thang giá trị từ 0 đến 255. Hàm fill() đặt màu填充 cho hình vẽ, nhận một hoặc ba tham số số nguyên. Hàm stroke() điều khiển màu đường viền bao quanh hình khối. Lệnh strokeWeight() thiết lập độ dày nét vẽ, tạo hiệu ứng视觉 đa dạng. Hàm background() sơn màu nền cho toàn bộ cửa sổ hiển thị. Với ba tham số RGB, người dùng có thể tạo hàng triệu màu khác nhau. Sự kết hợp các thuộc tính này cho phép kiểm soát chi tiết giao diện trực quan. Đây là công cụ cơ bản nhưng mạnh mẽ trong thiết kế đồ họa thuật toán.

III. Phương pháp xây dựng thuật toán thiết kế trực quan

Xây dựng thuật toán thiết kế trực quan đòi hỏi phương pháp tiếp cận có hệ thống và logic. Bước đầu tiên là phân tích yêu cầu thiết kế, xác định các yếu tố hình học cần tạo. Tiếp theo, chuyển đổi yêu cầu thành chuỗi lệnh Processing có thứ tự rõ ràng. Mỗi thuật toán bao gồm đầu vào, quy trình xử lý và đầu ra trực quan. Việc sử dụng biến cho phép thay đổi tham số dễ dàng mà không viết lại toàn bộ code. Vòng lặp và cấu trúc điều kiện giúp tạo mẫu thiết kế lặp lại và phức tạp. Hàm trong Processing cho phép đóng gói logic tái sử dụng nhiều lần. Phương pháp modular giúp quản lý code lớn một cách hiệu quả. Debugging và testing từng phần trước khi kết hợp là bước quan trọng. Cuối cùng, tối ưu hóa thuật toán để đảm bảo hiệu suất rendering mượt mà.

3.1. Sử dụng biến và tham số trong thuật toán

3.2. Kết hợp hình học và văn bản trong thiết kế

Processing hỗ trợ cả hình học và văn bản trong cùng môi trường thiết kế. Hàm createFont() tạo font tương thích từ font có sẵn trong máy tính. Lệnh textFont() load font đã tạo, lệnh text() hiển thị văn bản tại vị trí chỉ định. Ví dụ PFont myFont tạo font Times cỡ 32 rồi hiển thị ký tự P tại tọa độ 50,50. Việc kết hợp hình khối và typography mở ra khả năng thiết kế infographic trực quan. Font chữ cũng có thể được điều chỉnh kích thước và kiểu dáng linh hoạt. Sự kết hợp này tạo ra sản phẩm đồ họa thông tin phong phú và chuyên nghiệp.

IV. Kết luận và ứng dụng thực tiễn của thuật toán thiết kế

Thuật toán thiết kế trực quan với Processing mở ra hướng tiếp cận mới trong sáng tạo đồ họa. Khả năng kết hợp lập trình và thiết kế tạo ra sản phẩm có tính hệ thống cao. Ứng dụng trải rộng từ thiết kế đồ họa, kiến trúc đến nghệ thuật số. Thiết bị vật lý Arduino mở rộng khả năng ứng dụng sang phần cứng tương tác. Cộng đồng Processing cung cấp tài nguyên phong phú hỗ trợ người học liên tục. Mã nguồn mở đảm bảo tính minh bạch và khả năng tùy biến không giới hạn. Sinh viên thiết kế có thể áp dụng kiến thức vào dự án thực tế ngay sau khi học. Doanh nghiệp sử dụng thuật toán đồ họa để tạo nội dung marketing tự động. Nghệ sĩ kỹ thuật số khám phá ranh giới sáng tạo mới với công cụ lập trình. Cuốn sách của Terzidis đã đặt nền móng vững chắc cho lĩnh vực này. Tương lai của thiết kế trực quan nằm ở sự giao thoa giữa thuật toán và thẩm mỹ.

4.1. Ứng dụng trong giáo dục và nghiên cứu

Thuật toán thiết kế trực quan với Processing được ứng dụng rộng rãi trong giáo dục. Nhiều trường đại học sử dụng Processing làm công cụ giảng dạy lập trình cơ bản. Sinh viên kiến trúc và thiết kế tiếp cận lập trình thông qua các dự án trực quan sinh động. Phương pháp học tập qua thực hành giúp hiểu sâu nguyên lý thuật toán. Nghiên cứu học thuật sử dụng Processing để mô phỏng và trực quan hóa dữ liệu phức tạp. Khả năng tạo hình ảnh từ code cho phép thử nghiệm nhanh chóng và lặp lại. Đây là công cụ lý tưởng để xây dựng tư duy tính toán cho người sáng tạo.

4.2. Mở rộng sang thiết bị vật lý với Arduino

Arduino là thiết bị vật lý sử dụng phiên bản ngôn ngữ Processing riêng biệt. Thiết bị này kết nối thế giới kỹ thuật số với phần cứng tương tác thực tế. Phiên bản Arduino 0012 được giới thiệu trong cuốn sách là công cụ mạnh mẽ. Người dùng có thể điều khiển đèn LED, cảm biến, động cơ thông qua code Processing. Ứng dụng bao gồm thiết kế tương tác, nghệ thuật sắp đặt và robot tự động. Sự kết hợp giữa Processing và Arduino tạo ra hệ thống thiết kế toàn diện. Nhà thiết kế có thể biến ý tưởng số thành sản phẩm vật lý hữu hình. Đây là hướng phát triển quan trọng trong kỷ nguyên IoT và thiết kế thông minh.

Trích đoạn nội dung tài liệu

Algorithms for Visual Design Using the Processing Language Algorithms for Visual Design Using the Processing Language Kostas Terzidis Algorithms for Visual Design Using the Processing Language Published by Wiley Publishing, Inc. 10475 Crosspoint Boulevard Indianapolis, IN 46256 www.com Copyright © 2009 by Kostas Terzidis Published by Wiley Publishing, Inc., Indianapolis, Indiana Published simultaneously in Canada ISBN: 978-0-470-37548-8 Manufactured in the United States of America 10 9 8 7 6 5 4 3 2 1 Library of Congress Cataloging-in-Publication Data is available from the publisher. No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appro- priate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750‑8400, fax [phone]. Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030, (201) 748‑6011, fax [phone], or online at http://www.com/go/permissions.

Limit of Liability/Disclaimer of Warranty: The publisher and the author make no representa- tions or warranties with respect to the accuracy or completeness of the contents of this work and specifically disclaim all warranties, including without limitation warranties of fitness for a par- ticular purpose. No warranty may be created or extended by sales or promotional materials. The advice and strategies contained herein may not be suitable for every situation. This work is sold with the understanding that the publisher is not engaged in rendering legal, accounting, or other professional services.

If professional assistance is required, the services of a competent professional person should be sought. Neither the publisher nor the author shall be liable for damages arising herefrom. The fact that an organization or Web site is referred to in this work as a citation and/or a potential source of further information does not mean that the author or the publisher endorses the information the organization or Web site may provide or recommendations it may make. Further, readers should be aware that Internet Web sites listed in this work may have changed or disap- peared between when this work was written and when it is read.

For general information on our other products and services please contact our Customer Care Department within the United States at [phone], outside the United States at [phone] or fax [phone]. Trademarks: Wiley and the Wiley logo are trademarks or registered trademarks of John Wiley & Sons, Inc. and/or its affiliates, in the United States and other countries, and may not be used with- out written permission. All other trademarks are the property of their respective owners.

Wiley Publishing, Inc. is not associated with any product or vendor mentioned in this book. Wiley also publishes its books in a variety of electronic formats. Some content that appears in print may not be available in electronic books.

To my father, George About the Author Kostas Terzidis is an associate professor at the Harvard Graduate School of Design. His current GSD courses are Kinetic Architecture, Algorithmic Architecture, Digital Media I & II, Cinematic Architecture, and Design Research Methods. He holds a PhD in Architecture from the University of Michigan (1994), a Masters of Architecture from Ohio State University (1989) and a Diploma of Engineering from the Aristotle University in Greece (1986). He is a registered architect in Europe where he has designed and built several commercial and residential buildings.

His research work focuses on creative experimentation within the threshold between arts, architecture, and computer science. As a professional computer programmer, he is the author of many computer applications on form making, morphing, virtual reality, and self-organization. His most recent work is in the development of theories and techniques for algorithmic architecture. His book Expressive Form: A Conceptual Approach to Computational Design, published by London-based Spon Press (2003), offers a unique perspective on the use of computation as it relates to aesthetics, specifically in architecture and design.

His latest book, Algorithmic Architecture, (Architectural Press/Elsevier, 2006), provides an ontological investigation into the terms, concepts, and processes of algorithmic architecture and provides a theoretical framework for design implementations. vii Credits Executive Editor Associate Publisher Carol Long Jim Minatel Senior Development Editor Project Coordinator, Cover Tom Dinse Lynsey Stanford Production Editor Compositor Angela Smith Craig Johnson, Happenstance Type-O-Rama Copy Editor Foxxe Editorial Services Proofreader Publication Services, Inc. Editorial Manager Mary Beth Wakefield Indexer Robert Swanson Production Manager Tim Tate Cover Designer Michael Trent Vice President and Executive Group Publisher Cover Image Richard Swadley © Kostas Terzidis Vice President and Executive Publisher Barry Pruett ix Acknowledgments This book was conceived as a first step towards open source development. I would like to thank the person who introduced me to the world of computer graphics back in 1986 at Ohio State University, Professor Chris Yessios.

He gave me the knowledge and taught me the means of making my own tools to design and showed me how to share it with my colleagues. Also, I would like to thank my doctoral student at Harvard University Taro Narahara for his help in formatting the text and images of this book. Tom Dinse, Angela Smith, and Carol Long also deserve thanks for their patience and helpfulness during the preparation of this book. xi Contents Introduction xix Chapter 1 Elements of the Language 1 1.1 Operands and Operations 2 1.4 Logical and Relational Operations/Statements 7 1.6 Patterns of Numbers 10 1.5 Fonts and Images 20 1.1 Drawing on the Screen 24 1.2 Mouse and Keyboard Events 26 1.4 Grouping of Code 28 1.2 Procedures and Functions 30 1.5 Importing Processing Classes 34 Summary 35 Exercises 35 xiii xiv Contents Chapter 2 Points, Lines, and Shapes 41 2.1 Sine and Cosine Curves 42 2.7 Responsive Curve 56 Summary 57 Exercises 57 Chapter 3 The Structure of Shapes 63 3.1 Introduction to Class Structures 63 3.1 Defining a Class Called MyPoint 64 3.2 Adding Methods to a Class 66 3.2 Organization of Classes 68 3.5 Creating Grids of Shapes 80 3.7 Selecting Objects 85 Summary 90 Exercises 91 Chapter 4 Basics of Graphical User Interfaces 93 4.2 Choice, Label, and TextField 98 4.3 Arranging GUI Objects on the Screen 99 4.4 Selecting Points, Segments, Shapes, or Groups 102 4.6 Putting the GUI Elements in Their Own Window 106 4.7 Mouse Wheel Control 107 Summary 107 Exercises 108 Chapter 5 Image Processing 109 5.2 Preset Image Filters 111 5.3 Bit Manipulation on Pixels 115 5.4 A Paint Brush Tool 118 5.5 Edge Detection 121 Summary 123 Exercises 123 Contents xv Chapter 6 Motion 127 6.6 Motion and Friction 140 6.8 Elastic Motion 145 Summary 149 Exercises 149 Notes 152 Chapter 7 Advanced Graphics Algorithms 153 7.6 Evolutionary Algorithm 172 Summary 177 Exercises 178 Notes 180 Chapter 8 3-D Space 181 8.1 The Third Dimension 182 8.3 Projecting on the Screen 187 8.5 Three-Dimensional Graphics in Processing 192 8.3 Superquadrics 203 Summary 205 Exercises 206 Chapter 9 Solid Geometry 209 9.2 Sets of Faces 214 9.3 Cross Product 227 xvi Contents 9.7 Array of Shades 230 9.1 Picking Objects in the Scene 241 9.2 Simulating Menu Bars 244 Summary 246 Exercises 246 Notes 247 Chapter 10 File Read/Write 249 10.2 Basic Write/Read in Processing 250 10.1 Exporting PDF and DXF File Formats Using Processing Libraries 253 10.2 Native File Write 255 10.3 Native File Read 256 10.4 The DXF File Format 258 10.5 Writing DXF Files 259 10.6 Reading DXF Files 261 10.7 The VRML File Format 263 10.8 Writing VRML Files 265 10.9 Reading VRML Files 266 10.3 Client/Server Data Transfer 268 Summary 272 Exercises 272 Chapter 11 Physical Computing 275 11.1 Basics of Electrical Circuits 276 11.2 Arduino Microcontroller Board 278 11.10 Responsive System: Photo-Sound 292 11.11 A Feedback System: Photo-Motor 294 Summary 296 Exercises 296 Contents xvii Appendix A Equations of Lines and Planes 301 Appendix B Answers to Exercises 307 Appendix C Further Readings 335 Index 339 Introduction How has design changed through the use of computers? Is it still valid to assume that a designer is in control of a design concept? What if there is a lack of pre- dictability over what was intended by the designer and what came out on the computer’s screen? Is computer programming necessary in design today? This book is about computer programming.

Programming is a way of con- ceiving and embracing the unknown. At its best, programming goes beyond developing commercial applications. It becomes a way of exploring and map- ping other ways of thinking. It is the means by which one can simulate, extend, and experiment with principles, rules, and methods of traditionally human- defined theories.

In developing computer programs, the programmer has to question how people think and how mental processes develop and to map them into different dimensions through the aid of computers. Computers should be acknowledged not only as machines for imitating and appropriating what is understood but also as vehicles for exploring and visualizing what is not (yet) understood. The entire sequence of specifying computer operations is similar (albeit not equal) to that of human thinking. When designing software, one is actually codifying processes of human thinking to a machine.

The computer becomes a mirror of the human mind, and as such, reflects to a certain level our own way of thinking. However, there is an unraveling relationship between the needs of a designer and the ability of a specific computer application to address these needs. Designers rarely know what the computer is capable of providing them intel- lectually and often designers overestimate the computer’s capabilities. This can be attributed to at least two factors.

First, designers are never really taught how to program (one should to look no further than the classic question/answer “What does computer programming have to do with design?”). In fact, in design xix xx Introduction schools today students are taught how to use CAD tools and how to experiment within the limits of the applications, but they are never taught how to channel their creativity through the language, structure, and philosophy of program- ming. Second, CAD developers rarely release source code. They may ask the users what they want, they may offer interfaces for customization, but they will never give access to their source code.

For good reasons, code is proprietary information, and information is power. So, if a designer wants to experiment with the computational design, then he or she will need to write his or her own application, including the modeling, interface, display, optimization, and debugging modules, all on their own. How many people either have the time or the know-how to do this out there? When are we going to see a Linux-like CAD system? When are we going to see a community of designers-architects- programmers sharing common source code, for their own advancement? It is possible to claim that a designer’s creativity is limited by the very pro- grams that are supposed to free their imagination. The motto “form follows software” is indeed a contemporary Whorfian hypothesis that still applies not only to language as a tool but also to computer tools.

The reason for that is that there is a finite amount of ideas that a brain can imagine or produce by using a CAD application. If designers don’t find the tool/icon that they want, then they are simply stuck. And, conversely, whenever they use a new tool provided for them by programmers, they think that they are now able to do something new and “cool.” But are they really doing anything new? Or are they simply replicating a process already conceived by the programmer who provided the tool?