0614 - visual complexity and electric signal ; final

※^Sorry,^my^spacebar^has^broken^down.^Please^read^this^with^patience.
※^스페이스바가^고장나버렸습니다.^인내심을^가지고^읽어주세요.

-----------------------------------------------------------------------------------------------------------

This^post^is^from^my^another^class;^media^art^2013-1^:^project^1^(link),
^and^based^on^visual^complexity^and^electric^signal.

Also^this^is^connected^to^the^last^post;^visual^complexity^and^electic^signal^;^interim^(link)

-
In^the^other^day, Prof. David suggested a huge projection to me.
지난번에 데이빗 교수님께서 건물 외벽에 영상을 크게 투사하는 것을 제안하셨고,

Prof. David's suggestion


For this, I searched for some places in google map.
이를 위해 구글 지도에서 적당한 장소를 찾아보았다.

>> places for projecting (link_media art research)

-----------------------------------------------------------------------------------------------------------

And I found how to make the sound of Wi-Fi signal for using it as an input source. It looks like Electromagnetic interference (EMI) between LAN router and speakers (amplifier).

Wi-Fi 신호음을 입력 소스로 사용하기 위해 여러 가능성을 생각했고, 랜 라우터와 스피커 사이에서 발생하는 전자 방해(EMI)를 이용해보기로 했다.

>> EMI + electromagnetic spectrum (link_media art research)

diagram for EMI

It is very interesting that most people want to reduce EMI, while I want to generate it.

자료를 검색하면서, 대부분의 사람들은 EMI를 줄이기 위한 방법을 찾는 반면에 나는 이것을 발생시키기 위한 방법을 찾고 있다는 사실이 흥미로웠다.

-----------------------------------------------------------------------------------------------------------

And I did more experiments with vvvv.
그리고 vvvv를 사용하여 몇 가지 실험을 더 해보았다.

vvvv screen recording


screen captures in vvvv

-----------------------------------------------------------------------------------------------------------

And^I tried to make the sound from Wi-Fi signal. When I click the link, the speakers make sounds.

또한 Wi-Fi 신호음을 만들어 내는 것에 성공했다. 인터넷 페이지 링크를 클릭했을 때, 스피커가 Wi-Fi 신호음을 발생시킨다.

Wi-Fi signal sound

-
But I wanted to make a wide range of EMI sound, because there are many types of electromagnetic spectrum from electronic devices around us. I think they are based on motions because the organs and systems of human body can be controlled by an electric signal from brain. So I researched about it more, and found another method.

우리 주변에는 다양한 종류의 전자기기에서 발생하는 전자기 스펙트럼이 존재하기때문에 더 넓은 범위의 EMI 사운드를 만들고 싶다고 생각했다. 인간의 몸 또한 뇌에서 발생하는 전자 신호를 통해 움직일 수 있기때문에 인간과 전자기기를 엮어줄 수 있는 방법을 찾기위해 조사를 진행하였다. 그리고 다음과 같은 방법을 찾아냈다.

>> EMI + pickup / radio (link_media art research)

Maybe I can use pickup or radio for generating EMI sounds. I will try next time.
기타 등의 악기에 쓰이는 픽업이나 라디오로 EMI 사운드를 발생시키는 방법을 사용해보기로 했다.

-----------------------------------------------------------------------------------------------------------

And I took pictures at some places where I researched the other day.
그리고 위에서 언급한 프로젝션을 위해 장소 사진을 찍었다.

1 ___
near Gangbyeon station

2 ___


near Ttukseom Resort

3 ___
near Gangdong-gu Office

4 ___
near Gangbyeon station

-
I guess it will be like those.
다음과 같이 될 것이라 예상하고 합성을 해보았다.


composite images

-----------------------------------------------------------------------------------------------------------

And^I generated the EMI sound using a radio. Last time the speakers reacted to Wi-Fi signal, but this time, a radio reacted to all electric signal. Theremin is based on the same principle.

이번에는 라디오를 이용해서 전자 방해 잡음(EMI)을 만들었다. 지난 번에 스피커가 와이파이 신호에 반응해서 소리를 냈다면, 이번 실험에서는 라디오가 모든 전기 신호에 반응해서 소리를 낸다. 테르민도 이것과 같은 원리로 소리를 발생한다.

EMI + radio sound

_00:00 _iphone + EMI
_00:25 _strength of signal
_00:42 _keyboard + EMI

