This repository has been archived by the owner on Jul 16, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.njk
107 lines (103 loc) · 3.91 KB
/
index.njk
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
{% set css %}
{% include "style.css" %}
{% endset %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Generative Art @CMDA</title>
<link rel="icon" type="image/png" href="img/favicon.png">
<style>
{{ css | cssmin | safe }}
</style>
</head>
<body>
<header>
<h1>Generative Art</h1>
</header>
<main>
<section>
<h2>A creative coding course @CMDAmsterdam exploring generative art with p5.js</h2>
</section>
<section>
<div>
<h3>Topics</h3>
<p>During the 6 weeks of this course we'll cover the following essential processing topics.</p>
</div>
<article>
<img src="/img/1.jpg" alt="input">
<h4>
<a href="/pages/1">Week 1: Basics of generative art and P5.js</a>
</h4>
<p>We'll cover the basics of what generative art is, introduce p5.js and draw our first Sketch.</p>
</article>
<article>
<img src="/img/2.jpg" alt="input">
<h4>
<a href="/pages/2">Week 2: Randomization and Algorithms</a>
</h4>
<p>We'll look at how to introduce ranomness inside your sketch to create make your artwork variable.</p>
</article>
<article>
<img src="/img/3.jpg" alt="input">
<h4>
<a href="/pages/3">Week 3: Input and interaction</a>
</h4>
<p>We'll look at different types of interaction, user input, gestures and multi-device support..</p>
</article>
<article>
<img src="/img/4.jpg" alt="input">
<h4>
<a href="/pages/4"><strike>Week 4: Recess</strike></a>
</h4>
<p>No lessons this week. Go outside and watch video's of cute animals.</p>
</article>
<article>
<img src="/img/5.jpg" alt="input">
<h4>
<a href="/pages/5">Week 5/6: Artwork</a>
</h4>
<p>No new theory is introduced. You can continue working on your artwork. We'll use lessons for feedback.</p>
</article>
</section>
<section>
<h3>Assignment</h3>
<h5>
Create a generative artwork using processing (p5.js) with the overarching theme of this minor;
<em>identity</em>
(the new intimacy). The artwork is unique and represents you as an individual.
</h5>
<a href="/pages/assignment">Read full Assignment</a>
</section>
<section>
<h3>Grading</h3>
<h5>You'll show the artwork you've created based on the live version and code in your repository. You'll be graded
on 4 general topics: creativity, complexity, interactivity & generativity.</h5>
<a href="pages/grading">View rubric and criteria</a>
</section>
<section>
<h3>Resources & inspiration</h3>
<h5>Dive into the world of processing. Here are resource to further your learning, cool examples of generative art
and resources to keep following.</h5>
<a href="/pages/resources">View resources and inspiration</a>
</section>
<section>
<h3>Examples</h3>
<h5>Code of live-demo's and instructions used during lessons. Most of them are hosted on the p5.js web editor.
</h5>
<a href="/pages/examples">View coded examples</a>
</section>
<blockquote>Generative Art is part of the Minor Visual Interface Design at the digital design focussed bachelor
Communication and Multimedia Design at the Amsterdam University of Applied Sciences.</blockquote>
</main>
<footer>
<a href="{{ '/pages/getting-started' | url }}">Getting started</a>
<a href="{{ '/pages/statements' | url }}">Statements</a>
<a href="{{ '/pages/code-of-conduct' | url }}">Code of Conduct</a>
<a href="{{ '/pages/contact' | url }}">Contact</a>
<a href="https://dlo.mijnhva.nl/d2l/le/content/275638/Home">Brightspace ↗</a>
<a href="https://github.com/cmda-minor-vid/generative-art-20-21">View GitHub ↗</a>
</footer>
</body>
</html>