Facilitate coding in generating geometric motives with a special focus on analyzing their geometric formulations. This book aims to teach analytical coding skills by combining arts and mathematics.
Geometric patterns are quintessentially important for understanding today’s media arts and their relationship with mathematics. With the main emphasis on this, author Selçuk Artut proposes a certain workflow to mathematically analyze a geometric pattern and use creative coding skills to render it on a computer screen.
When done, you'll understand the basics of coding and expand the provided structure to cover issues of creative coding in particular. This book will also present a workflow to geometrically analyze and build patterns with detailed examples.
For the sake of simplicity and convenience, we will use p5.js throughout the course of the book. p5.js is a jаvascript library for creative coding that places an emphasis on making coding accessible and inclusive for people from all walks of life, including artists, designers, educators, programmers, etc. With this in mind, this book offers an opportunity to gain a deeper understanding of geometric patterns and their possibilities through the use of p5.js.
What You Will Learn:
Gain insight into the field of geometric patterns and its cultural value
Review dialectic creativity that takes place between humans and computers
Use code as a creative tool to use human-computer interaction to develop one's creative skills
Who This Book Is For:
Any person who has an interest in using coding as a creative tool. University students from Arts, Design, Architecture, and Computer Science departments. Artists and designers who are eager to implement creative coding in their artistic production.
Author(s): Selcuk Artut
Publisher: Apress
Year: 2023
Language: English
Pages: 410
Contents
About the Author
About the Technical Reviewer
Acknowledgments
Foreword
Introduction
Chapter 1: The Fascinating Universe of Geometric Patterns
Chapter 2: Algorithmic Structures in Art
Algorithms
Bubble Sort Algorithm
Automata
Technology’s Impact on Art
Chapter 3: Generative Art
Chapter 4: Extending the Bounds of Creativity
Chapter 5: Playing with Creative Coding
What Is Creative Coding? Why Is It Different Than Conventional Programming?
Creative Coding Environments
How to Use p5.js
p5.js Coding Structure
Use of Comments
Debugging Your Sketches Using the Console
Variables
Loops
Object-Oriented Programming: Building a Class
Cartesian Coordinates in a Computer Graphics Environment
Drawing Basic Shapes
Drawing Complex Shapes
Transformations
Chapter 6: Generating a Basic Geometric Pattern
Generating a Basic Geometric Pattern with Hand Tools
Division of a Circle in 6 and 12 Equal Sections
Generating a Basic Geometric Pattern with Creative Coding
Generating a Basic Geometric Pattern Using Creative Coding
Trigonometry Basics
Units of Measuring Angles
Law of Sines
Chapter 7: Workflows on Generating Geometric Patterns with Creative Coding
Generating a Geometric Pattern Workflow #1
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #2
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #3
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #4
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #5
The Motif
Analyzing the Constructive Elements
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Tessellation Code
Generating a Geometric Pattern Workflow #6
The Motif
Analyzing the Constructive Elements
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #7
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Shape
Analyzing the y-Offset of the Shape
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #8
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #9
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #10
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #11
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Generating the Motif
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #12
The Motif
Analyzing the Constructive Elements
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #13
The Motif
Analyzing the Constructive Elements
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #14
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #15
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #16
The Motif
Analyzing the Constructive Elements
Calculating Angles and Vertex Points
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #17
The Motif
Analyzing the Constructive Elements
Generating the Motif: Shape 1
Analyzing the Constructive Elements
Generating the Motif: Shape 2 Added
Generating the Motif: Shape 2 Added
Analyzing the Constructive Elements
Generating the Motif: Shape 3 Added
Generating the Motif: Shape 3 Added
Generating the Motif: Shape 3 Added
Analyzing the Tessellation
Tessellation Code
Tessellation Code
Tessellation Code
Tessellation Code
Generating a Geometric Pattern Workflow #18
The Motif
Analyzing the Constructive Elements
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Generating a Geometric Pattern Workflow #19
The Motif
Analyzing the Constructive Elements
Generating the Motif
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Tessellation Code
Generating a Geometric Pattern Workflow #20
The Motif
Analyzing the Constructive Elements
Generating the Motif
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Tessellation Code
Generating a Geometric Pattern Workflow #21
The Motif
Analyzing the Constructive Elements
Generating the Motif: Shape 1
Analyzing the Constructive Elements
Generating the Motif: Shape 2
Generating the Motif: Shape 2
Analyzing the Constructive Elements
Generating the Motif: Shape 3
Generating the Motif: Shape 3
Analyzing the Constructive Elements
Generating the Motif: Shape 4
Generating the Motif: Shape 4
Generating the Motif: Shape 4
Analyzing the Tessellation
Tessellation Code
Tessellation Code
Tessellation Code
Tessellation Code
Generating a Geometric Pattern Workflow #22
The Motif
The Filling
Analyzing the Constructive Elements
Generating the Motif: Shape 1
Analyzing the Constructive Elements
Generating the Motif: Shape 2
Analyzing the Constructive Elements
Generating the Motif: Shape 2
Analyzing the Constructive Elements
Generating the Motif: Shape 3
Analyzing the Constructive Elements
Generating the Motif: Shape 4
Analyzing the Constructive Elements
Generating the Motif: Shape 4
Generating the Motif: Shape 4
Generating the Motif
Generating the Motif
Generating the Motif
Analyzing the Filling Element
Generating the Filling
Analyzing the Tessellation
Tessellation Code
Tessellation Code
Tessellation Code
Tessellation Code
Tessellation Code
Generating a Geometric Pattern Workflow #23
The Motif
Analyzing the Constructive Elements
Generating the Motif
Generating the Motif
Analyzing the Tessellation
Tessellation Code
Tessellation Code
Index
df-Capture.PNG
