-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (145 loc) · 6.63 KB
/
index.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-147629121-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-147629121-1');
</script>
<title>Weiyan Zhu | Portfolio</title>
<meta http-equiv = "refresh" content = "0; url = http://www.weiyanz.com" />
<link rel="shortcut icon" type="image/x-icon" href="pictures/profile.png" />
<link rel = "stylesheet" type = "text/css" href = "CSS/style.css">
</head>
<body>
<!--Name and major-->
<div id = "information">
<br><br>
<h1 style="line-height: 0; font-size:350%; margin-left: -1%">Weiyan Zhu </h1>
<p style="line-height: 0"> Computer Science </p>
<p style="line-height: 0"> Senior at University of California, Irvine </p>
<br>
</div>
<!--my profile
<div>
<br>
<img src="pictures/box1.PNG" alt="profile background" id ="profile_bg"/>
<img src="pictures/profile.png" alt="profile" id="profile_img" />
<pre style="font-size: 20px;padding-top: 10px">
Good morning, this is Wayne!
I love game development and I have several projects I worked on in my free time.
In this portfolio I am going to talk about them.
Thank you for viewing!
</pre>
<br/>
</div>-->
<!--Navigation Bar-->
<ul class = "navigation">
<!--<li><a>Home</a></li>-->
<li class = "currentPage"><a>Recent Project</a></li>
<li><a href="./past_project.html" target="_self">Past Project</a></li>
</ul>
<br/>
<!--projects-->
<!--It's the first project, make top border thicker-->
<!--Along Together-->
<div class="project" style="border-top-width:8px">
<img class="project_screenshot_right" src="pictures/aloneTogether.gif" alt="Alone Together"
style="width: 540px;height:auto;padding-top: 70px">
<br/>
<pre>
<b>Alone Together 2019 Fall - Present
Programmer on a 6-member team</b>
This is the project for the Capstone class I am taking at UC Irvine. We
have been working on it for one quarter. Since we are in the middle of
developing this game, there are still many things we need to do. The
most enjoyable work I have done during this projects are the map
generation and a little shaders.
It is a roguelike game, so we want to procedurally generate the map. I
read about how other roguelike games generate their maps, and then
made a map generator that fits our design. The map consists of map
pieces of different sizes, and we populate the items inside each map
piece to add more randomness to the game.
Since I am learning about shaders, I also tried to write some shaders
for the project. I used dissolve shader, fresnel shader and stencil
buffer during this project. This may not be a lot, but I am having
fun writing them.
<!--<a href="https://github.com/UCI-TPL/169a-b-F19-W20-Team-Overscoped" target = "_blank">GitHub</a>
<a href="" target = "_blank">Click me to play the game!</a>-->
</pre>
</div>
<!--Chibi Inu-->
<div class="project">
<img class="project_screenshot_right" src="pictures/ChibiInu.gif" alt="Chibi Inu"
style="width: 500px;height:auto;padding-top: 50px">
<br/>
<pre>
<b>Chibi Inu 2018 Fall - 2019 Spring
Programmer on a 5-member team</b>
It is a 2D platformer game about a dog. I joined this project in
the middle, so I spent much time reading and understanding existing
code when I need to touch or use them.
Although it is a 2D platformer game, the mechanic is already
implemented when I joined the team. I worked on things like the save
system, dialogue system and cutscenes. I also made the UI to create
and select save file at Main Menu. For the dialogue system, I serialized
text information to json files to make it easier for localization if we want
to do that in the future. I also modified the timeline in Unity to create
dialogue tracks and made the cutscenes for this game. My teammates
are skillful at their fields, and I had a good experience working on this
project.
<a href="https://github.com/LunaLuna7/ChibiInu" target = "_blank">GitHub</a>
<a href="https://lunagames.itch.io/chibi-inu" target = "_blank">Click me to play the game!</a>
</pre>
</div>
<!--Lobster-->
<div class="project" style="border-bottom-width:8px">
<img class="project_screenshot_right" src="pictures/lobster.gif" alt="lobster revolution"
style="width: auto;height:360px;padding-top: 40px">
<br/>
<pre>
<b>Lobster Revolution 2018 Fall
Programmer on a 7-member team</b>
This is a card game about lobsters! We have been working on this
project for a whole month and I am working on the battle system.
I have never maken digital card games before, so I enjoy programming
this game.
The first thing I tried to implement is dragging the card to floor.
I used raycast to check what player touches when they press down and
release mouse, so I can know if they are clicking a card and if they
are dragging it to a spot on the floor. Later there are more things
to check, like commanding lobsters to attack/denfense and choosing
targets/materials. I add variables to store the current states of
the game and test different stuffs when player press down/release
mouse button at different states.
<a href="https://github.com/BMarcelus/LobsterDuel" target = "_blank">GitHub</a>
<a href="https://niborious.itch.io/lobster-revolution" target = "_blank">Click me to play the game!</a>
</pre>
</div>
<br>
<!--contact info-->
<div class = "contact">
<table class = "contact">
<tr>
<td class="contact">Contact:</td>
</tr>
<tr>
<td>[email protected]</td>
<td><a href="https://github.com/TomatoOmelet" target="_blank" class="contact">GitHub</a></td>
</tr>
<tr>
<td>949-247-6667</td>
<td><a href="https://www.linkedin.com/in/weiyan-zhu/" target="_blank " class="contact">LinkedIn</a></td>
</tr>
</table>
<!--<img src="pictures/tree.png" alt="Christmas Tree picture" id="ChristmasTree">-->
</div>
<!--<img src="pictures/ChristmasGround.png" alt="bottom picture" id="bottomGround">-->
<!--Canvas to draw snow
<canvas width = "2000px" height = "1000px" id="canvas"></canvas>
<script src="scripts/snowing.js"></script> -->
</body>
</html>