As I already said about Small-world network and 6 degrees of separation(link_small-world network), I think electronics make people more closed(but at the same time, make psychic distance further), and especially, computer and mobile phone make the worldwide relationships. I did the experiment about EMI sound from electronics which is invisible and impalpable, and this will be a sort of a visualization of human motion if I develop it visually. So this means there is a logicality between electronics, human motion, relationship, and graphic. Also it can be related to my thesis.

지난 번에도 작은 세상 네트워크나 6단계 이론을 통해서 사람과 사람 간의 연결과 관계에 대해 언급했었지만(link_small-world network) 거기에 덧붙이자면, 최근에는 이러한 관계를 더 가깝게(동시에 심리적 거리는 더 멀어지기도 하지만) 만드는 것이 우리 주변에서 쉽게 볼 수 있는 전자 제품이라고 생각한다. 특히 컴퓨터나 휴대폰같은 경우에는 최근 주목받고 있는 소셜 네트워크를 통해서 그 범위가 전세계적으로 넓어졌다고 볼 수 있다. 그리고 이 전자 제품들을 사람이 이용할 때 눈에 보이지 않는 전기 신호를 위의 실험과 같이 소리로, 이후에 시각적으로 전달하는 것은 사람의 움직임을 시각적으로 나타내는 하나의 방법이 될 수 있다고 생각한다. 이로써 전자파와 사람의 움직임, 관계, 그리고 그래픽이 논리적으로 엮이기 때문에 나의 논문 주제와도 연결될 수 있다.

-
And I found some interesting information about electromagnetic. Though electromagnetic waves are very similar to sound waves, they are different because of their attributes. I want to research about it more. (link_google)

그리고 EMI에 대해서 조사하다가 흥미로운 정보를 발견했다. EMI의 원인이 되는 전자파는 그 형태가 음파와 비슷하지만, 완전하게 다른 요소로 취급된다고 한다. 더 자세하게 조사해보면 더 흥미로운 정보를 얻을 수 있을 것 같다. (link_google)

-----------------------------------------------------------------------------------------------------------

And^the radio I used last time is too big and heavy to use, so I made an AM radio circuit with an electric circuit kit what I enjoyed as child.

지난번에 사용했던 라디오가 너무 크고 무거워서, 어렸을 때 가지고 놀았던 전자 키트를 이용해서 중파 라디오를 구성했다.

AM radio circuit from my childhood kit

-
Also I used Ableton for removing frequent and constant noise from the AM radio.
그리고 필요없는 노이즈를 제거하기 위해 Ableton 프로그램으로 실험을 했다.

AM radio + ableton

screen capture in Ableton

-
This is the video about this experiment. The AM radio connected with a computer generated sound.

아래는 이번 실험에 대한 영상이다. 컴퓨터에 연결한 중파 라디오가 컴퓨터 신호에 의해 소리를 발생시킨다.

electric signal sound + ableton

-----------------------------------------------------------------------------------------------------------

And^these images are for a document about a projecting plan. Original images are from Prof. David.

아래의 이미지는 프로젝션을 위한 예상도를 나타낸 것이다. 원본 이미지는 데이빗 교수님께서 제공해주셨다.

expected area

simulation

installation diagram (projectors / macbook / power)

-
And I checked my work as full screen mode. The first renderer screen is working well, but the second screen, which is contained iobox nodes, is sometimes stopped. I have to find another way to display them.

프로젝션을 하기 전에 전체화면을 통해 작업을 확인했다. 첫번째 화면은 잘 작동했지만, iobox 노드만으로 구성된 두번째 화면은 이따금씩 멈추는 문제가 있었다. 때문에 될 수 있으면 다른 방법을 찾아야겠다고 생각했다.


full screen mode in vvvv

-
Also I did more experiments.
또한 더 많은 실험을 진행하였다.



screen captures in vvvv

-----------------------------------------------------------------------------------------------------------

And^this^is^the^final^process^movie^for^this^project.
그리고^아래의^영상이^이^프로젝트의^최종^프로세스^영상이다.

process mov for BLISS


0613 - visual complexity and electric signal ; interim

※^Sorry,^my^spacebar^has^broken^down.^Please^read^this^with^patience.
※^스페이스바가^고장나버렸습니다.^인내심을^가지고^읽어주세요.

-----------------------------------------------------------------------------------------------------------

This^post^is^from^my^another^class;^media^art^2013-1^:^project^1^(link),
^and^based^on^visual^complexity^and^electric^signal.

-
At^first,^I disassembled 2 toys for getting circuit boards.
이^프로젝트의^시작할^때에^회로판을^사용하기위해서^2개의^장난감을^분해했다.

