-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproj12.html
79 lines (67 loc) · 4.21 KB
/
proj12.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/work.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="libraries/p5.js"></script>
<script src="libraries/p5.dom.js"></script>
<script src="libraries/p5.sound.js"></script>
<script src="javascript/main.js"></script>
<title>WORK | Angelabelle</title> <!-- Your Name/Website Name Here -->
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body onresize="displayNav()">
<header id="navBar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a class="active" href="work.html">Artwork</a></li>
<li><a href="artiststatement.html">Statement</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</header>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
<div class="project">
<div id="multipleImages">
<img id="img3" src="images/peek.jpg">
<img id="img3" src="images/doc1.gif">
<img id="img3" src="images/doc4.jpg">
<img id="img3" src="images/doc3.png">
<img id="img3" src="images/doc2.png">
</div>
<div id="description">
<p>"Peek"</p>
<p>AR Poise App</p>
<p>2020</p>
<br>
<p>
"Peek" is an AR piece that showcases windows into the past of San Diego City, specifically into the Filipino history their. To experience this piece, the ARpoise app by Tamiko Thiel must be downloaded. After, double click on the
ARpoise icon, enter lat/lat: 32 long: -122, click on layer RhAngelabelle.
<br /><br />
San Jose’s Hidden Histories Artist Call had inspired me to think of my connections, and things that I have overlooked. San Jose to many here, is San Diego to me. I was born in the Philippines but I was raised in San Diego. I lived my
life always looking forward growing up. There was history I had not known about. There were Filipinos that were there before me and they had lives far different from mine. This was my chance to take a peek.
<br /><br />
In the articles I came across, the Filipinos were subjected to live and work in downtown San Diego, which was also known as the “skid row”.But there were silver linings in these histories. One was the lively hood of the night around
the cafes and dance halls. In the article, one interviewee had stated that it had “made racism seem less important.” People came there to dance and enjoy themselves. So you would see a lot of Filipinos, Mexicans, and White Americans
dancing together, even with the racial tension. I peiced gathered images from the article https://sandiegohistory.org/journal/v54-1/pdf/Guevarra.pdf. This peek into history has allowed me to be more grateful for the times we have
now, and reflect on our current situation and be hopeful about pushing through.
<br />
<br />
<h4>Process:</h4>
I used unity for most of the creation for this final project. For the window, I followed the tutorial, https://www.youtube.com/watch?v=iV683Zf51Us, to add a "portal" into the history. It required making two custom shaders and
attaching it to materials. You then would attach one material to the window, and the seperate material for the object that needs to be viewed only within the window (each image had a unique material). I felt that seeing a parallax
between the window and image gave it more of a feeling that the window was in the space of the user.
<br />
<br />
At first I thought I wanted a portal to open up, but I think the simplicity of a window frame gave it a more humble and home-y feeling.
</p>
</div>
</div>
<footer>
<p>© Angelabelle Abarientos 2020</p>
</footer>
</body>
</html>