forked from avseoul/avseoul.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
119 lines (105 loc) · 7.34 KB
/
Copy pathindex.html
File metadata and controls
119 lines (105 loc) · 7.34 KB
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
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<!--meta-->
<meta charset="UTF-8">
<meta name="description" content="Sehyun av Kim's(also know as 'visualozik') official portfolio web page">
<meta name="author" content="av.seoul@gmail.com">
<meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
<!--title-->
<title>avseoul.net</title>
<!--google analytics-->
<script async="" src="//www.google-analytics.com/analytics.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-38060585-3', 'auto');
ga('send', 'pageview');
</script>
<!-- webfont -->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Ubuntu" />
<!--js-->
<script type="text/javascript" src="/avseoul/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/avseoul/js/set_mobile_css.js"></script>
<script type="text/javascript" src="/avseoul/js/random_screening.js"></script>
<script type="text/javascript" src="/avseoul/js/main.js"></script>
<!--css-->
<link type="text/css" rel="stylesheet" href="/avseoul/css/style.css">
</head>
<body>
<div id="header">
<div align="right">
<raindow_p><a href="/">>plain</a></raindow_p>
<raindow_p><a class="is_fucked onclick_link" onclick="render_rainbow()">>rainbow</a></raindow_p>
<raindow_p><a class="onclick_link" onclick="links_alive()">>links alive</a></raindow_p>
</div>
<div id='logo'>
<img id='logo_img' src='/avseoul/assets/img/logo.png'>
</div>
<div id="others_link">
<div align="right">
<raindow_p><a href="https://github.com/avseoul" target="_blank">>github</a></raindow_p>
<raindow_p><a href="https://www.linkedin.com/in/avseoul/" target="_blank">>linkedin</a></raindow_p>
</div>
</div>
<div id="bio">
<p style="margin-bottom:5px;">My name is Sehyun Kim (also known as ‘av’ or ‘visualozik’). I am a computer graphics artist and also creative technologist from Seoul, Korea.</p>
<p style="margin-bottom:5px;">I started my career in 2007 as a freelance 3d motion graphics designer and indie music video director. I co-found a visual studio ‘visualozik’ in 2009. We started to expand our body of work into a variety of directions, that range, from 3d projection mapping, experimental film, graphic design, motion graphic, 3d animation, commercials, music video, and more.</p>
<p style="margin-bottom:5px;">In 2014, I moved to New York, studied creative coding, specifically regards to realtime 3d computer graphics in various platforms including AR/VR, for my master's degree at Interactive Telecommunications Program (ITP) in New York University. </p>
<p style="margin-bottom:5px;">I was a creative developer at FakeLove, I mainly develop and design computer graphics assets/rendering module for installations/mobile apps/AR content with OpenGL/GLSL in various frameworks such as Cinder, openFrameworks, three.js, unity3D. </p>
<p style="margin-bottom:30px;">I personally enjoy creating sketches with shader. To see my personal <a href="https://www.instagram.com/avseoul/" target="_blank">instagram account</a> been turning into a small gallery of my shader works, I also enjoy as well. Though a long time of my experience and career in 3d graphics, I'm still big fans of old school 2d pixels manipulations, especially in glitch due to its artistic output and due to reminiscences of my youth in 90's </p>
</div>
<div id="cv_link">
<div align="right">
<raindow_p><a href="/avseoul/assets/resume/2018.03_sehyun.av.kim_resume.pdf" target="_blank">>download resume</a></raindow_p>
</div>
</div>
</div>
<div class="container">
<div id="works_title" style="margin-bottom:20px;"><container_title>
Random Screening</container_title></div>
<div id="random_selected_works"></div>
<div align="right">
<raindow_p><a class="onclick_link" onclick="set_random_screening()">>shuffle</a></raindow_p>
</div>
</div>
<div class="container">
<div id="works_title" style="margin-bottom:20px;"><container_title>Check out my the most recent <i><temp style='color:red;'>S</temp><temp style='color:orange;'>h</temp><temp style="color:green;">a</temp><temp style="color:blue;">d</temp><temp style="color:indigo;">e</temp><temp style="color:purple;">r</temp></i> sketches</container_title></div>
<a href="https://www.instagram.com/avseoul/" target="_blank"><img src="/avseoul/assets/img/quickavsketch01.png" width="300px"></a>
<raindow_p>*<a href="https://www.instagram.com/avseoul/" target="_blank">MY PERSONAL ONLINE GALLERY</a></raindow_p>
<p style="margin-bottom: 30px;"></p>
</div>
<div class="container">
<div id="works_title" style="margin-bottom:20px;"><container_title>Check out my recent realtime <i><temp style='color:red;'>W</temp><temp style='color:orange;'>e</temp><temp style="color:green;">b</temp><temp style="color:indigo;">G</temp><temp style="color:purple;">L</temp></i> sketches</container_title></div>
<a href="/GLITCH_SKULL" target="_blank"><img src="/avseoul/assets/img/webgl_sku.jpg" width="300px"></a>
<raindow_p>*<a href="/GLITCH_SKULL" target="_blank">GLITCH SKULL - realtime audio reactive sketch</a></raindow_p>
<p style="margin-bottom: 20px;"></p>
<a href="/FUZZY_BLOB" target="_blank"><img src="/avseoul/assets/img/webgl_fuz.jpg" width="300px"></a>
<raindow_p>*<a href="/FUZZY_BLOB" target="_blank">FUZZY BLOB - realtime audio reactive sketch</a></raindow_p>
<p style="margin-bottom: 20px;"></p>
<a href="/BAD_SIGNALS" target="_blank"><img src="/avseoul/assets/img/webgl_bad.gif" width="300px"></a>
<raindow_p>*<a href="/BAD_SIGNALS" target="_blank">BAD SIGNALS - realtime audio reactive sketch</a></raindow_p>
<p style="margin-bottom: 20px;"></p>
<a href="/particleEqualizer" target="_blank"><img src="/avseoul/assets/img/webgl_peq.jpg" width="300px"></a>
<raindow_p>*<a href="/particleEqualizer" target="_blank">particle equalizer - realtime audio reactive sketch</a> 👈 got featured on <a class="is_fucked" href="https://experiments.withgoogle.com/chrome/webgl-particle-audio-visualizer" target="_blank">Chrome Experiment</a> by Google</raindow_p>
<p style="margin-bottom: 20px;"></p>
<a href="/webgl_particle_system_001" target="_blank"><img src="/avseoul/assets/img/webgl_par.jpg" width="300px"></a>
<raindow_p>*<a href="/webgl_particle_system_001" target="_blank">webgl particle system 001 - simple particle system</a></raindow_p>
<p style="margin-bottom: 30px;"></p>
</div>
<div id="container">
<div id="works_title"><container_title>Selected Works</container_title></div>
</div>
<div id="footer">
<div id="works_title" style="margin-bottom:20px;"><container_title><i>Website Design History</i></container_title></div>
<p>*<a href="https://player.vimeo.com/video/251593442" target="_blank">Jan.2018</a></p>
<p>*<a href="https://player.vimeo.com/video/230390388" target="_blank">Aug.2017</a></p>
<p>*<a href="https://player.vimeo.com/video/169792176" target="_blank">Jun.2016</a></p>
<p style="margin-top: 20px;"></p>
<img src="avseoul/assets/img/web_thumbnail.jpg" width="100px">
</div>
</body>
</html>