SlideShare una empresa de Scribd logo
1 de 103
VART3227

Evolutionary Graphics
Class 01 - Introduction
Teacher

Bryan Chung

chungbwc@hkbu.edu.hk
http://www.magicandlove.com
Students’ works

What have we done in last few years?
Ng Ka Ho
Xu Jia
Aurelie
Chan Po Fung
Chiu Tsz Ki
Heung Ting Ting
Gina Leung
Ng Ka Ho
Carrie Yeung
Yuen Man Hei
Abby
Apple Ng
Christy Chan
Chu Cho Kwan
Ip Wing Yin
Sylvia Cheung
Example
Example
Example
Course introduction

Theory and practice
Computer workshop
Sketching of everyday material
Inspiration for artistic creation
Assignments

Visual documentation
Generative graphics
Procedural animation
In-class exercises
Assessment

Visual aesthetics
Creativity
Application of knowledge
Complexity in development

Professionalism
Context free art
Touch Designer
Introduction

History of visual imagery
Computer graphics
Mathematics & geometry
Ideas of complexity

Hand-on with Context Free Art
Terms

Evolutionary
Artificial
Generative
Algorithmic

Computational
Genetic
From nature
From nature
From nature
From nature
From nature
From nature
From nature
From nature
From nature
From nature
From nature
Visual imagery in nature

Rock, sand, mineral
Water, wave, ripple
Smoke, flame, fire
Plant

Shell
Flock of birds
Drawing and painting

Figurative/representational
Abstraction
Pure geometry
Machine aesthetics
Still life photography
Still life painting
Still life painting
Still life painting
Photography
Painting
Pointillism
Minimalism
Geometric art
Photo renderings
Photo renderings
Charles O. Perry
Jean Tinguely
Types of arts

Autographic art
Allographic art
The Language of Art, Nelson Goodman
Autographic art
Allographic art
Allographic art
How we create art

Painters  paint  paintings
Composers  compose  scores
Musicians  perform  music
Tools

Drawings with tools and machines
Is it art?
Tools
Drawing tools
Drawing tools
Computer drawings
Computer drawings
Computer drawings
Sine wave drawings
Sine wave drawings
Sine wave drawings
Sine wave drawings
Particle drawings
Particle drawings
Particle drawings
Particle drawings
John Maeda
Casey Reas
Golan Levin
Ben Fry
Mark Napier
Martin Wattenberg
Joshua Davis
Drawing with automation

The fundamentals
Geometry
Example – Golden Section
Example – Golden Section
Spiral shell
Koch curve – fractals
Another snowflake
Geometry
Computer drawing
Computer painting

Direct manipulation interface hides away all the
mathematics and codes of implementations.
Computer drawing
Computer drawing

The mathematics is revealed in this interface.
Computer graphics

We need to have something to describe the visual
imagery we want to draw/paint.
It is a kind of grammar or language.
Co-ordinate geometry
Computer animation

In the second part of the course, we shall do
animation exercises in this direction.
On generative art
Karl Sims - Particle dreams
William Latham
Karl Sims
Craig Reynolds – a flock of birds (boids)
L-System – artificial plant

Más contenido relacionado

Más de Bryan Chung

Más de Bryan Chung (20)

MAVA Studio Project Introduction 2018
MAVA Studio Project Introduction 2018MAVA Studio Project Introduction 2018
MAVA Studio Project Introduction 2018
 
MAVA Orientation 2018
MAVA Orientation 2018MAVA Orientation 2018
MAVA Orientation 2018
 
Class 11 - Social impacts of videogames
Class 11 - Social impacts of videogamesClass 11 - Social impacts of videogames
Class 11 - Social impacts of videogames
 
Class 10 - Simulation games
Class 10 - Simulation gamesClass 10 - Simulation games
Class 10 - Simulation games
 
Class 12 - Videogames technology in art
Class 12 - Videogames technology in artClass 12 - Videogames technology in art
Class 12 - Videogames technology in art
 
Glass 09 - Online game and virtual environment
Glass 09 - Online game and virtual environmentGlass 09 - Online game and virtual environment
Glass 09 - Online game and virtual environment
 
Class 07 - Game and space
Class 07 - Game and spaceClass 07 - Game and space
Class 07 - Game and space
 
Class 06 - Game and narrative
Class 06 - Game and narrativeClass 06 - Game and narrative
Class 06 - Game and narrative
 
Class 02 - Interactivity, games and arts
Class 02 - Interactivity, games and artsClass 02 - Interactivity, games and arts
Class 02 - Interactivity, games and arts
 
Class 01 - Introduction to Videogames and Arts
Class 01 - Introduction to Videogames and ArtsClass 01 - Introduction to Videogames and Arts
Class 01 - Introduction to Videogames and Arts
 
Digital Art ToolKit
Digital Art ToolKitDigital Art ToolKit
Digital Art ToolKit
 
Digital Image Workshop
Digital Image WorkshopDigital Image Workshop
Digital Image Workshop
 
Class 03 - Formal Elements of Game/Play
Class 03 - Formal Elements of Game/PlayClass 03 - Formal Elements of Game/Play
Class 03 - Formal Elements of Game/Play
 
Class 05 - Art Game and Game Art
Class 05 - Art Game and Game ArtClass 05 - Art Game and Game Art
Class 05 - Art Game and Game Art
 
Augmented Reality and Visual Arts
Augmented Reality and Visual ArtsAugmented Reality and Visual Arts
Augmented Reality and Visual Arts
 
Movement in Space Project Launch Seminar
Movement in Space Project Launch SeminarMovement in Space Project Launch Seminar
Movement in Space Project Launch Seminar
 
Design for Hypermedia - Class 08 (2015B)
Design for Hypermedia - Class 08 (2015B)Design for Hypermedia - Class 08 (2015B)
Design for Hypermedia - Class 08 (2015B)
 
Design for Hypermedia - Class 09 (2015B)
Design for Hypermedia - Class 09 (2015B)Design for Hypermedia - Class 09 (2015B)
Design for Hypermedia - Class 09 (2015B)
 
Extended Context/Extended Media - Class 03 2015
Extended Context/Extended Media - Class 03 2015Extended Context/Extended Media - Class 03 2015
Extended Context/Extended Media - Class 03 2015
 
Extended Context/Extended Media - Class 02
Extended Context/Extended Media - Class 02Extended Context/Extended Media - Class 02
Extended Context/Extended Media - Class 02
 

Último

Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 

Último (20)

SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 

Evolutionary Graphics - Class 01 2014