電脳音楽創造機構 Tones

  • Web Planning
  • Web Design
  • Web Coding
  • Logo Design
  • Motion Direction
  • Graphic Design

音楽を直感的に創造できるWebツール

『電脳音楽創造機構 Tones』は、直感的に音楽を創り上げることができるツールです。 最大で4つの音楽ファイルを再生し、自分のお気に入りの音楽ループを奏でることが可能です。 当作品内のロゴ・映像・音源・ポスターは全て自作しています。ロゴは作品の世界観をより意識させるために近未来感のある見た目に作成。作品内の映像はgifとして書き出し、映像よりも軽く動くようにしています。音源はLogicProXで作成、wavファイルとして書き出しており、最大4つの音源がバラバラにならないようTone.jsを活用、タイムラインで同時再生を実現しました。

コンセプト

『電脳音楽創造機構 Tones』は、直感的に音楽を創り上げることができるツールです。作曲を始める上でハードルの高い音楽理論や作曲設備なしで、作曲の楽しさを感じてもらいたく、制作を開始しました。 自分自身も作曲を独学で学んで1年ほど苦労した覚えがあり、作曲にせっかく興味を持っているのに諦めてしまうのは勿体無いと思ったので、自身のスキルで何かできないかと発起。
当作品は、福岡デザイン専門学校 第24回卒業制作展においてWebデザイン専攻史上初の銀賞を受賞しました。現在、福岡デザイン専門学校のWebサイト内にて、学生作品として紹介していただいております。

制作フロー

  • Process01

    企画・設計

    1ヶ月

  • Process02

    競合・参考分析

    2週間

  • Process03

    実験&デモ作成

    2ヶ月

  • Process04

    コンセプト・ロゴ作成

    2週間

  • Process05

    UIデザイン作成

    3週間

  • Process06

    映像・音源等の素材作成

    1ヶ月

  • Process07

    コーディング

    2ヶ月

  • Process08

    展示設計

    1週間

  • Process09

    搬入・展示空間設営

    2〜3週間