
トクマルシューゴのレコーディングに参加しよう!
Venue: 東京都 池尻 IID 世田谷ものづくり学校
Date: 2016/08/07
Overview
独自の音楽が国内外で評価されるミュージシャン、トクマルシューゴさんの新作アルバムにあわせて、iPhoneアプリとデスクトップ向けウェブサイトで構成した、ユーザー参加型新曲制作プラットフォーム「BRICOLAGE
MUSIC」を公開しました。
ユーザーはiPhoneアプリとウェブサイトから音声の投稿が可能です。投稿した音声は自動解析され、一拍分(約0.5秒間)に切り取られて音楽の一部になります。音声の一部はトクマルシューゴさんのアルバム「TOSS」の内「BRICOLAGE
MUSIC」に収録されました。
Website:
www.shugotokumaru.com/6th/

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
CLIENT
Shugo Tokumaru
TONOFON INC.
P-VINE, Inc..




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




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