Art and Programming

#코딩을_배우면_우리는_어디까지_할수있을까?

1. 'CHROME MUSIC LAB' 은 'Experiments with Google'의 한 꼭지입니다.

'Experiments with Google' 는 무엇일까요?

2009 년부터 코더들은 Chrome, Android, AI, Web VR, AR 등을 사용하여 수천 개의 놀라운 실험을 만들었습니다. 여기에서는 유용한 도구 및 리소스와 함께 다른 사람들이 새로운 실험을 만들도록 영감을주는 프로젝트를 소개합니다. 매주 새로운 실험이 추가되는 탐색 할 실험 모음입니다. 즐기세요.

Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, Web VR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments. Here are collections of experiments to explore, with new ones added every week. Have fun.

 

'Experiments with Google'은 18개의 Collection으로 구성되어 있습니다.

Collections
Collections are curated stories showcasing the best of experiments, tools, and resources on the site.
컬렉션
컬렉션은 사이트에서 최고의 실험, 도구 및 리소스를 보여주는 선별 된 스토리입니다.

Collection 1번부터 6번까지 (총 18개)
Collection 7번부터 12번까지 (총 18개)
Collection 13번부터 18번까지 (총 18개)

 

'Experiments with Google'에는 1564개의 실험이 등록되어 있습니다.

Experiments are projects that push the boundaries of art, technology, design and culture. Experiments inspire, teach, and delight.

실험은 예술, 기술, 디자인 및 문화의 경계를 넓히는 프로젝트입니다. 실험은 영감을주고 가르치고 기쁘게합니다.

 

 

출처: https://experiments.withgoogle.com/

 

Experiments with Google

Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments.

experiments.withgoogle.com

 

2. 'CHROME MUSIC LAB'이 등록되어 있는 'Chrome Experiments'를 살펴보겠습니다.

Chrome 실험
Chrome Experiments는 웹 기술의 경계를 넓혀 아름답고 독특한 웹 경험을 만들어내는 코더들의 작품입니다. 자신 만의 실험을 만드는 데 도움이되는 링크를 사이트 전체에서 찾을 수 있으며 WebGL Globe 및 도구 워크숍과 같은 리소스를 탐색 할 수도 있습니다.

Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.

CHROME + MUSIC이 대표 카테고리인것 같습니다. 오늘 살펴볼 CHROME MUSIC LAB이 대표 프로젝트로 등록되어 있습니다.
WEBGL GLOBE

WebGL Globe는 위도 / 경도 데이터 스파이크, 데이터 값에 따른 색상 그라디언트 및 마우스 휠 줌 기능을 갖춘 지리 데이터 시각화를위한 개방형 플랫폼입니다.

The WebGL Globe is an open platform for geographic data visualization featuring latitude/longitude data spikes, color gradients based on data value and mouse wheel zoom functionality.

CHROME + WEBGL
ALL CHROME EXPERIMENTS (1)
ALL CHROME EXPERIMENTS (2)
ALL CHROME EXPERIMENTS (3)

Chrome Experiments에 속한 프로젝트들을 스크롤을 내려가며 계속 살펴볼 수 있습니다. 이처럼 수많은 프로젝트 들이 '크롬 실험'에 포함되어 있고, 오늘 살펴볼 'CHROME MUSIC LAB'은 그 중 하나일 뿐이니, 구글의 실험이 얼마나 방대한지 알 수 있습니다.

 

 

 

3. 'CHROME MUSIC LAB'를 살펴보겠습니다.

Chrome Music Lab은 재미있는 실습 실험을 통해 음악을 더 쉽게 배울 수있는 웹 사이트입니다.

 

CHROME MUSIC LAB에는 총 13개의 도구가 등록되어 있습니다.

 

각 프로젝트를 통해서 멜로디 뿐만 아니라, 리듬이나 코드 등의 소리와 음악의 원리를 깨우칠 수 있습니다.

 

아래는 가장 대표적 프로젝트인 Song Maker에 대한 설명입니다.

Chrome Music Lab의 대표 프로젝트인 Song Maker에 대한 소개입니다.
Chrome Music Lab의 최신 실험 인 Song Maker는 누구나 간편하게 노래를 만들고 공유 할 수있는 방법입니다. Google Creative Lab, Yotam Mann에서 제작했으며 Web Audio API, WebMIDI, Tone.js 등을 사용하여 다섯 가지를 모두 사용합니다. Github 페이지에서 자세히 알아보십시오.

Song Maker, the newest experiment in Chrome Music Lab, is a simple way for anyone to make and share a song. Built by Google Creative Lab, Yotam Mann, and Use All Five using Web Audio API, WebMIDI, Tone.js, and more. Learn more on our Github page.

이것이 Song maker의 뷰 입니다. 여기에서 리듬과 멜로디를 입력하여 음악을 만들수 있습니다.

 

음악 전체에 대한 설정도 할수 있습니다. 간단해 보이는 인터페이스이지만 작곡에 필요한 모든것을 담고 있어서 놀랐습니다.

 

아래는 제가 간단하게 만들어 본 '학교종이 땡땡땡' 노래 입니다. 한번 확인해보시고, 실제로 수정도 해보면서 체험해 보시기 바랍니다.

 

