website/oct1.html at master · CSVAD/website · GitHub

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
<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) {
        .bd-placeholder-img-lg {
          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">
<h4>October 1st</h4>
<ul>
<li><h5>Check in</h5>
<p>Technical challenges/ questions from previous week. Check in on reading / assigment time.</p></li>
<li><h5>Review Code of Conduct</h5></li>
<li><h5>Short Reading Discussion</h5>
<p>General thoughts and reflections from previous week's readings.</p>
<p>What ideas of McCullough's and Reichart's aligned with the preconceptions people had about the creative applications of compulation? What ideas were suprising?</p>
<p>What do you think (if anything) has changed since these works were written?</p>
<p>How did the process of working with Processing and working by hand align with the ideas presented by McCullough and Reichardt?</p></li>
<li><h5>Introduction to Computational Repetition</h5></li>
<p><a href="https://www.atariarchives.org/artist/sec5.php">Computer Grass is Natural Grass</a></p>
<p>Computers are, at a very basic level, mechanisms for repetition. They can perform a task multiple times, in the exact same form (nearly), each time. Repetition is intrinsic to computing, but also plays a key role in visual art and design. Artists and designers rely on the repetition of forms, colors, spatial relationships and other forms to introduce rhythm and structure into a piece. </p>
<h6>Symmetry</h6>
   <p>Symmetry is one intial form of repetition, that is often found in nature, and reproduced in many forms of design and ornament.</p>
   <h6>Examples: </h6>
    <ul>
   <li><a href="https://mymodernmet.com/ernst-haeckel-art/">Ernst Haekel:</a> German Biologist who illustrated microscoping structures of radiolarians</li>
   <li><a href="http://bantjes.com/work/armorial-holiday-card-2/">Marjane Bantjes:</a>designer, typographer, writer and illustrator who works with both digital and traditional drawing tools</a> </li>
   <li><a href="https://joshuadavis.com/Moth-Bodies">Joshua Davis:</a> Computational artist and graphic designer. Josh's work combines complex illustrated elements with computational symmetry and repetition.</li>
 </ul>
<h6>Grid</h6>
<p>"A grid system is not just a set of rules to follow... but it's also a set of rules to play off of–to break, even. Given the right grid – the right system of constraints – very good designers can create solutions that are both orderly and unexpected.</br>

Khoi Vinh, New York Times- referenced from <a href="https://runemadsen.com/syllabi/programming-design-systems/">Rune Madsen's Programming Design Systems"</a>.</p>
<p>Grids- repeating structures of form and spacing provide a means to organize a design and partition space. Grids can establish rythym and create a sense of flow, however they can also be shifted, manipulated, and broken to create interest, focus, and suprise. </p>

<h6>Examples: </h6>
    <ul>
<li><a href="https://www.tate.org.uk/art/artists/bridget-riley-1845">Bridget Riley:</a>  English Painter who is one of the most prominent creators of OpArt. Riley's paintings use repetition and contrast to create subtle effects on the eyes of the viewer [<a href="http://formandcode.com/contents">Reas et. al.</a>]</li>
 <li><a href="http://www.artnet.com/artists/vera-molnar/?type=works-on-paper">Vera Molnar:</a>Hungarian artist who created intricate plotter-based artwork. One of the first artists to use a plotter.</li>
 <li><a href="https://maedastudio.com/morisawa-10-2016/">John Maeda- Morisawa 10:</a>Series of posters created through postcript with repeating and transforming typography[<a href="https://github.com/ofZach/SFPC_RTP_fall18">Referenced from Zach Lieberman's Recreating the Past Course at SFPC</a>].</li>
 </ul>

 <li><h5>Computational Repetition in Processing</h5></li>
<ul>
  <li>Loops and Transformation Matricies
  <a href= "https://processing.org/tutorials/transform2d/">Moving the grid in Processing</a><br>
  <a href="https://www.youtube.com/watch?v=o9sgjuh-CBM">Daniel Shiffman's explanation of processing transformations</a>
  </li>
 <li>Shape Import
  <a href = "https://processing.org/reference/loadShape_.html">Load Shape in Processing</a>
  </li>
</ul>
</ul>


<h5>Assignments</h5>
<ul class="list-unstyled">
 <li><h5>Reading and Reflection</h5>
 <a href = "readings/regularity10print.pdf">Regularity from 10 PRINT CHR$(205.5+RND(1)); : GOTO 10
 by Nick Monfort et. al.</a>
  Optional: <a href = "readings/standardization_mumford.pdf">Standardization, Reproduction and Choice from Art and Technics by Lewis Mumford</a></li>
<p>Please read the chapter from 10 PRINT and upload a short reading reflection to your github repository (week 2), by Wednesday 6:00 PM.</p>
</ul>

 </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>