1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

22
1 Relationships Between Relationships Between Computing and Computing and Aesthetic Appreciation Aesthetic Appreciation Jeff Angell

Transcript of 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

Page 1: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

1

Relationships Between Relationships Between Computing and Aesthetic Computing and Aesthetic

AppreciationAppreciation

Jeff Angell

Page 2: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

2

Topics That Will Be CoveredTopics That Will Be Covered

Brief definition of static, dynamic data structures

Overview of Deliverable #1 Process of mapping a data structure to a

specific 2-D painting or drawingThe “feel” of the final productExamples in art, film, and games

Page 3: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

3

Static and Dynamic Data Static and Dynamic Data StructuresStructures

Static (i.e. arrays, entity-relationship diagrams)

Dynamic (i.e. finite-state machines, pointers)

By now, you’ve probably had enough definitions of these…

Page 4: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

4

Static and Dynamic Data Static and Dynamic Data StructuresStructures

One Person’s Definition

Page 5: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

5

Overview of Deliverable #1Overview of Deliverable #1

Mapping a FSM of a microwave to architecture of a horse barn

Page 6: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

6

Overview of Deliverable #1Overview of Deliverable #1General ContentsGeneral Contents

Semantic network for source (microwave FSM) and target (horse barn)

Diagram of microwave FSMSemantic network connection between

source and targetShow plan view of target (created horse

barn)

Page 7: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

7

Overview of Deliverable #1Overview of Deliverable #1Semantic Network for MicrowaveSemantic Network for Microwave

Page 8: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

8

Overview of Deliverable #1Overview of Deliverable #1Semantic Network for a Horse BarnSemantic Network for a Horse Barn

Page 9: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

9

Overview of Deliverable #1Overview of Deliverable #1Microwave FSMMicrowave FSM

Page 10: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

10

Overview of Deliverable #1Overview of Deliverable #1Connection Between the TwoConnection Between the Two

Page 11: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

11

Overview of Deliverable #1Overview of Deliverable #1Common StatesCommon States

Microwave States Barn and Horse StatesWaiting Standing and/or walking in barn

Full Power Stallion choice

Half Power Pony choice

Set Time Set distance

Disabled If gate door is open, disable

Enabled If gate door is closed, enable

Operation Run/Gait with horse

Waiting Back to stall

Page 12: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

12

Overview of Deliverable #1Overview of Deliverable #1Horse Barn StatesHorse Barn States

State DescriptionStanding Waiting for user to choose type of horse.

Display shows mock time on wall of barn.Pony Chosen by user, represented by smaller horse.Stallion Chosen by user, represented by larger horse.Set Distance User inputs the distance he/she wishes to

travel on the track with the horse.Disabled If door is open, user can’t go anywhere

because they don’t want to let the other horse out!Enabled If door is closed, then user can proceed to

travel around track.Track User gets on horse, ride.

Page 13: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

13

Process of Mapping a Data Process of Mapping a Data Structure to 2-D ArtStructure to 2-D Art

The semantic network is the most important step for creating a “reproducible” piece of art based on the qualities of the image.

The semantic network for the 2-D image may be composed of the underlying structures and substructures. To find this…

Page 14: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

14

Process of Mapping a Data Process of Mapping a Data Structure to 2-D ArtStructure to 2-D Art

Categorize the type of image style (i.e. abstract, mimetic, surreal)

Break the image down into visual components - objects and transitions

Regroup the components according to common properties (i.e. color, shape, texture, etc)

Page 15: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

15

Process of Mapping a Data Process of Mapping a Data Structure to 2-D ArtStructure to 2-D Art

Let’s try this for a basic example, but first…

Page 16: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

Please Note:Please Note:

This presentation may include art that depicts nudity, sexual acts, and/or violent material. If you object to looking at such artwork, please react accordingly. I invite all of your ideas regarding this type of fantasy art.

Page 17: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

17

A Simple Example to MapA Simple Example to Map

Object(Face, Eyes, Nose, etc)

Object (Butterfly)

Transition (Wave shape)

Object (Water)

Category: “Surrealistic Nature”

Page 18: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

18

A Simple Example to MapA Simple Example to Map

Face “on” the waterConnected by wave pattern

Butterfly “on” faceConnected by waves, visual layering

Water “under” butterflyConnected by visual layering

Face/Eyes/Nose

Butterfly

Water* This hierarchy allows one to build the semantic network to useas a metaphor for a data structure.

Page 19: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

19

The “Feel” of the Final ProductThe “Feel” of the Final Product

SketchesExample worksIntegrate a unique “dream-like” experience

for the user

Page 20: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

20

Examples in Art and FilmExamples in Art and Film

Film - The Cell Painting - H.R. Giger, DiMaccio, BeksinskiPhotography - Joel-Peter WitkinVideo games - Alice

Page 21: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

21

Summary of Topics CoveredSummary of Topics Covered

Brief definition of static, dynamic data structures

Overview of Deliverable #1 Process of mapping a data structure to a

specific 2-D painting or drawingThe “feel” of the final product (dream-like)Examples of inspiring visuals

Page 22: 1 Relationships Between Computing and Aesthetic Appreciation Jeff Angell.

“Those who shrink back reflexively, and who do not gather themselves to plunge forward again, miss the point, and the awesome wonder of it all is left for the rest of us to ruminate over, and marvel at.” - James Cowan on the shock value of H.R. Giger’s art