musiclab.chromeexperiments.com/Song-Maker/song/4922153817341952

 

Chrome Music Lab - Song made Aug 07, 2020

Check out this song created with Song Maker.

musiclab.chromeexperiments.com

 

 

이곳에서 위에서 설명한 작곡 프로그램인 Song maker를 사용해 보실 수 있습니다.

https://musiclab.chromeexperiments.com/Song-Maker

 

Chrome Music Lab

Music is for everyone. Play with simple experiments that let anyone, of any age, explore how music works.

musiclab.chromeexperiments.com

 

Chrome Music Lab에 대해서 더욱 자세히 알고 싶으시면 아래의 글을 참고하세요.

Chrome Music Lab이 무엇인가요?
Chrome Music Lab은 재미있는 실습 실험을 통해 음악을 더 쉽게 배울 수있는 웹 사이트입니다.

그것은 무엇을 위해 사용될 수 있습니까?
많은 교사가 Chrome Music Lab을 교실에서 도구로 사용하여 음악과 과학, 수학, 예술 등과의 연관성을 탐색하고 있습니다. 그들은 그것을 춤과 라이브 악기와 결합했습니다. 다음은 트위터에서 찾은 몇 가지 용도 모음입니다.

나만의 노래를 만들 때 사용할 수 있습니까?
예. 자신의 노래를 만들고 공유 할 수있는 Song Maker 실험을 확인하십시오.

계정을 만들어야합니까?
아니. 실험을 열고 연주를 시작하십시오.Chrome Music Lab이 무엇인가요?
Chrome Music Lab은 재미있는 실습 실험을 통해 음악을 더 쉽게 배울 수있는 웹 사이트입니다.

그것은 무엇을 위해 사용될 수 있습니까?
많은 교사가 Chrome Music Lab을 교실에서 도구로 사용하여 음악과 과학, 수학, 예술 등과의 연관성을 탐색하고 있습니다. 그들은 그것을 춤과 라이브 악기와 결합했습니다. 다음은 트위터에서 찾은 몇 가지 용도 모음입니다.

나만의 노래를 만들 때 사용할 수 있습니까?
예. 자신의 노래를 만들고 공유 할 수있는 Song Maker 실험을 확인하십시오.

계정을 만들어야합니까?
아니. 실험을 열고 연주를 시작하십시오.

어떻게 만들어 졌습니까?
우리의 모든 실험은 모두 Web Audio API, WebMIDI, Tone.js 등과 같이 자유롭게 액세스 할 수있는 웹 기술로 구축되었습니다. 이러한 도구를 사용하면 코더가 새로운 대화 형 음악 경험을보다 쉽게 ​​구축 할 수 있습니다. 여기 Github에서 이러한 많은 실험에 대한 오픈 소스 코드를 얻을 수 있습니다.

어떤 장치에서 작동합니까?
Chrome과 같은 웹 브라우저에서 사이트를 열면 휴대 전화, 태블릿, 노트북 등 모든 기기에서 이러한 실험을 할 수 있습니다.

Chrome Music Lab의 다음 단계는 무엇입니까?
우리는 항상 사람들이 이러한 실험을 사용하는 새롭고 예기치 않은 방법에서 영감을 얻습니다. 공유하고 싶은 내용이 있으면 #chromemusiclab에 게시하거나 연락주세요.


What is Chrome Music Lab?Chrome Music Lab is a website that makes learning music more accessible through fun, hands-on experiments.

What can it be used for?Many teachers have been using Chrome Music Lab as a tool in their classrooms to explore music and its connections to science, math, art, and more. They’ve been combining it with dance and live instruments. Here’s a collection of some uses we’ve found on Twitter.Can I use it to make my own songs?Yes. Check out the Song Maker experiment, which lets you make and share your own songs.Do I need to make an account?Nope. Just open any experiment and start playing.

How were these built?
All our experiments are all built with freely accessible web technology such as Web Audio API, WebMIDI, Tone.js, and more. These tools make it easier for coders to build new interactive music experiences. You can get the open-source code to lots of these experiments here on Github.

What devices do these work on?You can play with these experiments across devices – phones, tablets, laptops – just by opening the site on a web browser such as Chrome.What's next for Chrome Music Lab?We always get inspired by new, unexpected ways that people use these experiments. If you’d like to share something with us, post it with #chromemusiclab or drop us a line.

 

 

 

4. 마치며...

구글의 예술과 기술이 결합에 대한 실험 중, 가장 대표적인 음악 분야와 대표 프로젝트인 송메이커에 대해서 알아보았습니다.

다음에는 여기에 저의 프로젝트도 직접 한번 등록해 보도록 하겠습니다.

 

혹시 좋은 아이디어가 있는데, 코딩 등의 어려움으로 직접 진행하기 어려우신 경우 연락주시면 공동작업을 고려해보도록 하겠습니다.

감사합니다.

 

 

 

소스코드: https://github.com/googlecreativelab/chrome-music-lab

 

googlecreativelab/chrome-music-lab

A collection of experiments for exploring how music works, all built with the Web Audio API. - googlecreativelab/chrome-music-lab

github.com

 

공유하기

facebook twitter kakaoTalk kakaostory naver band