-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcs.html
132 lines (124 loc) · 6.09 KB
/
cs.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
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>CS</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>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Dalong Hu</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home & About</a></li>
<li><a href="cs.html">CS</a></li>
<li><a href="art.html">Art</a></li>
<li><a href="animation.html">Animation</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Main -->
<article id="main">
<header>
<h2>Computer Science Projects</h2>
</header>
<section class="wrapper">
<section class="spotlight">
<div class="image">
<div class="iframe-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/ARI7Si1KIOM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
<div class="content">
<h2>Rogue Element</h2>
<p>I worked in a 5 person team to create a Unity Game. There was a lot of scripting in C++, and I got to experience the development pipeline.
This video is a demo made by one of my teammates.
</p>
</div>
</section>
<section class="spotlight">
<div class="image">
<div class="iframe-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/7UJl7_joBkc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div>
</div>
<div class="content">
<h2>Wallpaper groups</h2>
<p>This is one of the projects from a computational aesthetics course where we used Processing to create various applications.
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/GBA gif.gif" alt="" /></div><div class="content">
<h2>Jiangshi CyberExorcist</h2>
<p>A sidescrolling shooter game within a simulated Game Boy Advanced device architecture.
I programmed it using C and did the pixel-based art with Usenti.
It makes use of a state machine, animated sprites, music, and parallax backgrounds.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><video controls style="width: 100%; object-fit: cover"><source src="images/HackerGame.mp4" type="video/mp4"></video></div><div class="content">
<h2>Hacker Unity Interactive Scene</h2>
<p>This is a simple interactive scene I made in Unity. I built and textured the models in Maya, and the sounds are creative commons material. Break all the barriers and access the sacred file!</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/Nordir.png" alt="" /></div><div class="content">
<h2>Nordir</h2>
<p>Nordir is a visual novel style game I created with Chris McErlain, Austin Linquist, Pratheek Lakkireddy, and Sofia Gomes.
My main role was as the art director. You can play Nordir <a href="https://pratheekl22.github.io/CMGame1/" target=”_blank”>here. </a>
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><video controls style="width: 100%; object-fit: cover"><source src="images/BumblebeeDog Abduction.mp4" type="video/mp4"></video></div><div class="content">
<h2>BumblebeeDog Abduction Animation</h2>
<p>I coded this animation using the three.js graphics library. The scene incorporates camera and multiple object motions, and is made from three.js primitives and materials.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/Investigation.png" alt="" /></div><div class="content">
<h2>Investigation</h2>
<p>An escape-style horror/mystery game created with Unity and Maya.
This was done as a group project, and my primary responsibility was 3D modeling in Maya.
For more details such as a video demo, check out our
<a href="https://dalonghu777.wixsite.com/investigation" target=”_blank”>project website!</a></p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/Space.png" alt="" /></div><div class="content">
<h2>Space</h2>
<p>During my study abroad in China's Tsinghua University, I collaborated with Fan Ting Wei, Hiroki Endo, and Jonathan Schneider to design an iPhone app using Axure.
The main purpose of the app is to reserve spaces in cafes. It has a social networking component as well, and we focused on human-computer interaction.
</p>
</div>
</section>
</section>
</article>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>