/
projectHighlight.html
640 lines (597 loc) · 34.2 KB
/
projectHighlight.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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
<html>
<head>
<meta charset="UTF-8">
<title>aven:: artist</title>
<link rel="icon" href="images/logo.png">
<link rel="apple-touch-icon" sizes="57x57" href="images/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-icon-144x144.png" />
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<section id="bar">
<a href="index.html"><img src="images/logo.svg" width=180 class="logo"></a>
<nav>
<p style="text-align: center;">I enjoy coffee, beer, hotpot and extreme sports.
<br><br>
"Meanwhile, I do {} for profession".format<br>(a, v, e, n)</p>
<ul>
<!-- <li>
<a href="index.html"><span class="tab_highlight">Projects</span></a>
</li> -->
<li>
<a href="practice.html"><span>a = Practice</span></a>
</li>
<li>
<a href="research.html"><span>v = Research</span></a>
</li>
<li>
<a href="professorship.html"><span>e = Professorship</span></a>
</li>
<li>
<a href="entrepreneurship.html"><span>n = Entrepreneurship<br>(postponed)</span></a>
</li>
<li id="contact_aven">
<a href="about.html"><span>About</span></a>
</li>
<!-- <li >
<a data-email="hi@aven.cc" href="mailto:hi@aven.cc"><span>hi@aven.cc</span></a>
</li> -->
</ul>
</nav>
</section>
<article>
<section id="highlight" class="content">
<h2><strong>Project Highlight</strong> (updated 02/2019)</h2>
<p class="description">
<strong>Chinese New Literati, 2018 - </strong>
<br><br>
With strong recent interests in cultural innovation and creative artificial intelligence, I've created a project series titled “Chinese New Literati, 2018 - ”, this installations series includes both screen-based and physical interactive experiences, and all engage participants to interact with the system(s). This one series generally aims at assisting users to create, enjoy and appreciate Chinese traditional arts and culture. For instance:
<br><br>
1. “ShanshuiDaDA, 2018” is a screen-based installation, which users can doodle lines and ShanshuiDaDA (the AI) can help generate Chinese Shanshui painting based on the input. The project is widely exhibited around the world and highly evaluated.
<br><br>
2. “Known beauty, 2019”, and “Fusion Beauty,2019” are WeChat mini-programs that are designed and developed for top Chinese museums: Shanghai Museum and Hunan Museum. Those APPs can transfer the selfie of the user into the style of art crafts and emerge the result into the original artwork, so the user can search the hidden face and engage in the interaction with the arts and culture. This project(s) won the first prize in the Tencent Next Idea Competition.
<br><br>
3. Other projects such as “ZICHI, 2018” and “The City of Love” are interactive music systems in which players will play with the AI and perform Chinese traditional music. “Walking through Shanshui, 2019” is a room-size interactive installation that can capture participants' movements and transfer that into Chinese Shanshui paintings.
<br><br>
Here is a video list demonstrate Chinese New Literati Series, click to <a href="https://vimeo.com/showcase/6803518">vimeo</a>. Or checkout the highlighted project as following:
</P>
</section>
<section id="fusionbeauty" class="project p5js python">
<div class="project_logo">
<a href="projects/fusionbeauty.html">
<img class="project_img" src="images/projects/fusionbeauty/project_logo.png" width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
“湖湘画中人”(Fusion Beauty)是一个人工智能赋能文创的新体验。以人工智能作为文博教育的新载体,在交互游戏的形式中传播传统弘扬文化。artMachines选取来自湖南省博物馆的十二件代表文物训练人工智能识别并学习其图案、纹理等特征风格,将人物的照片和湖湘的典型文物风格相融合、将人物“文物风格化”,并更进一步地将“风格化”的人物融入、藏入到这些国宝中以构建在国宝中寻物的互动。
</p>
<p class="project_title">Fusion Beauty</p>
<p class="project_time">Sep 2019 - Dec 2019</p>
<div class="project_lan">
Language:
<a href="p5js.html" target="_blank">p5js</a>
<a href="python.html" target="_blank">Python</a>
</div>
<div class="project_link">
<a href="https://vimeo.com/358969349" target="_blank">video</a>
</div>
</section>
<section id="knownbeauty" class="project p5js ml5js">
<div class="project_logo">
<a href="projects/knownbeauty.html">
<img class="project_img" src="images/projects/knownbeauty/project_logo.png" width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
“Known Beauty 不知侬是画中人” is a commission project by Tencent Next Idea Competition. The idea is to transfer the selfie of a participant to the style of an art crafts and hide/emerge the result into the original piece. With the technology advancements in AI, we design and build softwares to bring the culture to live and present it with modern language, so to draw public's interests to the tradition.
</p>
<p class="project_title">Known Beauty</p>
<p class="project_time">August 2019</p>
<div class="project_lan">
Language:
<a href="p5js.html" target="_blank">p5js</a>
<a href="ml5js.html" target="_blank">ml5js</a>
</div>
<div class="project_link">
<a href="https://vimeo.com/358969349" target="_blank">video</a>
<a href="https://artmachines.net/knownbeauty5">interact prototype</a>
</div>
</section>
<section id="thecityoflove" class="project python">
<div class="project_logo">
<a href="projects/thecityoflove.html">
<img class="project_img" src="images/projects/thecityoflove/project_logo.png" width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
"The city of love 爱乐之城" is an artificial intelligence powered performance project and a collaboration among four different organizations at the city of Shanghai, including Tong Ji University, Shanghai Conservatory of Music, Shanghai Institute of Visual Art, and New York University, Shanghai. The performer will play a laser Guzhen with the AI powered audio-visual system in duo.
</p>
<p class="project_title">The City of Love</p>
<p class="project_time">April 2019 - May 2019</p>
<div class="project_lan">
Language:
<a href="python.html" target="_blank">Python</a>
</div>
<div class="project_link">
</div>
</section>
<section id="thespritofshanshui" class="project processing">
<div class="project_logo">
<a href="projects/thespiritofshanshui.html">
<img class="project_img" src="images/projects/thespiritofshanshui/project_logo.png" width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
“The Spirit of Shanshui” is an interactive installation by which the participant moves in front of a Kinect camera and abstract geometries - symbolized mountain and water elements - will bump-up from their head, fall and bounce. This installation utilizes interactive visual simulation for entertainment, and to encourage the eastern Shanshui painting tradition.
</p>
<p class="project_title">The Spirit of Shanshui</p>
<p class="project_time">January 2019</p>
<div class="project_lan">
Language:
<a href="procssing.html" target="_blank">processing</a>
</div>
<div class="project_link">
<!-- <a href="https://github.com/aaaven/walkingtshanshui" target="_blank">Code</a> -->
</div>
</section>
<section id="walkingtshanshui" class="project p5js nodejs python">
<div class="project_logo">
<a href="projects/walkingtshanshui.html">
<img class="project_img" src="images/projects/walkingtshanshui/project_logo.png" width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
“Walking through Shanshui” is an interactive installation based on AI and is dedicated to providing participants with a similar experience of creating Shanshui as in ancient times with various technologies. This piece seeks to honor the traditions and experiences to create Shanshui paintings and attempts to mimic the traveling experience with walking in a room-size installation.
</p>
<p class="project_title">Walking Through Shanshui</p>
<p class="project_time">January 2019</p>
<div class="project_lan">
Language:
<a href="p5js.html" target="_blank">p5js</a>
<a href="nodejs.html" target="_blank">nodejs</a>
<a href="python.html" target="_blank">Python</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/walkingtshanshui" target="_blank">Code</a>
</div>
</section>
<section id="zichi" class="project javascript python">
<div class="project_logo">
<a href="projects/zichi.html">
<img class="project_img" src="images/projects/zichi/project_logo.png" width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
ZICHI is an interactive musical AI. It is a musical intelligence who can "understand" the music from participants and compose new melody to play back with the tone of Guqin. When deep cultural heritage meets rapidly changing forms of art powered by technological advancements, this project is dedicated to building a creative and collaborative AI profile, where AI captivates the imagination to enhance creativity.
</p>
<p class="project_title">ZICHI</p>
<p class="project_time">December 2018</p>
<div class="project_lan">
Language:
<a href="javascript.html" target="_blank">javascript</a>
<a href="magenta.html" target="_blank">magenta</a>
<a href="python.html" target="_blank">Python</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/zichi" target="_blank">Code</a>
</div>
</section>
<section id="Shanshui-DaDA" class="project pytorch p5js nodejs">
<div class="project_logo">
<a href="Shanshui-DaDA.html">
<img class="project_img" src="images/projects/Shanshui-DaDA/project_logo.jpg" width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
“ShanshuiDaDA” is an interactive installation that utilizes machine learning algorithm in helping amateur participants realize traditional Chinese Ink Wash Paintings. The audience is invited to sketch a simple line drawing representation of their ideal landscape painting, “ShanshuiDaDA” will generate a Chinese “Shanshui” based the user’s input.
</p>
<p class="project_title">Shanshui-DaDA</p>
<p class="project_time">October 2018</p>
<div class="project_lan">
Language:
<a href="pytorch.html" target="_blank">Pytorch</a>
<a href="p5js.html" target="_blank">P5js</a>
<a href="nodejs.html" target="_blank">Nodejs</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/dada" target="_blank">Code</a>
</div>
</section>
<!--
<section id="more-projects" class="content">
<h2>More Projects</h2>
<section id="mdx_logo" class="project processing p5js">
<div class="project_logo">
<a href="projects/mdx_logo.html">
<img class="project_img" src="images/projects/mdx_logo/project_logo.svg" width="250"
height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
MDX, short for Make Design Interact is a foundation course about interactive design and technology
developed and taught at New Media Communication Program, SADA. And this project is an interactive
logo
for this course;
it takes circle as primary element and creates a font design for letters M, D and X, and the font
interacts with mouse motion.
</p>
<p class="project_title">Logo design for MDX class</p>
<p class="project_time">March 2018</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
<a href="p5js.html" target="_blank">P5js</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/mdx_logo" target="_blank">Code</a>
<a href="downloads/mdx_logo/mdx_logo.ai" download="mdx_logo">Design</a>
</div>
</section>
<section id="weibot" class="project python">
<div class="project_logo">
<a href="projects/weibot.html">
<img class="project_img" src="images/projects/weibot/project_logo.jpg" width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
Weibot is a social media robot on Chinese Weibo platform.
This robot is intended to response to its autonomy rather than designed behaviors.
A Markov Chain based nature language processing method's been considered. With web scraping
technique,
this robot will firstly scrape all recorded post of any given id, and make prediction post with
estimated Markov chain model.
</p>
<p class="project_title">Weibot</p>
<p class="project_time">February 2018</p>
<div class="project_lan">
Language:
<a href="python.html" target="_blank">Python</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/weibot" target="_blank">Code</a>
</div>
</section>
<section id="welcome_aboard_CRH_train" class="project processing python">
<div class="project_logo">
<a href="projects/welcome_aboard_CRH_train.html">
<img class="project_img" src="images/projects/welcome_aboard_CRH_train/project_logo.png"
width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
"Welcome aboard CRH train" is the first sentence one will hear from the broadcast once aboard the
China High Speed Train.
I have been "a man of two cities" since I started to pursue a master degree in Suzhou,
during which I took high speed train 2-3 round trips per week. Thus, I made this data viz project
for China rail ways.
</p>
<p class="project_title">Welcome aboard CRH train.</p>
<p class="project_time">January 2018</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
<a href="python.html" target="_blank">Python</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/welcome_aboard_CRH_train" target="_blank">Code</a>
</div>
</section>
<section id="one_glance" class="project processing">
<div class="project_logo">
<a href="projects/one_glance.html">
<img class="project_img" src="images/projects/one_galance/project_logo.png" width="250"
height="125">
</a>
</div>
<p class="project_intro">
Brief Introduction:<br>
One glance (惊鸿一瞥) is a webcam based interactive pixel manipulation project.
It interacts with user and draws a particle system follows mouse motion and presents as animated
Long
(Chinese dragon) or neuron -like pattern.
Meanwhile the estimated pattern works as mirror and shows (partially) captured webcam image.
</p>
<p class="project_title">One glance</p>
<p class="project_time">December 2017</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/one_glance" target="_blank">Code</a>
</div>
</section>
<section id="interactive_geometry" class="project processing kinect">
<div class="project_logo">
<a href="projects/interactive_geometry.html">
<img class="project_img" src="images/projects/interactive_geometry/project_logo.png" width="250"
height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
</p>
<p class="project_title">Interactive geometry</p>
<p class="project_time">Fall 2017</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
<a href="kinect.html" target="_blank">Kinect</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/interactive_geometry" target="_blank">Code</a>
</div>
</section>
<section id="live_of_code" class="project p5js">
<div class="project_logo">
<a href="projects/live_of_code.html">
<img class="project_img" src="images/projects/live_of_code/project_logo.png" width="250"
height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
Live of Code is webcam based pixel manipulation project; it combines the captured image pixels with
the
cellular automation algorithm by Conway.
This project initially intends to create a three dimension game of life but eventually keeps the 2D
pattern but take sound/ music as the third dimension; because cannon music seems follow a similar
rule.
</p>
<p class="project_title">Live of code</p>
<p class="project_time">Fall 2017</p>
<div class="project_lan">
Language:
<a href="p5js.html" target="_blank">P5js</a>
<a href="processing.html" target="_blank">Processing</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/live_of_code" target="_blank">Code</a>
</div>
</section>
<section id="form_from_formulation" class="project p5js">
<div class="project_logo">
<a href="projects/form_from_formulation.html">
<img class="project_img" src="images/projects/form_from_formulation/project_logo.jpg"
width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
FFF is class project for "Nature of Code" class(auditing at IMA, NYU Shanghai); focusing on the
possibility of generating form from mathematical formulations.
This project implements parametric rose pattern(a family of curves with equation: Polar:
r==Cos[p/q*θ].
Cartesian: 4-pedaled rose r==Cos[2*θ] rotated by 2*π/8: (x^2+y^2)^3==4*x^2*y^2.)
More formulations will be added.
</p>
<p class="project_title">Form from formulation</p>
<p class="project_time">Spring 2017</p>
<div class="project_lan">
Language:
<a href="p5js.html" target="_blank">P5js</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/form_from_formulation" target="_blank">Code</a>
</div>
</section>
<section id="welcome_to_IMA_show" class="project processing kinect">
<div class="project_logo">
<a href="projects/welcome_to_IMA_show.html">
<img class="project_img" src="images/projects/welcome_to_IMA_show/project_logo.png" width="250"
height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
This is a Kinect interactive installation built for IMA show and installed at the entrance of show
space.
The theme of IMA Spring show 2017 show is VR and AR, and there is already a wonderful poster design
response to the show theme;
This interactive installation demonstrates the show theme and is also a demo for "Interactive
Installation" class (taught at SADA, Spring 2017).
</p>
<p class="project_title">Welcome to IMA show</p>
<p class="project_time">Spring 2017</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
<a href="kinect.html" target="_blank">Kinect</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/welcome_to_IMA_show" target="_blank">Code</a>
</div>
</section>
<section id="air_harp" class="project processing kinect">
<div class="project_logo">
<a href="projects/air_harp.html">
<img class="project_img" src="images/projects/air_harp/project_logo.png" width="250"
height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
</p>
<p class="project_title">Air harp</p>
<p class="project_time">Fall 2016</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
<a href="kinect.html" target="_blank">Kinect</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/air_harp" target="_blank">Code</a>
</div>
</section>
<section id="A_handful_of_geometry" class="project processing">
<div class="project_logo">
<a href="projects/A_handful_of_geometry.html">
<img class="project_img" src="images/projects/A_handful_of_geometry/project_logo.png"
width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
</p>
<p class="project_title">A handful of geometry</p>
<p class="project_time">Fall 2016</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
<a href="projects/leapmotion.html" target="_blank">Leapmotion</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/A_handful_of_geometry" target="_blank">Code</a>
</div>
</section>
<section id="scanven" class="project kinect">
<div class="project_logo">
<a href="projects/scanven.html">
<img class="project_img" src="images/projects/scanven/project_logo.png" width="250"
height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
Scanven is a 3D scanning project, three methods are proposed/applied in this project.
One is with windows builder with Kinect V2, one is skannect with structure sensor and the other
proposed
one is skannect with Kinect V2.
This project is about scanning myself and presenting the model in multiple forms.
</p>
<p class="project_title">Scanven</p>
<p class="project_time">Spring 2016</p>
<div class="project_lan">
Language:
<a href="kinect.html" target="_blank">Kinect</a>
</div>
<div class="project_link">
</div>
</section>
<section id="flowing_time" class="project processing">
<div class="project_logo">
<a href="projects/flowing_time.html">
<img class="project_img" src="images/projects/flowing_time/project_logo.jpg" width="250"
height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
Flowing Time (流光溢彩) is creative photography project; a time-lapse video will be shoot and then
presented
with one static image.
A domain transformation will be applied to the video; part of each frame will be selected and the
location will base on the frame order.
The collage of all selected partial images can present the time flowing.
</p>
<p class="project_title">Flowing time</p>
<p class="project_time">Spring 2016</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/flowing_time" target="_blank">Code</a>
</div>
</section>
<section id="mini_data1" class="project processing python">
<div class="project_logo">
<a href="projects/mini_data1.html">
<img class="project_img" src="images/projects/mini_data1/project_logo.png" width="250"
height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
</p>
<p class="project_title">Mini data I</p>
<p class="project_time">Fall 2015</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
<a href="python.html" target="_blank">Python</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/mini_data1" target="_blank">Code</a>
</div>
</section>
<section id="moments" class="project processing">
<div class="project_logo">
<a href="projects/moments.html">
<img class="project_img" src="images/projects/moments/project_logo.png" width="250"
height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
Moments is a data visualization project utilizing the location data in pictures taken by phones.
As a huge fan of tracking myself, I only get to know the "move" app until recently.
The idea of using picture meta data is not only to generate data but also taking advantage of the
nature
process of taking picture;
since people mostly take pictures only for interesting or special moments.
</p>
<p class="project_title">Moments</p>
<p class="project_time">Fall 2015</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/moments" target="_blank">Code</a>
<a href="https://www.instructables.com/id/Traveltracking/" target="_blank">Instructables</a>
</div>
</section>
<section id="automaton" class="project processing p5js">
<div class="project_logo">
<a href="projects/automaton.html">
<img class="project_img" src="images/projects/automaton/project_logo.png" width="250"
height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
Automaton is a robot, more specifically, a robot simulation program.
It acts like a little baby seeking for attention thus keep running to the center of the crowds it
see/detects.
And it's also a drawing machine, its footprints will result in a pattern and be drew on the canvas
prepared underneath.
</p>
<p class="project_title">Automaton</p>
<p class="project_time">Spring 2015</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
<a href="p5js.html" target="_blank">P5js</a>
<a href="arduino.html" target="_blank">Arduino</a>
</div>
<div class="project_link">
<a href="https://github.com/aaaven/Automaton" target="_blank">Code</a>
</div>
</section>
<section id="aves" class="project processing">
<div class="project_logo">
<a href="projects/aves.html">
<img class="project_img" src="images/projects/aves/project_logo.png" width="250" height="125">
</a>
</div>
<p class="project_intro">Brief Introduction:<br>
Aves is a tool/software built to work with grasshopper/rhino(or any platform supporting
<a href="http://opensoundcontrol.org/introduction-osc">OSC (Open Sound Control protocol)</a>) and
provide flocking system/ algorithm.
With this tool/ software everyone can implement flocking system in mentioned environments fast and
easily.
</p>
<p class="project_title">Aves</p>
<p class="project_time">Spring 2015</p>
<div class="project_lan">
Language:
<a href="processing.html" target="_blank">Processing</a>
<a href="grasshopper.html" target="_blank">Grasshopper</a>
</div>
<div class="project_link">
<a href="downloads/aves/Archive.zip" download="Aves">Download</a>
<a href="https://github.com/aaaven/Aves" target="_blank">Code</a>
</div>
</section>
</section>
-->
</article>
<section class="notes">
<a href="https://github.com/aaaven/aaaven.github.io" target="_blank">Source code</a> for this website is
available
on github.
</section>
</body>
</html>