forked from hbk-bs/digicom-2425-the-archives
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblinkenlichten.html
34 lines (27 loc) · 2.3 KB
/
blinkenlichten.html
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<title>{the archive of maggie}</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<a class="gotop" href="#">^</a>
<a class="goback" href="index.html">back</a>
<h1>blinkenlichten</h1>
<p>Das letzte Projekt war einen Prototypen zu Blinkenlichten zu machen. Meine Gruppe tat sich aus Johanna, Maddy, Sarah und mir zusammen. Passend zum Thema "Stadt", welches sich durch Brainstorming mit den anderen Gruppen, entschieden wir uns dazu zwei Häusergruppen, bei denen die Lichter durch einen Bewegungsmelder angehen, zu erstellen. Der dazugehörige Code ist sehr simpel gehalten (man hätte hier noch eine weiteren loop hinzufügen können, der die Lichter nacheinander wieder ausgehen lässt.), da wir uns auf Quantität konzentriert haben. Wie hätte man den Prototyp noch ausbauen können? Man könnte noch mehr Häuser hinzufügen, damit es wirklich viele Häuser wären. Man könnte die Häuser auf Kopfhöhe aufstellen, dass man die Illusion hat, auf einer Straße langzulaufen. Dazu könnte man kleine Eastereggs in den Fenstern der Häuser platzieren. </p>
<a href="/the-archives-2mars01/code.html"><p>code</p></a>
<video src="https://hbk-bs.github.io/the-archives-2mars01/assets/images/blinkenlichtenvid2.MP4" autoplay="" muted="" loop=""></video>
<video src="https://hbk-bs.github.io/the-archives-2mars01/assets/images/blinkenlichtenvid3.MP4" autoplay="" muted="" loop=""></video>
<img src="https://hbk-bs.github.io/the-archives-2mars01/assets/images/blinkenlichten3.png" >
<img src="https://hbk-bs.github.io/the-archives-2mars01/assets/images/blinkenlichten5.png">
<img src="https://hbk-bs.github.io/the-archives-2mars01/assets/images/blinkenlichten2.png">
<video src="https://hbk-bs.github.io/the-archives-2mars01/assets/images/blinkenlichten6.mp4" autoplay="" muted="" loop=""></video>
<img src="https://hbk-bs.github.io/the-archives-2mars01/assets/images/blinkenlichten4.png">
<img src="https://hbk-bs.github.io/the-archives-2mars01/assets/images/blinkenlichten1.png">
<footer>digital basics | winter semester 24/25 | margarethe schäfer</footer>
<script src="index.js"></script>
</body>
</html>