circuit from toys _type A, B 

-
And I assembled the fire siren circuit.
그리고^소방차^사이렌^회로를^조립했다.

fire siren circuit 

-----------------------------------------------------------------------------------------------------------

Also I attached some components in the toy circuit with wires. They are for finding spots which can connect with a potentiometer.

이후에^가변저항기를^달아^밴딩이^잘^되는^지점을^쉽게^찾을^수^있도록^위에서^언급했던^장난감의^회로판에^추가적으로^전선을^연결했다.

toy A + wires 
_ VDD + / VSS -
_ S1 / S2 : speaker
_ R1 / R2 : resistor
_ C : capacitor
_ B / Y / R : LED _blue, yellow, red

-
And then it was arranged with the mini siren circuit used last year (link). It still works well, and I found another bending points.

아래의^사진은^작년에(link)^했던^프로젝트에^사용했던^미니^사이렌이다.^작년과는^다른^밴딩^지점을^찾아^연결했다.

mini siren circuit _front / back 

toy A + mini siren + bread board 

potentiometers I used 
_ toy A ; 500 - 5KΩ
_ mini siren ; 500Ω

-----------------------------------------------------------------------------------------------------------

And I tried to make circuit bending sounds.
그리고^위의^구성품들을^이용하여^서킷밴딩^사운드를^만들었다.





screen capture in Ableton 

-----------------------------------------------------------------------------------------------------------

There are some concepts for the sound reacting system. I thought they can show the shape of sound wave.

사운드에^반응하는^리얼타임^시스템을^만들기^위해서^몇^가지^컨셉^이미지를^만들었다.^이^이미지에서처럼^음파의^형태를^보여줄^수^있을^것이라고^생각했다.

point / line / surface / color + form

I wanted^to use vvvv or flash to make a realtime system, and connect some components of the sound with time / point / line / surface / color / form.

vvvv나^flash^프로그램을^사용하여,^사운드의^여러^요소들을^시간^/^점^/^선^/^면^/^색상^/^형태와^연결하여^실시간으로^변화하는^그래픽을^보여주고자^하였다.

-----------------------------------------------------------------------------------------------------------

And^in^this^process,^I^wanted^to^show^that^the video can control the sound, and also the sound can control the video.

그리고^이^과정에서^영상은^사운드를^변화시키고,^동시에^사운드는^영상을^변화시킬^수^있는^무언가를^만들고^싶다고^생각했다.

-
This circuit diagram is for the mini siren I used. Its linear graphic reminded me of the previous video I made.

다음의^회로도는^위에^있었던^미니^사이렌의^회로도이다.^여기서의^선적인^그래픽에서^내가^이전에^만들었던^영상이^떠올랐다.

circuit diagram _mini siren

video _kinetic city architecture

There are many components which have different forms and colors in circuit, I wanted^to make an interesting graphic system from them.

회로를^구성할^때^쓰이는^구성품들의^다양한^형태와^다채로운^색상이^흥미로운^그래픽을^만들^수^있을^것^같았다.

-----------------------------------------------------------------------------------------------------------

And these^are^more^concepts^images.
다음은^추가적인^컨셉^이미지들이다.

1 ___
The figure from the videos can add one by one.
영상에서의^도형이^하나씩^더해지는^방법.

example images

2 ___
2 circuits can change their graphics^each^other.
2개의^회로가^서로의^그래픽을^변화시키는^방법.

example images

-----------------------------------------------------------------------------------------------------------

And^I tried to use vvvv and made some sound reacting systems. I copied and modified some basic files in vvvv folder.

그리고^vvvv^프로그램에서^기본적으로^제공하는^패치를^복사하고^수정해서,^사운드에^반응하는^패치를^구성했다.

1 ___


screen captures in vvvv

2 ___
Its 3d form is from my another work ; kinetic city architecture (link_vimeo).
아래의^3d^도형은^다음의^작품에서^쓰인^것이다^;^kinetic city architecture (link_vimeo).


screen captures in vvvv


experiment videos

The work area of vvvv program is very interesting for me, so I thought^it^will^be^attractive^to^show both the vvvv screen and rendered screen in open house exhibition.

작업을^하면서,^vvvv^프로그램^자체가^지니고^있는^그래픽적인^특성이^굉장히^매력적이라고^생각했다.^그래서^그냥^단순히^최종^결과물(랜더^화면)만^보여주는^것보다는^vvvv^화면과^랜더^화면을^모두^보여주는^것이^더^재미있을^것^같았다.

