Skip to content
YOKI YAO

ART x CODE

  • PROJECTS
  • ABOUT
  • PROJECTS
  • ABOUT

yoki.yao_

[archiving before i forget] whisper in cells at @p [archiving before i forget]
whisper in cells at @project.playaround in last month

using live portrait with comfyui for animating the static face textures, driven by the videos of the actors
using bsrgan to upscale the video for filling the canvas, which took forever for a 20-min video on a 3070 card

 
concept and installation: @tungwinghong 
script and acting: @ansonchan @cherryshing 
visual: me

#liveportrait #aiupscaling #paininlimitedcomputingpower
[archive] Before formatting the laptop, found some [archive]
Before formatting the laptop, found some failed stylegan outputs done several years ago for the work ‘2-degrees (coral city)’, which surprisingly look nice(?) from a new perspective today. 
#stylegan2ada #error #oldschool
[archive] Body Landscape is a live performance & [archive] 
Body Landscape is a live performance & exhibition of cross-disciplinary creation with sculpture, interactive installation, and improvisation. While you are observing the sculptures, you also become a sculpture in the space. 

身體景觀是一個結合雕塑、互動裝置和即興創作的現場表演展覽作品。當你在觀察身體雕塑的同時,你也成為空間中的雕塑。

Production Team 製作團隊
概念及編舞 Concept & Choreographer
蔡嘉勁 King Tsoi @king.tsoiiii 
概念及裝置設計 Concept & Installation Design
Yoki Yao @yoki.yao_ 
製作及場景設計 Production Designer
Hokki_Tat @hokki_tat 
製作及場景助理 Set Assistant 
鍾秉燊 ⁠Chung Ping San @pingsanchung 
舞台監督 Stage Manager
Yen Wing Yin @justfung__ 
形體藝術家 Body Art Artists
余巧兒 Carmen Yu @carmenyuuu_ 
Ryan Lee Jones @jones_ryan_lee 
彭靖 Pang Jing @pang_jing

Part of @project.playaround at @ekcc.hk in Aug 2024

video by Yoki
[archive] Sharing a bit of the real-time body part [archive]
Sharing a bit of the real-time body parts detection program behind the scene.  #customtraining #YOLOv10 with @touchdesigner 

Technology can easily fragmentize your body, physically or/and spiritually. Are people familiar with their body being fragmentized? This is one of the thoughts of the body segmentation in this work. 

分享一些是件作品中身體部位監測程序的畫面。
科技可以輕而易舉將身體碎片化,無論是從物理上還是精神上。人們是否對自己的身體被碎片化而感到熟悉?這是這件作品中有意分割與放大身體部位的其中一個緣由之一。

====

Body Landscape is a live performance & exhibition of cross-disciplinary creation with sculpture, interactive installation, and improvisation. While you are observing the sculptures, you also become a sculpture in the space. 

身體景觀是一個結合雕塑、互動裝置和即興創作的現場表演展覽作品。當你在觀察身體雕塑的同時,你也成為空間中的雕塑。

Production Team 製作團隊
概念及編舞 Concept & Choreographer
蔡嘉勁 King Tsoi @king.tsoiiii 
概念及裝置設計 Concept & Installation Design
Yoki Yao @yoki.yao_ 
製作及場景設計 Production Designer
Hokki_Tat @hokki_tat 
製作及場景助理 Set Assistant 
鍾秉燊 ⁠Chung Ping San @pingsanchung 
舞台監督 Stage Manager
Yen Wing Yin @justfung__ 
形體藝術家 Body Art Artists
余巧兒 Carmen Yu @carmenyuuu_ 
Ryan Lee Jones @jones_ryan_lee 
彭靖 Pang Jing @pang_jing
Body Landscape is a live performance & exhibition Body Landscape is a live performance & exhibition of cross-disciplinary creation with sculpture, interactive installation, and improvisation. While you are observing the sculptures, you also become a sculpture in the space. 

身體景觀是一個結合雕塑、互動裝置和即興創作的現場表演展覽作品。當你在觀察身體雕塑的同時,你也成為空間中的雕塑。

Production Team 製作團隊
概念及編舞 Concept & Choreographer
蔡嘉勁 King Tsoi @king.tsoiiii 
概念及裝置設計 Concept & Installation Design
Yoki Yao @yoki.yao_ 
製作及場景設計 Production Designer
Hokki_Tat @hokki_tat 
製作及場景助理 Set Assistant 
鍾秉燊 ⁠Chung Ping San @pingsanchung 
舞台監督 Stage Manager
Yen Wing Yin @justfung__ 
形體藝術家 Body Art Artists
余巧兒 Carmen Yu @carmenyuuu_ 
Ryan Lee Jones @jones_ryan_lee 
彭靖 Pang Jing @pang_jing

