나만의 화두 웹사이트 만들어보기
글자 랜덤식에서 데이터를 뽑아 내가 일상생활에서 잘 안쓸 것 같은 소리 어미, 어두
그리고 랜덤으로 다른글자와 합쳐졌을 때 발음이 자연스럽지 않을 것 같은 글자를 제외하고 나머지 랜덤글자를 뽑아냈다.
이렇게 해도 만약 3글자 랜덤글자 생성 시 3글자 모두에 ㄱ받침이 들어간다던가 하면 좋지 못한 음... 의미를 알 수 없는건 원래 의도한 거지만
여하튼 이상한 말이 생성되고 부드럽지 않은 소리가 난다.
그 부분은 차차 해결하기로 하고
내 블로그에 다른 웹사이트 주소를 실어 메뉴에 올릴 수 있는 걸 알았으니 나만의 화두 생성 랜덤식과 함께 짧은 애니메이션이 들어가는 웹사이트? 를 만들어보고자 한다.
최근에 미디어 아트나 인터렉티브 디벨로퍼? 구글에서 일하고 계신 아주 뛰어나신 웹 디자이너분의 작품들이
나도 모르는 유튜브의 알고리즘으로 나를 찾아와서 자꾸 봤는데 너무 멋있고 감명을 받았따.
그런고로 나도 막 그렇게 꿀렁꿀렁 움직이고 하늘에서 글자가 떨어지고.
튼 만들어보고 싶어서 콘티를 일단 그려봤다
시나리오를 잠깐 설명하자면
사람이 서있는데
비가 내린다.
비가 손바닥 위에 떨어진다.
비가 알고보니 글자였다.
하늘을 올려다본다.
글자들이 떨어지고 있다.
나를 향해 떨어지는 글자가 점점 커져 확대된다.
검은 하늘이 보인다.
별같은 점들이 있다.
점들이 서로 자극을 주고받는다.
받은 자극은 똑같은데 다시 나눠주는 자극은 다르다.
어쨌든 상호작용을 한다.
엄청많이. 사람세상처럼?
다시 땅으로 시선을 옮긴다.
사람이 보인다.
무언가에 타고 있다.
나룻배에 타고 있다.
글자의 비가 너무 많이 내려서 바다가 되었다.
글자들이 파도처럼 출렁거린다.
여기서 애니메이션이 끝나고
마우스클릭으로 이벤트가 일어나서 잠자리채 같은 걸 가지고 글자의 바다에서 글자를 퍼면 그 파티클 안에서 조합하는 랜덤문자를 생성?하는 느낌.
약간 글자의 바다 생각하니 배를 엮다 라는 사전을 만드는 일본애니가 생각난다.
어쨌든, 어떤 부분은 애니메이션으로 직접 그리고 어떤 부분은 코딩으로 구현하면 좋겠다.
웹 디자이너들도 어떻게 구현해야 할 지 모르면 동영상을 만들고 그걸 그냥 올려서 기능한것처럼 보이게 하는 분도 있는 것 같다.
나는 웹 디자인에 대해 아는것이 전무하니 고심을 해보겠지만 일단 생각해보자면,,
글자들이 바다처럼 있고 그 글자가 파도처럼 출렁이는 것은 아마 애프터 이펙트로 구현할 수 있지 않을까?
글자가 하늘에서 떨어지는 것도 마찬가지.
마우스 클릭시 잠자리채같은 걸로 글자를 퍼게 만들고 싶은데 이건 아마 마우스클릭이 어떤 시퀀스 애니메이션을 만들도록? 코딩을 하는 것 같다.
근데 애니메이션으로 하면 그 파티클 안에서 조합을 하는 어떤,,, 선택하는 것이 아니게 되기 때문에 조금 고심. 다른 방식이 있는 건가.
별같은 것들이 상호작용하는? 저런 2D애니메이션도 음 일단 클립스튜디오로 그려도 될 것 같긴 한데 시야가 확대되었을 때 어마어마한 별들의 움직임? 이건 좀 총게임 만드는 방법이라도 공부해봐야하나. 잘 모르겠다.
마우스 클릭 이벤트 말고도 바다 위의 공간은 그냥 버튼속에 글자 수 설정과 실행을 입력하면 랜덤글자가 생성되는 식으로
평범하게 알기쉽게도 구성해두고 싶다. 하지만 뭐 아직 실현할 방법을 모르니... 책도 읽어보고 잘 해보자.
원래 앱을 만들고 싶었는데
이렇게라도 실현 가능한 범위에서 (어쨌든 너가 노가다를 하면 짧은 애니메이션은 나올거니까...)
구현을 해보려고 노력을 하고. 그다음 좀 더 아이디어를 끌어모아서 앱을 만들면 좋겠다.( 별것도 아닌걸로 앱 만들어도 아무도 안써주겠지.)
그리고 이것만 하는것도 웹 배포?를 해야하니까 뭐 카페24를 쓰던 AWS 를 쓰던 한 번도 안해본 것이기 때문에 공부가 될 것 같다.
끝나면 적절한 효과음과 BGM도 넣어서 뭔가 멋있는 졸라맨 시나리오처럼 하기!
추가 친구 아이디어
하늘에도 별처럼 글자가 떠있어서 자기가 땡겨서 하나씩 고를 수 있게?
근데 바다와 하늘 둘 다 파티클로 차있으면 화면이 더러워보이기때문에
낮과 밤 버튼을 만들어서 낮에는 바다
밤에는 별 따는 형식으로 가보겠음.