-----------------------------------------------------------------------------------------------------------

And^I made vvvv screen more systematic. And I think it is related to my another post. (link_human and computer)

그리고^vvvv^화면을^더^짜임새있게^만들었다.^이^작업은^다음의^포스트와^연관되어있다.^(link_human and computer)

vvvv screen recording

vvvv screen capture

What I wanted to show is about systematic complexity for generating a simple real time graphic. Also this screen has a very similar structure with circuit diagram which was my concept for this project.

내가^이^작업을^통해^보여주고자^한^것은^실시간으로^변화하는^단순한^그래픽을^나타내기^위해서^어느^정도의^복잡함이^필요하느냐^하는^것이다.^또한^이^스크린의^구성은^초반에^컨셉으로^잡았던^회로도의^구조와^비슷하다고^생각한다.


0613 - between simplicity and complexity ; final

※^Sorry,^my^spacebar^has^broken^down.^Please^read^this^with^patience.
※^스페이스바가^고장나버렸습니다.^인내심을^가지고^읽어주세요.

-----------------------------------------------------------------------------------------------------------

This post is from my another class; digital publication design 2013 : Project 2 (Prof. Boyeun Kim).

Also^this^is^connected^to^the^last^post;^between^simplicity^and^complexity^;^interim^(link)

-
This is the final version of a proof ebook for iPad.
>> pdf file link ; H Code _final <<

H Code ; between simplicity and complexity

H Code + iPad


0613 - visual complexity and recontextualisation ; final

※^Sorry,^my^spacebar^has^broken^down.^Please^read^this^with^patience.
※^스페이스바가^고장나버렸습니다.^인내심을^가지고^읽어주세요.

-----------------------------------------------------------------------------------------------------------

This post is from my another class; media environment design studio 2013-1 : project 2 (link), and based on Recontextualisation.

Also^this^is^connected^to^the^last^post;^visual^complexity^and^recontextualisation^;^interim^(link)

-
I^printed^more,^and^adjusted^anaglyph^patterns^into^a^pop-up^and^a^cup.
Actually,^I expected a motion from pop-up,^but^it^was^hard^to^see^it.

지난번^포스트에^이어서,^애너글리프^패턴을^팝업^카드와^컵에^적용했다.^사실^팝업^구조에서의^움직임을^통해서^애너글리프^패턴이^실시간으로^느껴지는^것을^원했지만,^효과는^없었던^것^같다.

1^;^pop-up^___

screen capture in Illustrator

anaglyph pattern + pop-up

2^;^cup^___

screen capture in Illustrator

anaglyph pattern + cup

-----------------------------------------------------------------------------------------------------------

And^I tried some experiments for checking how to use an anaglyph pattern in different ways. So I made 2 cubes and adjusted 2 patterns into them.

그리고^애너글리프^패턴이^지니고^있는^특성을^다른^식으로^활용할^수^있는^방법을^찾아보려고^다음과^같은^실험을^했다.

screen capture in Maya

-
Also^I^tried another way, but this is not what I want.
하지만^이^작업들이^내가^생각하던^형태는^아니기^때문에^다음에^다시^시도해봐야겠다.


screen capture in Maya

multiply 2 cubes

-----------------------------------------------------------------------------------------------------------

And^when I tested some anaglyph experiments, I thought this non shadowing anaglyph image reminded me of an autostereogram. (link_thesis research)

거리감에 따른 애너글리프 효과를 확인해보려고 실험을 하다가, 명암을 없앤 애너글리프 화면이 매직아이의 느낌과 비슷하다고 생각했다. (link_thesis research)


anaglyph test in Maya

-
Then I wanted to develop more, but it is hard to see z depth.
더 발전시켜 보려고 했지만, 깊이감이 잘 느껴지지 않았다.



anaglyph test in Maya

-----------------------------------------------------------------------------------------------------------

And this is what I want to make^in^this^process. It is about line moiré.
아래의 그림은 이^과정에서^내가 시도하려했던 무아레 선을 이용한 실험에 대한 것이다.

moiré + plastic / paper cup

-
So I made a simple animation in Maya, and exported in Illistrator to make a moire image.

이를 위해서 마야에서 간단한 애니메이션을 만든 후, 일러스트레이터에서 편집했다.


screen capture in Maya / Illustrator

-
This is the image before I put another moire pattern. It seems like a glitch art.
아래의 이미지는 다른 무아레 패턴을 더하기 전의 그림이다. 글리치 아트 가 연상된다.

pattern for moiré 

