ハンズオン概要

このハンズオンは、PlayCanvasとTextAlive App APIを組み合わせてオリジナルの3Dリリックアプリ開発体験をするハンズオンです。

あらかじめスターターキットを用意していますので、PlayCanvasが初めての人でも、リリックアプリ開発が初めての人でもお気軽に参加することができます。

楽曲情報を利用してダイナミックに歌詞に合わせて動くリリックアプリを、PlayCanvasで開発しましょう！

初音ミク「マジカルミライ」10th Anniversaryプログラミング・コンテスト

本ハンズオンは初音ミク「マジカルミライ」10th Anniversaryプログラミング・コンテストに合わせての開催となります。 ぜひ本ハンズオンで開発したリリックアプリを改良して、コンテストに挑戦してみてください！

【『初音ミク「マジカルミライ」10th Anniversary』プログラミング・コンテスト概要】

プログラミングの力で作品を作り、創作文化に参加しよう！ 入賞した作品は、初音ミク「マジカルミライ」10th Anniversaryの企画展ステージにて発表！

■募集内容

• 初音ミク「マジカルミライ」10th Anniversary 楽曲コンテストの採用作品にあわせて歌詞などの映像演出が魅力的に動くWebアプリケーション（リリックアプリ）を募集します。
• 「TextAlive App API」（詳細は後述）を使用して開発してください。

■募集期間

2022年4月15日（金）17:00 ～ 2022年7月21日（木）23:59

主催：クリプトン・フューチャー・メディア株式会社 協力：産業技術総合研究所（産総研） RecMusプロジェクト

▼コンテストの詳細はこちら

https://magicalmirai.com/10th/procon/

作成するリリックアプリ

3Dテキストになった歌詞が曲に合わせて積もっていくようなリリックアプリを開発します。

体験はこちら→ https://playcanv.as/p/QBoPgxvT/

当日はこれをベースとして、ご自身で自由に演出表現を加える体験ができます。

講師

津田良太郎（うたろ） @utautattaro

マジカルミライ 2021 プログラミング・コンテスト　最優秀賞受賞者

内容

• PlayCanvas x TextAliveのスターターキットを確認する
• 歌詞情報の取得方法を確認する
• 3Dテキストを表示する
• 歌詞に合わせてダイナミックに3Dテキストを生成する
• パラメーターを変更して自由にリリックアプリを開発する
• ダウンロードしてコンテストに応募する！

対象者

• リリックアプリ開発に興味がある方
• PlayCanvasに興味がある方

※開発経験のない方でもわかりやすい内容になっています！

事前準備

• PlayCanvasのアカウント
  日本公式サイトよりご登録ください。
• パソコン及び開発用ブラウザ（Google Chrome / Firefox)
• マウス

費用

• 参加費: 無料

参加方法について

ハンズオンにつきましてはYouTubeのPlayCanvas運営事務局チャンネルでストリーミング配信を予定しております。
connpassの方で参加登録いただくと、当ページの「参加者への情報」に配信先URLを載せています。
また、当日は配信URLをメールにてリマインドさせていただきます。

PlayCanvas運営事務局 YouTubeチャンネル

タイムスケジュール

オンライン配信日 2022年 5月 31日

※ 進行状況によってある程度前後しますことをご了承ください。

連絡先 メールアドレス : ryotaro-tsuda@gmogshd.com

PlayCanvasとは？

PlayCanvasはオープンソースのゲームエンジンで、
HTMLとWebGLを使ってブラウザゲームや3Dのコンテンツを作ることのできるJavaScriptのライブラリです。
豊富な機能を揃えた3Dエンジンとクラウドホスティングされた開発環境およびツールセットを備えています。

PlayCanvas | 日本公式サイト
https://playcanvas.jp/

PlayCanvas運営事務局 Twitter公式アカウント
PlayCanvas運営事務局 YouTubeチャンネル

リリックアプリとは？

リリックアプリとは、音楽に合わせてタイミングよく歌詞が動くWebアプリケーションです。 TextAlive App APIというJavaScript用のライブラリを使うことで簡単に開発できます。

TextAlive App API 公式サイト https://developer.textalive.jp/

初音ミク「マジカルミライ 2021」 プログラミング・コンテスト 作例紹介ページ https://developer.textalive.jp/events/magicalmirai2021/

『初音ミク「マジカルミライ」10th Anniversary』とは?

https://magicalmirai.com/10th/

『初音ミク「マジカルミライ」』は、初音ミクたちバーチャル・シンガーの3DCGライブと、創作の楽しさを体感できる企画展を併催したイベントです。初音ミクたちをハブ（きっかけ）として、「創作」というキーワードで繋がる場所、その楽しさを体感できる場所を目指して展開。2013年から毎年開催しており、記念すべき10回目となる今回は「レトロフューチャー」をイベントテーマに、OSAKA、TOKYO、そして初となるSAPPOROを加えた3会場で開催します。

◆OSAKA会場｜インテックス大阪 4号館・5号館A・5号B、8月12日（金）～14日（日）［ライブ・企画展］ ◆TOKYO会場｜幕張メッセ 国際展示場 9-11ホール、9月2日（金）～4日（日）［ライブ・企画展］ ◆SAPPORO会場｜札幌文化芸術劇場 hitaru、2023年2月4日（土）～5日（日）［ライブ］

Art by KEI ©️ Crypton Future Media, INC. www.piapro.net

PlayCanvas運営事務局について

PlayCanvasは、ブラウザ向けに作られたWebGL/HTML5ゲームエンジンです。
PlayCanvas運営事務局は日本国内でのPlayCanvasの普及を目的に活動しています。