Photos by Yoki
[archive] “Mute” is an experimental improvisat [archive]
“Mute” is an experimental improvisational art performance in which artificial intelligence plays an invisible role. It translates the movements of the dancer into poetry in real-time, roaring as it engages in dialogues and arguments with the performer. 

The above are poems created in real-time (no edited) by the AI poet based on the dancers’ movements. At that time, ChatGPT had not yet reached its current advanced state; instead, the T5 model was used for the AI poet and was trained based on Charles Bukowski’s poems, and surprisingly the results were somehow poetic and beautifully confusing (?). I like them. 

「Mute」是一個實驗性的即興現場演出,在其中人工智能扮演一個無形的角色,它將舞者的無言舞蹈翻譯成詩,咆哮著與表演者爭吵與對話。

以上的詩是在Mute演出中AI實時根據舞者的舞蹈動作創作的(無編輯)。彼時ChatGPT還無法擁有現時超神的寫作能力,所以當時採用的是微調t5模型並使用查爾斯布考斯基的詩集作為訓練數據,得到的結果竟也出乎意料得有些詩意,錯漏和鬼打牆也有趣得很美麗。

#performaceart #aiart #motioncapture #t5
[archive] “Mute” is an experimental improvisa [archive]
 “Mute” is an experimental improvisational art performance in which artificial intelligence plays an invisible role. It translates the movements of the dancer into poetry in real-time, roaring as it engages in dialogues and arguments with the performer. 

「Mute」是一個實驗性的即興現場演出,在其中人工智能扮演一個無形的角色,它將舞者的無言舞蹈翻譯成詩,咆哮著與表演者爭吵與對話。

Project producer: Anita Lam
Director: Wilfred Wong
Producer: Michael Lee
Choreographer/performer: Alice Ma
Scriptwriter/Performer: Anson Chan
Music Director: Edmund Leung
Creative Technologist: Yoki Yao
Photos from EKCC
[archive] “Mute” is an experimental improvisa [archive]
 “Mute” is an experimental improvisational art performance in which artificial intelligence plays an invisible role. It translates the movements of the dancer into poetry in real-time, roaring as it engages in dialogues and arguments with the performer. 

Many thanks to Alice Ma, the amazing choreographer of the show, who “suffered” in the process of training a custom RNN dance motion AI model. 

「Mute」是一個實驗性的即興現場演出,在其中人工智能扮演一個無形的角色,它將舞者的無言舞蹈翻譯成詩,咆哮著與表演者爭吵與對話。

萬分感激編舞家舞者Alice Ma在訓練舞蹈語言AI模型過程中承受數據收集的「折磨」。

#performanceart #aiart #motioncapture
[archive] “Underwater” is an artificial intel [archive]
 “Underwater” is an artificial intelligence visual art piece that portrays an imaginary underwater world, using photographs of seabed samples collected by the  Autonomous Reef Monitoring Structures (ARMS)  by SWIMS as its basis. Recently it was screened at Airside in Kai Tak as part of the “Blutopia Ocean Moment”. 

#blutopia #visualarts #aiart
[archive] “Underwater” is an artificial intel [archive]
 “Underwater” is an artificial intelligence visual art piece that portrays an imaginary underwater world, using photographs of seabed samples collected by the  Autonomous Reef Monitoring Structures (ARMS)  by SWIMS as its basis. Recently it was screened at Airside in Kai Tak as part of the “Blutopia Ocean Moment”. 

#blutopia #visualarts #aiart
[archive] “Underwater” is an artificial intel [archive]
 “Underwater” is an artificial intelligence visual art piece that portrays an imaginary underwater world, using photographs of seabed samples collected by the  Autonomous Reef Monitoring Structures (ARMS)  by SWIMS as its basis. Recently it was screened at Airside in Kai Tak as part of the “Blutopia Ocean Moment”. 