anaglyph + moiré

-----------------------------------------------------------------------------------------------------------

I^thought^that^previous^process^is hard to see its proper motion. So^I^did more experiments.

하지만 이번에도 제대로 된 움직임과 이미지가 보이지 않았기^때문에^실험을^더^진행했다.

anaglyph + black bg

anaglyph + white bg

-
I think these images above are hard to see both its animation and pattern. So I tried different ways.

위의^이미지는^애니메이션과^패턴이^둘^다^잘^보이지^않아서^다른^방법을^시도했다.

anaglyph
non anaglyph
anaglyph + non anaglyph

-
I adjusted this pattern^and moire^pattern^into cups, and stack them up.
이^패턴들과^무아레^패턴을^컵에^적용하여,^쌓은^모습을^테스트했다.

anaglyph + non anaglyph + moire + cups

-----------------------------------------------------------------------------------------------------------

And^I^wanted^to^develop^it^in^different^ways^using^position^values^from^Syntheyes.^I^like^these^numbers.

그리고^숫자를^활용하는^것을^좋아해서,^Syntheyes^프로그램에서^추출한^위치값을^이전에^만들었던^패턴에^더해보려고^먼저^테스트^해봤다.

object with number
object as number

-
I made a script for this. I can be sure it will work, but I can't check it because it makes my computer stopped.

이를^위해서^마야에서^복사한^스크립트를^응용해서^새로운^스크립트를^만들었지만,^데이터양이^많아서^그런지,^컴퓨터가^멈춰서^확인할^수^없었다.


screen captures in Excel / Maya

-
Also I realized the blured image makes z depth clear.
또한^이미지를^흐릿하게^만들면^깊이감이^더^뚜렷하게^나타난다는^것을^깨달았다.




blur + depth layers

screen capture in Maya

-----------------------------------------------------------------------------------------------------------

And I modified the code and made varying positon^values. All values are from Syntheyes.

그리고^이전에^만들었던^코드를^수정하여^마야에서^다시^적용해보았다.^모든^값은^Syntheyes^프로그램에서^얻었다.


screen captures from Excel / Maya

anaglyph + obj + position value

screen capture in Maya

But it takes long time for waiting, and I don't need an animation for cup texture, so I stopped this work.

하지만^스크립트를^적용하는^단계에서^시간이^너무^오래^걸리고,^컵에^적용할^패턴으로^움직이는^영상이^필요한^것은^아니라서,^이^작업은^여기서^그만두었다.

-
These are the top view of numbers of position values. I think this graphic is interesting.

이^이미지는^위에서^만들었던^위치값의^숫자들을^위에서^본^모습이다.^이^그래픽이^무척^마음에^든다.

top view of numbers

----------------------------------------------------------------------------------------------------------

And I made an anaglyph pattern again. These figures are from my previous work.

그리고^애너글리프^패턴을^다시^제작했다.^아래^이미지에^사용된^형태는^이전^작업에서^가져온^것이다.

source image / screen capture in Maya

There are 2 structures in this image. One is the structure of object layers, and the other is the structure among object, shade and pattern.

이^이미지에는^2가지^구조가^존재한다.^하나는^각^개체^레이어로^구성된^것이고,^다른^하나는^개체의^형태와^명암,^그리고^여기에^적용된^패턴으로^구성된^구조라고^생각한다.

1 ___

object 1 + object 2 + object 3

2 ___

object + shade + pattern

-
So I adjusted these pattern into cups, and stacked them.
그래서^이^패턴을^컵에^적용해보고,^각^레이어를^겹치기^위해서^컵을^쌓아보았다.

cup 1 + 2 + 3
cup 1 + 2 + 3 + 4

-
Also I tried to use moire patterns.
또한^무아레^패턴을^활용한^패턴도^적용해보았다.

cup 7 + 5 + 6

moire + anaglyph pattern 1


moire + anaglyph pattern 2

----------------------------------------------------------------------------------------------------------

And^this^is^the^final^process^movie^for^this^project.
그리고^아래의^영상이^이^프로젝트의^최종^프로세스^영상이다.

process mov for BLISS


2013
main / network / new post / posts / pages / template / customize / layout
hleegraphic@gmail.com
THESIS BLOG >


Human and Computer ;
The Visible and The Invisible

-
Hayoun Lee

-
Supervisor
Prof. David Hall





논문 블로그 >


인간과 컴퓨터 ;
보이는 것과 보이지 않는 것

-
이하연

-
지도교수
데이빗 홀 교수님


100
536
180