-
Notifications
You must be signed in to change notification settings - Fork 0
/
project-Innermost.html
115 lines (111 loc) · 6.17 KB
/
project-Innermost.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
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chunsu Ouyang - Portfolio</title>
<link rel="shortcut icon" href="favicon.ico" />
<!-- Load CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- Load Fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic" type="text/css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold" type="text/css" />
<!-- Load jQuery library -->
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<!-- Load custom js -->
<script type="text/javascript" src="scripts/panelslide.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
<!-- Load topcontrol js -->
<script type="text/javascript" src="scripts/scrolltopcontrol.js"></script>
<!-- Load NIVO Slider -->
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-theme.css" type="text/css" media="screen" />
<script src="scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="scripts/nivo-options.js" type="text/javascript"></script>
<!-- Load fancybox -->
<script type="text/javascript" src="scripts/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
</head>
<body>
<!--This is the START of the header-->
<div id="topcontrol" style="position: fixed; bottom: 5px; left: 960px; opacity: 0; cursor: pointer;" title="Go to Top"></div>
<div id="header-wrapper">
<div id="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" width="100" height="80" alt="logo" /></a></div>
<div id="header-text">
</div>
</div>
</div>
<!--END of header-->
<!--This is the START of the menu-->
<div id="menu-wrapper">
<div id="main-menu">
<ul>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
</div>
<!--END of menu-->
<!--This is the START of the content-->
<div id="content">
<!--This is the START of the NIVO slider-->
<div class="slider-wrapper theme-co">
<div id="slider" class="nivoSlider">
<img src="images/sample-project/slider-Innermost/slide0.jpg" alt="" title="#img0" />
<img src="images/sample-project/slider-Innermost/slide1.jpg" alt="" title="#img1" />
<img src="images/sample-project/slider-Innermost/slide2.jpg" alt="" title="#img2" />
<img src="images/sample-project/slider-Innermost/slide13.jpg" alt="" title="#img13" />
<img src="images/sample-project/slider-Innermost/slide3.jpg" alt="" title="#img3" />
<img src="images/sample-project/slider-Innermost/slide4.jpg" alt="" title="#img4" />
<img src="images/sample-project/slider-Innermost/slide10.jpg" alt="" title="#img10" />
<img src="images/sample-project/slider-Innermost/slide11.jpg" alt="" title="#img11" />
<img src="images/sample-project/slider-Innermost/slide5.jpg" alt="" title="#img5" />
<img src="images/sample-project/slider-Innermost/slide7.jpg" alt="" title="#img7" />
<img src="images/sample-project/slider-Innermost/slide8.jpg" alt="" title="#img8" />
<img src="images/sample-project/slider-Innermost/slide9.jpg" alt="" title="#img9" />
</div>
<div id="slider-shadow"></div>
</div>
<!--END of NIVO Slider-->
<!--This is the START of the project-->
<div class="project">
<div id="description">
<h3>INNERMOST</h3>
<p>Entertainment Studio 2019-2020, led by Natasha Sandmeier & Nathan Su. </p>
<p>Project by Chunsu Ouyang, Tianyi Song, Xianrui Wang.</p>
<p>Software: Rhino, Cinema 4D, Unreal Engine 4 </p>
<br>
<br>
<h5>In this game, planetary terraforming is used as a procedural metaphor for self-discovery and interpersonal communication that people embark upon in everyday life.
The objective of the game is for each player to reach their own planetary world and to reveal its character, which in turn symbolises the player's own nature as an individual person and member of the game world's interplanetary terraforming system.
A new player progresses from tourist in the worlds of others to caretaker / environmental architect of their own world through journeys of strategic exploration, terraforming and resource exchange. With each task they complete, a player uncovers new information about the nature of the planet that is waiting for them.
<br><br>
The game narrative is from a streamer who played this game as a new player and was obsessed with building/exchanging/terraforming in the worlds of others. Finally his obsession costs the well-being of his own planet.</h5>
</div>
</div>
<!--END of project-->
<iframe src="https://player.bilibili.com/player.html?aid=328495264&bvid=BV1qA411v7y2&cid=199938146&page=1" width="720" height="405" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<p>2020 INNERMOST - OFFCIAL TRAILER<a class="readmore" href="https://www.bilibili.com/video/BV1qA411v7y2">Bilibili</a></p>
<br>
<iframe src="https://player.bilibili.com/player.html?aid=285939692&bvid=BV1ff4y127ry&cid=199943876&page=1" width="720" height="405" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<p>2020 INNERMOST - OFFCIAL VIDEO<a class="readmore" href="https://www.bilibili.com/video/BV1ff4y127ry">Bilibili</a></p>
<br>
<img src="images/sample-project/slider-Innermost/slide00.jpg" />
<br>
<img src="images/sample-project/slider-Innermost/slide6.jpg" />
<br>
<img src="images/sample-project/slider-Innermost/slide12.jpg" />
<br>
<img src="images/sample-project/slider-Innermost/slide14.jpg" />
<br>
<img src="images/sample-project/slider-Innermost/slide15.jpg" />
<br>
<img src="images/sample-project/slider-Innermost/slide16.jpg" />
<!--This is the START of the gallery-->
<div class="spacer"></div>
</div>
<!--END of content-->
</body>
</html>