-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
163 lines (129 loc) · 7.87 KB
/
Copy pathindex.html
File metadata and controls
163 lines (129 loc) · 7.87 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Jekyll v3.8.5">
<title>CSVAD MAT 594X | CMPSC 291I </title>
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
--{
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="css/cover.css" rel="stylesheet">
</head>
<body>
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="masthead mb-40">
<div class="inner">
<h3 class="masthead-brand">CSVAD</h3>
<nav class="nav nav-masthead justify-content-center">
<a class="nav-link active" href="index.html">Syllabus</a>
<!--<a class="nav-link" href="#">Readings</a>-->
<a class="nav-link" href="code_of_conduct.html">Code of Conduct</a>
<a class="nav-link" href="https://github.com/CSVAD">Class Github</a>
<!--<a class="nav-link" href="#">Resources</a>-->
</nav>
</div>
</header>
<main role="main" class="inner cover">
<h1 class="cover-heading">Computational Systems for Visual Art and Design</h1>
<p >Computational systems of rules, relationships, and behaviors can extend traditional art and design practices or support new creative workflows and outcomes. In this course, we will explore the creation of computational systems for visual art and design. Following a studio format, we will learn creative coding platforms and algorithms to create visual works that are flexible, dynamic, and generative. In the process, we will touch on the design philosophy and abstractions of existing creative coding platforms and examine methods to create alternatives. Students will learn basic approaches to modify creative programming languages and frameworks or develop new software interfaces for visual expression. Technical production will be complemented by readings on computational art and design theory and review of seminal works in computational art and design.</p>
<h3 class="cover-heading">Instructor Information</h3>
<ul class="list-unstyled">
<li> Jennifer Jacobs | jmjacobs (at) mat (dot) ucsb (dot) edu | Elings 2215</li>
<li> Office Hours: Wednesdays 13:00-15:00 <b>by appointment only</b></li>
</ul>
<h3> Weekly Structure </h3>
<h5>Tuesdays</h5>
<ul class="list-unstyled">
<li> Review last week's project</li>
<li> Introduce new topic area</li>
<li> Technical instruction and coding activity</li>
<li> Introduce reading assignment</li>
</ul>
<h5>Thursdays</h5>
<ul class="list-unstyled">
<li>Discuss reading</li>
<li>Instruction supplemental</li>
<li>Project assignment</li>
<li>In class working time/ peer and instructor support</li>
</ul>
<h3>Week One: Init</h3>
<p>Introduction to the course and syllabus, questions activity, introduction to Processing and Github.</p>
<a href="sep26.html"><h5>September 26 Detail</h5></a>
<h3>Week Two: Procedure and Repetition</h3>
<p><b>Discussion:</b> Computational Repetition and Rhythm in Art and Design.</br>
<b>Practice:</b> Loops to generate repeating form and pattern.</br>
<b>Project:</b> Create a repeating wallpaper.</p>
<a href="oct1.html"><h5>October 1 Detail</h5></a>
<a href="oct3.html"><h5>October 3 Detail</h5></a>
<h3>Week Three: Parameterization and Systems</h3>
<p><b>Discussion: </b>Capturing design intent and design patterns in code.</br>
<b>Practice:</b> Using variables to create degrees of freedom in a design. Creating basic user interfaces to tune parameters.</br>
<b>Project: </b>Create a parameterizable form with a basic tuning interface.</p>
<a href="oct8.html"><h5>October 8 Detail</h5></a>
<a href="oct10.html"><h5>October 10 Detail</h5></a>
<h3>Week Four: Generativity</h3>
<p><b>Discussion:</b> Reconciling design intent with generative processes.</br>
<b>Practice:</b> Sculpting noise, external data, and autonomous processes.</br>
<b>Project: </b>Create a generative series with 10 variations.</p>
<a href="oct15.html"><h5>October 15 Detail</h5></a>
<h3>Week Five: Abstraction</h3>
<p>Guest Lecture: <a href="https://www.srbrady.com/">Sarah Roselena Brady</a></p>
<p><b>Discussion: </b>Building domain-specific programming abstractions</br>
<b>Practice: </b>Object-oriented programs to support multiple design applications.</br>
<b>Project: </b>Create a programming library and a set of example projects.</p>
<h3>Week Six: Dynamic Art and Design</h3>
<p><b>Discussion: </b>Dimensions of expression for dynamic art.</br>
<b>Practice: </b>Creating animation and interactivity with code.</br>
<b>Project: </b>Create a drawing tool that either draws on its own or enables another person to draw with it.</p>
<h3>Week Seven: Interface</h3>
<p><b>Discussion: </b>Designing user interfaces for creative expression</br>
<b>Practice: </b>Extending user interface design frameworks</br>
<b>Project: </b>Create a personal user interface that reflects your approach and preferences as an artist and designer. Draft a proposal brief for your final project.</p>
<h3>Week Eight: Digital/Physical</h3>
<p><b>Discussion: </b>Integrating manual and procedural expression.</br>
<b>Practice: </b>Processing input from the physical world and creating computational designs that can be physically fabricated</br>
<b>Project: </b>Create a work with elements that are driven by data collected from the physical world --OR-- Convert a digital work using a plotter or vinyl cutter. Fill out mid-course survey.</p>
<h3>Week Nine: Synthesis</h3>
<b>Discussion: </b>Alternative programming tools for alternative programmers.</br>
<b>Practice: </b>Final project proposal review and feedback.</br>
<b>Project: </b>Select from final project options:
Extend or modify and existing programming tool for art and design to support a new form of expression.
Create a generative series and a justification for your selection of each piece.
Extend a course project.
Choose your own adventure
</p>
<h4>--Thanksgiving Holiday--<h4>
<h3>Week Ten: Final Project</h3>
<b>Discussion: </b>Course reflection. Potential futures of computational art and design.</br>
<b>Practice: </b>In class technical support and troubleshooting</br>
<b>Project: </b>Continue work on final project. Fill out closing course survey.</p>
<h3>Finals Week</h3>
Final Project Presentation and Critique.
</main>
<footer class="mastfoot mt-auto">
<div class="inner">
<p>Cover template for <a href="https://getbootstrap.com/">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p>
</div>
</footer>
</div>
</body>
</html>