2016

Shugo Tokumaru “BRICOLAGE MUSIC”

Shugo Tokumaru “BRICOLAGE MUSIC”の画像

トクマルシューゴのレコーディングに参加しよう!

Venue: 東京都 池尻 IID 世田谷ものづくり学校

Date: 2016/08/07

Overview

独自の音楽が国内外で評価されるミュージシャン、トクマルシューゴさんの新作アルバムにあわせて、iPhoneアプリとデスクトップ向けウェブサイトで構成した、ユーザー参加型新曲制作プラットフォーム「BRICOLAGE MUSIC」を公開しました。
ユーザーはiPhoneアプリとウェブサイトから音声の投稿が可能です。投稿した音声は自動解析され、一拍分(約0.5秒間)に切り取られて音楽の一部になります。音声の一部はトクマルシューゴさんのアルバム「TOSS」の内「BRICOLAGE MUSIC」に収録されました。

Website:

www.shugotokumaru.com/6th/

Shugo Tokumaru “BRICOLAGE MUSIC”の画像

Challenges and Requirements

トクマルシューゴさんはフィールドレコーディングやトイピアノなど、様々な物や状況から音取り入れて曲に落とし込むサウンドが特徴のミュージシャン。その音楽スタイルは国内に限らず海外でも高い評価を受けています。本プロジェクトはトクマルさんの、多くの人から「音」を集め、ブリコラージュ的に曲を作る実験・実践したい、という要望から始まりました。ユーザー自身が録音し、楽しんで投稿してもらい楽曲のための幅広い素材を収集できる仕組みをデザインすることが、RANAGRAMの課題でした。

Solution and Approach

Recording

ユーザーが録音した音声をアップロードする様子

スマホではアプリケーション内に搭載されているマイク録音から、PCではウェブサイトから音声ファイルを、それぞれ音のアップロードが可能です。アップされた音は自動解析により一拍分に切り取られます。音程によって色・形状が変わる愛嬌あるキャラクタービジュアルが当てはめられます。

Preview + Packaging

集めた音がミックスされる様子を視覚化した画像

集められた音はウェブサイトとアプリから試聴することが可能です。プレビューには他の投稿者からの様々な音とミックスされ、リズムの音が加わり、ひとつの音楽として楽しむことができます。また、集められた音の一部は編曲され、「BRICOLAGE MUSIC」としてアルバム「TOSS」内に収録されました。

Workshop

ワークショップで音を探す様子

6歳から小学校低学年までの親子向けを対象に、本アプリケーションを使用したレコーディングワークショップを世田谷ものづくり学校にて開催しました。フィールドレコーディングから録音した音が音楽の一部として実際に使われるまでの一連の流れを体験できる内容です。

SOFTWARE DETAILS

ワークショップの流れのフロー図

・ユーザー投稿された音が、適切なタイミングと長さで聞こえるよう、サーバ上で加工。また、音の周波数を分析し、キャラクターを割り当てました。
・ウェブサイト上で投稿された音をまとめて試聴する際、毎ロード毎に異なる印象になるように、ランダムで再生し、同じ再生順にならないような仕組みです。
・投稿数が増えても大きな負荷が掛からないよう、キャラクター表示はThree.js/WebGLを使用して描画しました。
・音を集めるために、ウェブサイト上での音声ファイルアップロードと、マイク機能を使ってアップロード可能なiOSアプリケーションを開発しました。

CREDIT

Director / Front-end developer : Naoki SEKIGUCHI (RANAGRAM)

Software developer : Masahide YOSHIDA (RANAGRAM)

UI and visual designer / Workshop facilitator : Nozomi SHIRA (RANAGRAM)

Supervisor : Takashi AOKI (RANAGRAM)

Art director : Yuri YOSHIKAWA (RaNa design associates, inc.)

Planner : TONOFON, RANAGRAM

VISIT WEBSITE
リンク先へのウィンドウマーク

ROLE

Project Manager

Design

Development

Direction

CLIENT

Shugo Tokumaru

TONOFON INC.

P-VINE, Inc..

ラナグラムのオフィスの様子
ラナグラムのオフィスの様子
ラナグラムのオフィスの様子
ラナグラムのオフィスの様子

RECRUIT

RANAGRAMのメンバーとして、デザインとテクノロジーの専門性を高め、社会貢献をしながら共に成長しませんか?デザインとテクノロジーに情熱を持ち、チームワークを大切にできる方、成長したいという強い意欲を持つあなたからのご応募をお待ちしています。

ラナグラムのキャラクターの画像
ラナグラムのキャラクターの画像
ラナグラムのキャラクターの画像
ラナグラムのキャラクターの画像

CONTACT

案件のご相談、見積・制作依頼、技術提供に関するお問い合わせ等はこちらからお願いいたします。返信に数日かかる場合もございますので、お急ぎの方はお電話でお問い合わせください。また、内容によっては、お返事いたしかねる場合もございますので、あらかじめご了承ください。