0
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?

プログラミング未経験のバンドマンが、p5.jsと生成AIで「特効シミュレーター」を自作してみた

0
Posted at

はじめに

はじめまして
本職はミュージシャンでしてプログラミング知識は全くありません。

そんな私が、AIを使って、「ブラウザで動くステージ特効シミュレーター」を作ってみました。

「バンドマンが何を作ったの?」と少しでも興味を持っていただけたら嬉しいです。

作ったもの

Stage SFX Simulator(特効シミュレーター)
ブラウザ上で、ライブステージの「特効(炎、CO2、スパーク)」をシミュレーションできるツールです。

デモサイト (GitHub Pages):
https://vivid-base.github.io/sfx-simulator/

リポジトリ:
https://github.com/Vivid-BASE/sfx-simulator

SFX_PLAN (1).png

インストール不要で、PCでもiPad(タッチ操作)でも動きます。

なぜ作ったのか?

きっかけは、知り合いとの何気ない会話でした。
「シミュレーション系のソフトって、すごく高いんだよね」

その言葉を聞いて、ふと思ったんです。
「今の時代AIを使えば、自分でも作れるんじゃないか?」

技術スタックとAI活用

  • 言語: JavaScript
  • ライブラリ: p5.js
  • 開発: Gemini,Chat GPT

苦労した点:高さの調整

ステージサイズを変更出来るようにしたかったのですが、サイズを変えると装置から出力される炎などの高さが合わなくなる事の調整がなかなかうまくいきませんでした。
あとはPCとiPadで同じような事をしたかったのですが操作方法が違うのでそこの対応も時間掛かりました。

おわりに

プログラミングの専門家でなくても、AIという最強のペアプロ相手がいれば、「作りたいもの」さえあれば形にできる素晴らしい時代になったと実感しています。

もしよろしければ、是非触ってみてください。

0
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
0
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?