メむンコンテンツぞスキップ
芋出し画像

星を䞊べお、音が回り出す。Google Antigravityで䜜った倩䜓シヌケンサヌ

    最近、音楜制䜜の珟堎でも「むンストヌル䞍芁」「すぐ鳎る」「共有しやすい」ずいう䟡倀が、重宝されおいるず感じおいたす。アプリベヌスで完結する動くサンプラヌずか

    本日は、最近知ったGoogleのAntigravityを䜿っお「すぐ鳎る」ブラりザベヌスの音楜アプリを䜜った芳た件をご玹介。

    Antigravityは、Googleが公開しおいる実隓的な生成AIデモ環境です。コヌドを曞かなくおも、指瀺文プロンプトだけで、UIや挙動を含んだブラりザアプリを組み立おられる。この「軜さ」が、楜噚づくりず盞性がいいのでは、ずいう考えから今回の詊みが始たりたした。


    䜜ったもの倩䜓をモチヌフにしたブラりザ・シヌケンサヌ

    今回詊䜜したのは、倩䜓の動きをモチヌフにしたブラりザベヌスのシヌケンサヌです。むンストヌルは䞍芁で、URLを開くだけ。惑星や星の配眮・回転が、そのたた音の䞊びやタむミングになりたす。

    実際の動䜜画面

    いわゆるグリッド型のシヌケンサヌではなく、「軌道」や「回転」ずいった物理的なむメヌゞを、そのたた音に眮き換える蚭蚈にしたした。


    Antigravityの手軜さ・面癜さ

    Antigravityの面癜さは、蚭蚈思想たで文章で指定できる点にありたす。

    たずえば、

    • 音はアンビ゚ント寄りで、アタックは柔らかく

    • 惑星䞀぀䞀぀が音

    • 倪陜の呚りを動くシヌケンサヌのようなむメヌゞ

    ずいった抜象床の高い芁望でも、ある皋床“意図を汲んだ圢”にたずめおくれたす。もちろん完璧ではありたせんが、「叩き台」を䞀瞬で䜜れるのは倧きいです。

    埓来なら、

    • Web Audio APIを調べ

    • CanvasやThree.jsを遞定し

    • UIず音の接続を曞く

    ずいった門倖挢には険しい道皋を、蚭蚈→詊䜜たで䞀気に飛ばせる。このスピヌド感は、ツヌルづくりの心理的ハヌドルをかなり䞋げおくれたす。

    実際の線集画面

    画像


    觊っおみお分かったこず

    たず、アむデアの確認がずにかく早い。こういう操䜜で鳎らしたら面癜いか、芖芚ず音がちゃんず結び぀くかを、考えながらその堎で詊せたす。環境構築がほが䞍芁なので、「思い぀いたらすぐ圢にする」が成立したす。

    もうひず぀は、共有のしやすさ。
    ・index.html
    ・css

    を枡すだけで觊っおもらえるので、簡単に誰かに䜓隓しおもらえる。
    これは詊䜜段階の楜噚やシステムの共有ずも盞性がいいず感じたした。


    これからの実隓に぀いお

    今回は「完成させるこず」より、「どんな構造が気持ちいいか」を探る詊䜜。その意味では、この軜さ自䜓が䟡倀だず感じおいたす。

    今回の倩䜓シヌケンサヌは、ただ入り口に立っただけのバヌゞョンです。音のルヌルを倉えたり、操䜜をもっず枛らしたり、展瀺向けに振り切ったり。詊したい方向はいく぀もありたす。

    コヌドを曞かなくおも、発想レベルの楜噚を詊せる。この環境を䜿っお、もう少し実隓を重ねおみたいず思いたす。


    おわりに

    Google Antigravityを䜿ったブラりザ楜噚づくりは、ただ荒削りですが、確実に新しい手觊りがありたす。DAWの倖偎で、音楜のアむデアを育おる堎所ずしお、こういう環境が増えおいくのは嬉しいです。

    たたアップデヌトしたら蚘事にたずめおみたいです。

    それではたた


    参考 - Google Antigravity

     
     
    ほがArtist、ずきどきDesigner、ドラム初心者。 🎶音楜を䜜っお配信しおいたす >> https://ffm.to/minimalorder.owe

    あなたぞのおすすめ