인터넷이 있는데 파티가 대수인감🎃

온라인으로 즐길 수 있는 WebAR과 댄스 음악과 함께

2021.10.31 | 조회 705 |
1
|

코딩하는 아티스트 sosunnyproject

예술과 기술을 혼합한 크리에이티브 코딩 소개, 튜토리얼 소식지

Today's App

처음 Mozilla WebXR 앱을 알게 된 계기는 이 크리에이터의 웹사이트가 너무 재미있고 조악하고 내 취향이라서 지켜보던 와중에, 모바일 웹 AR까지 만들었다고 해서였다. 무려 두 가지가 있는데, 두 개의 데스크탑 버전은 이전 뉴스레터 호에서 Today's Website로 소개했다. 하나는 MonsterMash 알고리즘을 사용해서 만든 것이고, 다른 하나는 캐릭터들의 현란한 댄스파티 웹사이트의 Web AR 버전이다.

안드로이드 핸드폰에서는 크롬 브라우저로 바로 접속하면 된다. 하지만 아이폰에서는 Mozilla WebXR Viewer 앱을 다운받아야 한다. 인터넷 브라우저처럼 주소창에 웹 주소만 입력하면 된다. WebXR 기능을 이용하는 웹사이트들은 대부분 이 앱으로 실행시킬 수 있을 것이다.

(아래 사진은 Mozilla WebXR 앱으로 실행시킬 수 있는 웹사이트들이다.)

MonsterMash 알고리즘, BodyPix 와 U2Net 머신러닝, 거기에 WebAR을 곁들인...ㄷㄷ
MonsterMash 알고리즘, BodyPix 와 U2Net 머신러닝, 거기에 WebAR을 곁들인...ㄷㄷ

모질라 공식 웹사이트 설명 ➡️ https://labs.mozilla.org/projects/webxr-viewer/ 

Mozilla는 파이어폭스(firefox) 인터넷 브라우저를 만든 것으로 유명하다. 메타버스에 관심있는 사람들이라면 모질라 허브(Mozilla Hubs) 서비스를 알고 있을 수도 있겠다. 덧붙이자면, Mozilla에서 오픈소스로 관리하는 공식 문서는 웹 개발에 쓰는 거의 모든 함수나 규칙들이 업데이트 되어서 웹 개발자들이 애용한다. 


☕  커피 후원 해주신 sona님, Jack Chun님 감사합니다 

메일리 로그인 후, 해당 뉴스레터 글 제목 아래 커피  아이콘을 누르면 후원이 가능합니다 :)


Today's Website

요즘은 11월에 있을 전시를 위해 프로그래밍으로 자연을 그리는 실험을 하고 있다. 자연 속 식물의 패턴을 보고 분석 해놓은 수학적 알고리즘을 프로그래밍으로 옮겨서 시각적으로 재현하는 과정이다. 프렉탈처럼 이미 유명한 알고리즘들이 대부분이고 이미 코드로 옮겨진 오픈 소스들도 많지만, 제대로 이해하거나 현재 내 프로젝트의 환경에 맞게 구성하는 것이 쉽지만은 않다. 특히 공부할수록 점점 더 수학의 기운이 느껴져서 멘탈이 바사삭,,, 

그래도 관련 자료를 찾다가 종종 잘 만들어진 데모를 발견하는 재미가 있다. 아래는 웹 3D 그래픽 라이브러리 threejs를 사용해서 L-System 규칙으로 나무를 만드는 데모이다. 규칙을 이해하는 부분이 어렵지만, 결국엔 나뭇가지의 길이, 각도, 자식 수, 반복 횟수 등등을 정하는 변수들이다. 

https://www.carl-olsson.com/project/l-system

Lsystem 알고리즘을 활용해서 Threejs 웹 라이브러리로 그려내는 데모
Lsystem 알고리즘을 활용해서 Threejs 웹 라이브러리로 그려내는 데모

Today's Video

어느 새 벌써 할로윈이 다가왔다. 파티하니까 생각나는 것이 Algorave여서 가볍게 소개해본다. 집콕하면서 Algorave로 할로윈 파티 분위기를 대신하는 것도 나쁘지 않겠다. Algorave 영상을 틀어놓고 위에 소개한 PARARTY.com 캐릭터들을 따라 춤추면...?

Algorave: Algorithm + Rave _ 알고리즘 + 라이브 코딩 + DJ 공연

Rave (레이브)를 구글에서 번역했더니, 날뛰다, 광란 파팈ㅋㅋ로 나온다. 매우 적절한 듯...
Rave (레이브)를 구글에서 번역했더니, 날뛰다, 광란 파팈ㅋㅋ로 나온다. 매우 적절한 듯...

마치 클럽에서 DJ가 공연하듯이, 현장에서 음악이나 오디오 비쥬얼을 라이브 코딩으로 만들면서 하는 공연이 Algorave의 특징이다. 유튜브에 검색하면 다양한 공연들을 볼 수 있다. 코로나 이전에는 각 주요 도시에서 자발적인 커뮤니티 행사처럼 공연이나 파티가 열렸었다.

아직 서울에는 없었던 것 같아서 공식 가이드를 내가 직접 한국어로 번역했다. 언젠가 알고레이브하면서 놀게 될 날을 기대하며 얏호~~

화질 좋은 algorave 퍼포먼스 영상
Algorave 웹사이트를 운영하는 Alex McLean의 TED 토크 영상

💜 오늘 뉴스레터가 유익했다면 💜

웹사이트에서 댓글로 감상평을 남겨주시거나

커피 후원을 해주시면 큰 힘이 됩니다☕

메일리 로그인 후, 뉴스레터 포스팅 제목 아래 커피 아이콘을 누르면 후원이 가능합니다 :)
메일리 로그인 후, 뉴스레터 포스팅 제목 아래 커피 아이콘을 누르면 후원이 가능합니다 :)

 

 

다가올 뉴스레터가 궁금하신가요?

지금 구독해서 새로운 레터를 받아보세요

✉️

이번 뉴스레터 어떠셨나요?

코딩하는 아티스트 sosunnyproject 님에게 ☕️ 커피와 ✉️ 쪽지를 보내보세요!

댓글 1개

의견을 남겨주세요

확인
  • Deokhun Sim

    0
    about 3 years 전

    늘 좋은 정보 감사드려요 :)

    ㄴ 답글
© 2024 코딩하는 아티스트 sosunnyproject

예술과 기술을 혼합한 크리에이티브 코딩 소개, 튜토리얼 소식지

뉴스레터 문의sosunnyproject@gmail.com

자주 묻는 질문 서비스 소개서 오류 및 기능 관련 제보

서비스 이용 문의admin@team.maily.so

메일리 사업자 정보

메일리 (대표자: 이한결) | 사업자번호: 717-47-00705 | 서울 서초구 강남대로53길 8, 8층 11-7호

이용약관 | 개인정보처리방침 | 정기결제 이용약관