音楽に同期して歌詞がアニメーションする動画を制作でき、演出をJavaScriptで拡張できる統合制作環境です。

研究プロジェクト<a href="/ja/textalive">TextAlive</a>のロゴや配色を含むブランドキットをデザインしました。また、WebサイトをNode.jsとMySQLなどを用いて開発した他、ドキュメントサイトはWordPressで構築しました。WebデザインにはBootstrap CSSフレームワークを利用しました。

TextAlive ブランドデザイン

TextAlive

ウェブ上の楽曲と歌詞を用いたKinetic Typographyのための統合制作環境

Griffithは、日本のアニメ制作において設計図とも言うべき絵コンテのための、Webベースの制作支援ツールです。

Griffith

Webベースのアニメ用絵コンテ制作支援ツール

多種多様なデバイスを音楽と同期して制御できるアプリケーションを容易に開発できる<abbr title="Software Development Kit; 開発キット">SDK</abbr>が整備されたプラットフォームです。

Songleの既存のロゴをベースに、世界観を崩さないよう、派生プロジェクトであるSongle APIとSongle Syncのブランドキットをデザインしました。<a href="/ja/songle-sync">Songle Syncチュートリアル</a>や<a href="https://github.com/SongleJp">GitHubリポジトリ</a>の開設時にブランドキットを利用しました。チュートリアルサイトはSemantic UI CSS/JavaScriptフレームワークを利用して構築しました。

Songle Sync ブランドデザイン

Songle Sync

大規模音楽連動制御プラットフォーム

<abbr title="Internet of Things">IoT</abbr>機器の筐体設計とファームウェア開発を同時に行える設計ツールです。専門知識不要で機器をカスタマイズできます。

研究プロジェクト<a href="/ja/f3js">f3.js</a>のロゴや配色を含むブランドキットをデザインしました。また、WebサイトをNode.jsとMySQLなどを用いて開発した他、ドキュメントサイトはWordPressで構築しました。WebデザインにはSemantic UI CSS/JavaScriptフレームワークを利用しました。

* as a Code
コンテンツをプログラミングする方法

プログラミング環境を作る

実行結果