-
Notifications
You must be signed in to change notification settings - Fork 0
/
OvenHouse.html
118 lines (100 loc) · 5.16 KB
/
OvenHouse.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
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
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Ovenhouse - Audrey Lee</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="title">Audrey Lee</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Projects</a></li>
<li><a href="resume.html">Resume</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Software Design: Ovenhouse</h1>
<span class="image fit">
<img src="images/OvenHouse.png" alt="" />
</span>
<p>
For this project, I worked in a group with three others to create a game that creates a suspenseful experience for the player. It is based off of the Grimm Fairy Tale Hansel and Gretel and the goal of this game is to reintroduce fairy tales and folk traditions to the next generation in a modern style; to keep us connected with our past while modifying it so that it fits the current trend. The artwork in this game heavily uses the colors black and white to achieve two goals: creating a chilling atmosphere and avoid insinuations about race and skin color. The vivid colors apart from black and white are meant to project a magical feeling as the player is captured by the witch and the only light they can see is limited to what is given by the witch.
</p>
<p>
I primarily worked on the controls and player interaction with the enemies and objects. I worked with the Python library “PyGame” to create this suspenseful game. To create the maps for each level, I set different characters to represent different objects and how the player would interact with them.
</p>
<p>
The code can be found on <a href="https://github.com/hkRho/OvenHouse">Github</a>
</p>
<p>
The website created by my team members and I can be found <a href="https://hkrho.github.io/OvenHouse/">here</a>
</p>
<!-- <div class="box alt">
<div class="row gtr-uniform">
<div class="col-7"><span class="image fit"><img src="images/NeuralTunes.png" alt="" /></span></div>
<div class="col-5"><span class="image fit"><img src="images/NeuralTunes2.png" alt="" /></span></div>
</div>
</div> -->
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Contact</h2>
<ul class="icons">
<!-- <li><a href="#" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands style2 fa-dribbble"><span class="label">Dribbble</span></a></li> -->
<li><a href="https://github.com/Audrey-Lee88" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
<!-- <li><a href="#" class="icon brands style2 fa-500px"><span class="label">500px</span></a></li>
<li><a href="#" class="icon solid style2 fa-phone"><span class="label">Phone</span></a></li> -->
<li><a href="https://www.linkedin.com/in/audrey-lee-3a08a1173/" class="icon brands style2 fa-linkedin"><span class="label">linkedin</span></a></li>
<li><a href="mailto:alee22@stanford.edu" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
</ul>
</section>
<ul class="copyright">
<li>Audrey Lee</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>