-
Notifications
You must be signed in to change notification settings - Fork 0
/
harmonionz.html
192 lines (156 loc) · 9.22 KB
/
harmonionz.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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!-- /*
* Template Name: Untreefolio
* Template Author: Untree.co
* Tempalte URI: https://untree.co/
* License: https://creativecommons.org/licenses/by/3.0/
* Modified by Eunjin Choi : https://jech2.github.io
*/ -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Untree.co">
<link rel="icon" href="images/personal/eunjinChoi_color_circle.png"/>
<link rel="apple-touch-icon" href="images/personal/eunjinChoi_color_circle.png"/>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/vendor/icomoon/style.css">
<link rel="stylesheet" href="css/vendor/owl.carousel.min.css">
<link rel="stylesheet" href="css/vendor/aos.css">
<link rel="stylesheet" href="css/vendor/animate.min.css">
<link rel="stylesheet" href="css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="css/vendor/jquery.fancybox.min.css">
<link rel="stylesheet" href="css/css/bootstrap/bootstrap.css">
<!-- Theme Style -->
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".site-nav-target" data-offset="200">
<nav class="unslate_co--site-mobile-menu">
<div class="close-wrap d-flex">
<a href="#" class="d-flex ml-auto js-menu-toggle">
<span class="close-label">Close</span>
<div class="close-times">
<span class="bar1"></span>
<span class="bar2"></span>
</div>
</a>
</div>
<div class="site-mobile-inner"></div>
</nav>
<div class="unslate_co--site-wrap">
<div class="unslate_co--site-inner">
<nav class="unslate_co--site-nav site-nav-target">
<div class="container">
<div class="row align-items-center justify-content-between text-left">
<!-- <ul class="site-nav-ul js-clone-nav text-left d-none d-lg-inline-block">
<li class="has-children">
<a href="#home-section" class="nav-link">Home</a>
<ul class="dropdown">
<li>
<a href="#">Menu 1</a>
</li>
<li>
<a href="#">Menu 2</a>
</li>
<li>
<a href="#">Menu 3</a>
</li>
<li>
<a href="#">Menu 4</a>
</li>
<li>
<a href="#">Menu 5</a>
</li>
</ul>
</li>
<li><a href="#portfolio-section" class="nav-link">Portfolio</a></li>
<li><a href="#about-section" class="nav-link">About</a></li>
</ul> -->
<div class="col-md-5 text-left">
<a href="index.html" class="unslate_co--site-logo">EUNJIN CHOI<span></span></a>
</div>
<div class="col-md-5 text-right">
<ul class="site-nav-ul js-clone-nav text-left d-none d-lg-inline-block">
<!--<li><a href="blogs.html" class="nav-link">Blog</a></li>-->
<li><a href="index.html#projects" class="nav-link">Projects</a></li>
<li><a href="publications.html" class="nav-link">Publications</a></li>
<li><a href="https://github.com/jech2/jech2.github.io/raw/master/files/cv_eunjinchoi.pdf" download="cv_eunjinchoi.pdf" class="nav-link">CV</a>
</li>
</ul>
<ul class="site-nav-ul-none-onepage text-right d-inline-block d-lg-none">
<li><a href="#" class="js-menu-toggle">Menu</a></li>
</ul>
</div>
</div>
</div>
</nav>
<!-- END nav -->
<div class="container">
<div class="portfolio-single-wrap unslate_co--section" id="portfolio-single-section">
<div class="portfolio-single-inner">
<!-- <h2 class="heading-portfolio-single-h2">Shoe Rebranding</h2> -->
<div class="row justify-content-between mb-5 contents">
<div class="col-12 mb-4">
<div class="owl-carousel single-slider">
<figure class="mb-4 align-items-center">
<a href="images/projects/harmonionz/resized_874_506/harmonionz_main.png" class="portfolio-item isotope-item" data-fancybox="gallery">
<img src="images/projects/harmonionz/resized_874_506/harmonionz_main.png" alt="Image" class="w-100 img-fluid resize_image_full_sz">
</a>
</figure>
<figure class="mb-4 align-items-center">
<a href="images/projects/harmonionz/resized_874_506/harmonionz_target_activation.png" class="portfolio-item isotope-item" data-fancybox="gallery">
<img src="images/projects/harmonionz/resized_874_506/harmonionz_target_activation.png " alt="Image" class="w-100 img-fluid resize_image_full_sz">
</a>
</figure>
<figure class="mb-4 align-items-center">
<a href="images/projects/harmonionz/resized_874_506/harmonionz_backgrounds.png" class="portfolio-item isotope-item" data-fancybox="gallery">
<img src="images/projects/harmonionz/resized_874_506/harmonionz_backgrounds.png " alt="Image" class="w-100 img-fluid resize_image_full_sz">
</a>
</figure>
<figure class="mb-4 align-items-center">
<a href="images/projects/harmonionz/resized_874_506/harmonionz_tutorials.png" class="portfolio-item isotope-item" data-fancybox="gallery">
<img src="images/projects/harmonionz/resized_874_506/harmonionz_tutorials.png " alt="Image" class="w-100 img-fluid resize_image_full_sz">
</a>
</figure>
</div>
</div>
<div class="col-md-3 pr-md-5">
<p class="artist">Harmonionz,</p>
<p class="artist">Rescue the Planet</p>
<p class="piece_title">Pitch Visualizing Voice Game</p>
</div>
<div class="col-md-9 pl-md-5">
<p><하모니언즈>는 2020년 KAIST와 NCSOFT의 R&D 프로젝트 수업을 통해 작업하였으며, 해당 수업에서 1등을 수상하였다. 작업은 CHI Play 2021 학회에서 발표되었다 <a href="https://dl.acm.org/doi/10.1145/3450337.3483510">[링크]</a>. <하모니언즈>에서 최은진은 게임 디자인과 개발에 참여하였다. 해당 게임은 사용자의 음성 입력으로부터 실시간으로 음의 주파수를 분석하여 이를 색상으로 시각화하였다. 그리고, 사용자의 음성 입력이 게임 메커닉 뿐만 아니라 게임 세계관과 스토리, 비주얼, 사운드에 영향을 미친다는 점에서 기존 보이스 게임과 차별화된다. 작업의 상세 정보는 다음의 <a href="https://fish-gasosaurus-a31.notion.site/Harmonionz-ac64f24cd29b46feb702331dafa561d0">[링크]</a>에서 확인할 수 있다.</p>
<P><i>Harmonionz, Rescue the Planet</i> was developed during the R&D project class of KAIST and NCSOFT in 2020, and won the first prize in the class. The work was presented at the CHI Play 2021 conference <a href="https://dl.acm.org/doi/10.1145/3450337.3483510">[link]</a>. Eunjin participated in game design and game mechanic development. The game analyzed the frequency of the sound in real time from the user's voice input and visualized it in color. In addition, it is differentiated from existing voice games in that the user's voice input affects not only game mechanics but also game worldviews and stories, visuals, and sounds. Details of the project can be found at the following <a href="https://www.youtube.com/watch?v=dlyewHH4a98">[link]</a>.</P>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="unslate_co--footer unslate_co--section">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-7">
<div class="footer-site-logo"><a href="#">CONTACTS</a></div>
<ul class="list-unstyled social-icons light">
<li><a href="https://www.github.com/jech2"><span class="icon-github"></span></a></li>
<li><a href="mailto:jech@kaist.ac.kr"><span class="icon-envelope"></span></a></li>
<!--<li><a href="https://soundcloud.com/jech_2"><span class="icon-soundcloud"></span></a></li>-->
</ul>
<p class="site-copyright"><small>Template was designed with love by <a href="https://untree.co" target="_blank" rel="nofollow noopener">Untree.co</a> • <a href="https://untree.co/license" target="_blank" rel="nofollow noopener">License</a> </small></p>
</div>
</div>
</div>
</footer>
</div>
<!-- Loader -->
<div id="unslate_co--overlayer"></div>
<div class="site-loader-wrap">
<div class="site-loader"></div>
</div>
<script src="js/scripts-dist.js"></script>
<script src="js/main.js"></script>
</body>
</html>