#blutopia #visualarts #aiart
Memory collection n generation system at Labyss (S Memory collection n generation system at Labyss (SPOTLIGHT2024 at @taikwun.hk )
# everyday at tai kwun in April 👷
Many thanks to @dotsimulate ‘s StreamDiffusionTD Many thanks to @dotsimulate ‘s StreamDiffusionTD👾
Memory collection&generation system for Labyss now at @taikwun.hk 🤖

#touchdesigner #stablediffusion #streamdiffusion #aiart #immersiveexperience
Turning audiences’ memories into visuals by usin Turning audiences’ memories into visuals by using whisper, finetuned chatgpt, stream diffusion 🎙️ at Labyss (SPOTLIGHT2024 at @taikwun.hk )
#pythonsaikou! #everybodylovesai
#chatgpt #openai #whisper #streamdiffusion #immersive experience #performativeart #aiart
. Mulyana X The Collective Present “Symphilia XR .
Mulyana X The Collective Present “Symphilia XR”
Extended Reality experience

This XR experience invites visitors to learn about the many Mutualistic Partnerships that exist on our coral Reefs.

Concept: Anita Lam | Andy Stokes - The Collective
Crochet Artist : Mulyana - Mogus Studio
Character Design / Animation / Creative Direction: Frédéric
Bussiere
XR development: Yoki Yao - The Collective
Recorded at BLUTOPIA by A.L.A.N @ AIRSIDE, Kai Tak.

Mulyana (@mangmoel | @mogusstudio)
Frédéric Bussière (@fredbussiere )
Andy Stokes ( @andy.hk)
Anita Lam ( @lamguillemot)
Yoki Yao ( @yoki.yao_)
The Collective ( @thecollectivehk)
Presented by A.L.A.N ( @wearealan)

Video by Andy Stokes

#blutopia2023 #interactiveart #vr #digitalart #xr #newmediaart #creativecoding #new_media_art #happyzoo #immersiveexperience #mixedreality
. Mulyana X The Collective Present “Symphilia XR .
Mulyana X The Collective Present “Symphilia XR”
Extended Reality experience

This XR experience invites visitors to learn about the many Mutualistic Partnerships that exist on our coral Reefs.

Concept: Anita Lam | Andy Stokes - The Collective
Crochet Artist : Mulyana - Mogus Studio
Character Design / Animation / Creative Direction: Frédéric
Bussiere
XR development: Yoki Yao - The Collective
Recorded at BLUTOPIA by A.L.A.N @ AIRSIDE, Kai Tak.

Mulyana (@mangmoel | @mogusstudio)
Frédéric Bussière (@fredbussiere )
Andy Stokes ( @andy.hk)
Anita Lam ( @lamguillemot)
Yoki Yao ( @yoki.yao_)
The Collective ( @thecollectivehk)
Presented by A.L.A.N ( @wearealan)

#blutopia2023 #interactiveart #ar #digitalart #xr #newmediaart #creativecoding #new_media_art #happyzoo #immersiveexperience #augmentedreality #unity
. Mulyana X The Collective Present “Symphilia XR .
Mulyana X The Collective Present “Symphilia XR”
Extended Reality experience

This XR experience invites visitors to learn about the many Mutualistic Partnerships that exist on our coral Reefs.

Concept: Anita Lam | Andy Stokes - The Collective
Crochet Artist : Mulyana - Mogus Studio
Character Design / Animation / Creative Direction: Frédéric
Bussiere
XR development: Yoki Yao - The Collective
Recorded at BLUTOPIA by A.L.A.N @ AIRSIDE, Kai Tak.

Mulyana (@mangmoel | @mogusstudio)
Frédéric Bussière (@fredbussiere )
Andy Stokes ( @andy.hk)
Anita Lam ( @lamguillemot)
Yoki Yao ( @yoki.yao_)
The Collective ( @thecollectivehk)
Presented by A.L.A.N ( @wearealan)

#blutopia2023 #interactiveart #vr #digitalart #xr #newmediaart #creativecoding #new_media_art #happyzoo #immersiveexperience #virtualreality #mixedreality #unity
turning a 2d image into 3d point cloud 🧐 #mach turning a 2d image into 3d point cloud 
🧐
#machinelearning #monoculardepthestimation
created some projection contents for Tan Ping Retr created some projection contents for Tan Ping Retrospective Exhibition in Hong Kong
🏃🎨
created some projection contents for Tan Ping Retr created some projection contents for Tan Ping Retrospective Exhibition in Hong Kong
🏃🎨
created some projection contents for Tan Ping Retr created some projection contents for Tan Ping Retrospective Exhibition in Hong Kong
🏃🎨
a work designed for swire hotel in Shanghai . #int a work designed for swire hotel in Shanghai
.
#interactiveinstallation #creativecoding #art #realtime #dance #kinect #motionvisualization #mocap #motiongraphics #visualart
a work designed for swire hotel . #interactiveins a work designed for swire hotel 
.
#interactiveinstallation #creativecoding #art #realtime #dance #kinect #motionvisualization #mocap #motiongraphics #visualart #unity #unity3d
a work designed for swire hotel . #interactiveins a work designed for swire hotel 
.
#interactiveinstallation #creativecoding #art #realtime #dance #kinect #motionvisualization #mocap #motiongraphics #visualart
exploring raymarching . . #touchdesigner #glsl #s exploring raymarching
.
.

#touchdesigner #glsl #shader #interactive #creativecoding
exploring #touchdeisgner exploring
#touchdeisgner
wave (experiment #touchdesigner #generativeart #cr wave (experiment
#touchdesigner #generativeart #creativecoding #visualart
shape of water #touchdesigner #generativeart #visu shape of water
#touchdesigner #generativeart #visualart #newmediaart #creativecoding #codeart #shader #realtime
? #touchdesigner #shader #realtime #new_media_ar ?
#touchdesigner #shader #realtime #new_media_art #creativecoding #glsl #visualart #design #generativeart #genartclub
? #touchdesigner #glsl #visualarts #creativecoding ?
#touchdesigner #glsl #visualarts #creativecoding #new_media_art #shader #generativeart #realtime
fluid in vr wip #touchdesigner #glsl #virtualreali fluid in vr
wip
#touchdesigner #glsl #virtualreality #vr #realtime #fluid #new_media_art #creativecoding #interactive #generativeart #immersiveart
realtime dancing glassman #unity #hlsl #shader #ma realtime dancing glassman
#unity #hlsl #shader #madewithunity #creativecoding #creativecodeart #realtime #visualart #motion #dance #new_media_art
realtime metaball learning lighting stuff... #uni realtime metaball 
learning lighting stuff...
#unity #shader #hlsl #madewithunity #motion #dance #new_media_art #creativecoding #visualart #realtime #3d
realtime metaball dance #unity #shader #hlsl #crea realtime metaball dance
#unity #shader #hlsl #creativecoding #dance #motion #visualart #madewithunity #creativecodeart #new_media_art #realtime
realtime dance #unity #shader #hlsl #realtime #dan realtime dance
#unity #shader #hlsl #realtime #dance 
motion #creativecoding #visualart #madewithunity #3d #new_media_art
realtime dance #unity #shader #hlsl #motion #danc realtime dance 
#unity #shader #hlsl #motion #dance #visualart #realtime #creativecoding #realtime
dance #unity #realtime #dance #visualart #motion # dance
#unity #realtime #dance #visualart #motion #creativecoding #coding #geometry
dance motion viz #touchdesigner #realtime #visuala dance motion viz
#touchdesigner #realtime #visualart
trails #touchdesigner trails
#touchdesigner
pbr #touchdesigner pbr
#touchdesigner
transform on the way learning #touchdesigner #inte transform
on the way learning
#touchdesigner #interactive #shader #glsl #creativecoding #newmediaart #visualart #realsense #generative #generativeart #codeart
wip wip
realtime dance performace working in progress #tou realtime dance performace working in progress
#touchdesigner #unity #generativeart #realtime #performaceart #creativecoding #visualart #dance #particlesystem #interactive #newmediaart
#touchdesigner #nvidia #flow #simulation #realtim #touchdesigner #nvidia #flow #simulation 
#realtime #glsl #shader
exploring... #touchdesigner #realsense #depthcamer exploring...
#touchdesigner #realsense #depthcamera #glsl #shader #nvidia #fluidsimulation #generative #interactive #realtime
test #unity #particlesystem #fluid #simulation #re test
#unity #particlesystem #fluid #simulation #rendering #houdini #lighting #realtime #newmedia #interactive #animation
#touchdesigner #realsense #houdini #rendering #int #touchdesigner
#realsense
#houdini
#rendering
#interactive
#glsl
#shader
#realtime
#sidefx
#newmedia
halfway depth to lighting halfway
depth to lighting
#houdini #360 #houdini
#360
Gone . . . . #houdini #maya #sidefxhoudini #modeli Gone
.
.
.
.
#houdini #maya #sidefxhoudini #modeling #lighting #rendering #mantra #mdcommunity #howiseedatworld #time #fog #motion #abstractart
Load More Follow on Instagram
YOKI YAO

ART x CODE

  • PROJECTS
  • ABOUT

All rights reserved