4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Engineering for VtuberAdvent Calendar 2021

Day 19

OpenProcessing をお手軽ミニゲーム作成プラットフォームとして使う

Posted at

はじめに

バーチャルツール開発者の小栗さえと申します。
Vtuberや配信者、VRユーザー向けのツールを開発したりしています。

OpenProcessing とは

OpenProcessing は、誰でも簡単にprocessing.jsやp5.jsなどの画像処理ライブラリを使ったグラフィカルなアプリケーションを作成、公開できるプラットフォームです。作品にはライセンスを設定でき、他人の作品をフォークしてアレンジしたアプリケーションを作ることも簡単にできます。

本記事は上記の**『他人の作品をフォークしてアレンジしたアプリケーションを作れる』機能を活用し、Vtuberの方に自分の画像素材を適用したミニゲーム**を作ってもらうことを目標にします。

サンプルゲームの作成

まずはサンプルアプリケーションをつくります。
三角関数とか幾何学的な衝突判定とか全くわからないですが、似たようなミニゲーム作品などはOpenProcessing内の検索でたくさん見つかるしコードも見れるので、見よう見まねで作っていきます。(そのまま使えそうならフォークしてもいいのかも)

少しわかりにくいですが右側のメニューからファイルをアップロードできます。
ここをテンプレっぽくしておき、フォークしてここの画像を入れ替えてもらうような想定にしておきます。解像度や画角が多様だと思いますので、考慮しておくとよさそうです。

サンプル画像としては、ニコニコモンズでボカロ/ボ色系の立ち絵などで探すとフリーで使えそうなイラストがお借りできます。
image.png

サンプル作品ができたらSaveして自分の作品として登録します。
サムネイルの設定や、ライセンスの設定などをしておきます。(デフォルトは CC BY-NC-SA 3.0 っぽいので注意)
image.png

マニュアル作成と宣伝

あとは宣伝するだけです。
作品のフォークの仕方や画像差し替えの仕方などをマニュアル化し、完成イメージ(動画にしておくとGood)と共に告知します。

note: 5分でできるブロック崩しの作り方
告知ツイート

実際に使われたのか

フォーク一覧から見ることができるので便利!
image.png

#さいごに
フォークしてSaveするだけで個別のURLが発行されサムネのOGPなども設定されるので、かなりポテンシャルがある開発方法なのかなと思いました。ミニゲーム以外にも動画素材や配信サポートツールなどでも使えそうでした。
Vtuber にミニゲームを作ってもらうようなアプローチの仕方はまだまだ新鮮かと思いますので、是非チャレンジしていただければ幸いです!

参考:Vtuberロゴを表示させるアニメーション作品
https://openprocessing.org/sketch/739574

4
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?