2026年2月に作成した幾何学作成アプリGeogeneratorに動画機能を追加した。
平面パターンを動かすより3Dパターンを動かした方が面白いので、何パターンか追加した。
音楽を読み込み、音楽に合わせて脈動するようにもした。
楽曲はStable Audio 3で作成したものを使用。
また色を周期的に変わるようにして、単調にならないようにしました。
Studio Fruit Jam Blog


Xcode26.3 笑ってしまうほど簡単にアプリができた。 | Studio Fruit Jam Blog
「アプリ開発って、結局は言語の勉強からでしょ?」——HyperCardからRealBasic、Postscriptやったり、Processingやったりで、ずっとそう思っていました。ところが2026年2月…
Studio Fruit Jam Blog


Stable Audio 3をCodexでGradio化。Macで動く音楽生成WebUIを作ってみた
Stable Audio 3が出た! ということで、さっそくCodexに構築してもらいました。今回はMacアプリではなく、Gradioを使ったWebUIです。ローカルで動かしつつ、ブラウザから…

Codexへの指示
Codexへの指示です。どのように改善していったかが分かるかと思います。Codexの回答やエラー関係は長くなるので省略しています。
20260601
- 以前XcodeとCodexで作ったGeogeneratorという幾何学静止画生成アプリがあります。 これを動画生成バージョンにしたいと思ってます。 パラメータを自動的に少しづつ変えて行ったり、色を少しづつ変える、3D的に回転させるなど動画的な要素を入れたいと思います。 一部リアルタイムビューではないので、リアルタイムビューにしたい。 書き出しもMovieStudioFJと同じようにできる。
(※MovieStudioFJは動画編集アプリ。まだブログでは掲載していません。まだ未完成なので) - コントロールパネルが盛りだくさんになって、使いにくくなってきました。別タブに分けた方がいい。
- オーディオビジュアライザーとしても使えそうなので、オーディオを取り込んで、音の振幅で図形を変化させたい。
- 長さはループの長さのままでいいですが、動画の長さを390秒まで増やしたい。ループが何回か繰り返す長さです。
20260602
- 音声で図形を変化させるで拡大と回転を選ぶと「runを選ぶと図形が表示されます」が出て、runを押しても反応はありません。以前は図形が出ていました。
- パラメータは効きます。ただ音声に同期して動いているという感じが希薄です。描画モードのサイズを変えた方が同期して見えるのではないかと。
- ループ一周の長さが短くて、長い動画だと同じパターンが何度も出てきて単調に見えてしまいます。長い動画でも飽きが来ないように動きに変化をつけたい。
- パターンの動きが速すぎて、脈動が感じにくいです。反応量をMaxにしてなめらかさを0にして、パターンの動きがスローの時に脈動しているのが分かる感じです。音楽に同期したパターンの動きにしてください。
- かなり良くなりました。ただループが始めに戻ると別表情とまでは言えない同じパターンに見えてしまいます。あともっとスローでもいいと思います。 グロー効果ってつけられますか?
20260603
- 音楽のスピード、テンポ、ビート等に同期したパターンの速度にしたい。 ゆっくりな音楽ならパターンもゆっくり動き、速い音楽なら速いパターンの動きに。また反応量の大きさを増やしたい。
- 60~79 BPM(正しいかどうか分からないが)のスローな音楽が推定117 BPM となっていました。
- 進行速度がまだ速い感じがします。 – 帯域分離を入れてください。
- 動画書き出して見ると、動きがめちゃめちゃ速くて、目が回りそうになります。プレビューの2倍かどうかは分からないですが、速すぎます。
- 170 – 190BMPが推定テンポ 86 BPMと出てました。多分イントロはそんなに速い感じではなかったので、そんな数値になったのかと。
- 動画書き出し時にレインボーカーソルが回り、反応なしになります。書き出しはできます。
- スロー曲60 – 79→117BPM、速い曲170 – 190→86BPM 動画は前と変わらずすごく速いです。 レインボーカーソルは出ません。ただし書き出し時間が2倍以上になった。
20260604
- 書き出しは速くなりました。推定テンポは変わらず60〜79 -> 117でした。 テンポ補正はこちらで手動でやります。こちらはテンポが大体わかっているのでその方が確実です。また感覚で合わせることもできるので、調節のスライダー入れてください。
- 動きに関しては大体固まってきたようなので、次は動画タブの線と塗りの色変化に関して。これあまり効いていない感じがします。背景色変化も。(元々1色しか設定できないので)
20260605
- 線と塗りの変化ですが、グラデーションに対しては効果が感じられません。
- 背景色変化はやめて、背景色は単色かグラデーションにしたいです。グラデーションは2色指定でき、中間点を設定できる。
- 読み込んだ音声の長さを最終動画の長さに設定してください。
- グラデーションの変化が見えません。どのように変わっていくのでしょうか? グラデーションの各ストップ自体が動く という意味が良くわかりません。
- 何故、色変化したいかというと長い時間同じ色調だと単調になり飽きがくるので、色を変化させて単調になりにくくしたいからです。短時間にコロコロ色を変化させるのではなく、30秒または60
20260606
色調の変化、3Dパターンの重さについて
- パターンに単色またはグラデーションは、動画タブの 「変化先の塗り色」が最初に塗られ、色タブの 「塗りの色」を設定しても設定した色ではなく 「変化先の塗り色」とミックスされた色になってしまいます。「塗りの色」が始めに表示され、それが変化してほしいです。
- 3D(conical spiral)のパターンで元のグラデーションが以前と変わっています。最初の方は元のグラデーションですが、繰り返し後は色が変わっています。本来は同じグラデーションが繰り返しになっていました。
- 同じく登録した3Dのパターンプリセットを押すと、かなり時間がかかって読み込まれます。コントロールパネルの操作がもっさりしていて、書き出しも時間がかなりかかっています。プレビューもかなりコマ落ちしています。書き出し後の動画は問題ないです。
- 他の平面パターンの動きは問題ないです。
- プリセット、プレビュー、書き出しの重さは解消しました。 ただ色タブの塗りの色が違っています。 添付の現在の画像にはプリセットにない黄緑色が入っています。
- OKです。直りました。 次は基本タブで数式を追加したいです。3Dの動きが結構面白いので。 追加するモード(3D)
- 緯線を使った球の表現
- 経線を使った球の表現
- 緯線と緯線を足した球表現
- 球面螺旋 共通 陰線処理ある/なし(できれば) その他何か面白い立体があれば追加してください。
20260607
- SphereLat、SphereLon、SphereWireの緯線数、経線数を2倍にしてください。
- SphericalSpiralは巻数を2倍にしてください。
- 動画タブの「ループ1周の長さ」を60秒にしてください。
- 動画タブの「ループ1周の長さ」でループが終わると現在は色がリセットされ元に戻る。 唐突な感じがするので、逆向きに色を変化させ元の色に戻す。または、変化先の色1色のように色を設定するのでなく、少しづつ色値を増加させMaxになったら減少させる。Minになったら増加させるを繰り返す。
- 色タブの背景グラデーションの方向で現在の左上に追加して縦、横、右上を選べるようにしてください。 – 背景グラデーション中間点を終了色間近まで設定できるようにしてください。(参考画像あり)
- 動画タブの書き出しでファイル名を数式名+当日のタイムスタンプにしてください。
例 SphereLat-20260528-190230 - 背景グラデーションの中間点が感覚としてまだ半分くらいに感じます。もっと広げてください。
- ファイル名はOKです
20260609
動画タブ関係
- 「ループ1周の長さ」を読み込んだ音声の長さにしてください。
- 「変化先の塗り色」をやめて、少しづつ色値を増加させMaxになったら減少させる。Minになったら増加させるを繰り返す。「変化先の線色」はそのままでOK。
- 「音声で図形を変化させる」の「滑らかさ」を0.5をMaxにして。
- 「低音/中音/高音を分けて使う」にそれぞれ「反応量」を付けて。
- 色タブの「背景グラデーション」スライダーを対数寄りにして。
20260610
- 「音声で図形を変化させる」にチェックを入れると「反応量」が0.0でも動き出す。動きが大きいので「反応量」がが0.0では動きださないようにして。また動き出すのがデフォルトなら動きをほんの少しにして。
- 「反応量」、「低音の反応量」、「中音の反応量」、「高音の反応量」はMaxで1.0にして。
- 色変化に関して、 RGB 値の増減だと色が薄くなりがちなので、HSBのHueのみ変更して。
20260611
- 本タブで以下数式のスライダー設定が効きません。Polygon のサイズ、SphereLatの半径、SphereLonの半径、SphereWireの半径、SphereSpiralの半径、Caldioidのa、Astroidのa、Rose Curveのa、Maurer Roseのa、Trifoliumのa、Rouletteのa、Felmat Spiralのa、Logarithmic Spiarlのa、Butterflyのscale。キャンバススケールと関係しているので、設定に意味がないのでしょうか?
- 動画タブ関係 – 「反応量」、「低音の反応量」、「中音の反応量」、「高音の反応量」の数値を1/10にするON/OFFスイッチを付けて。細かく調整したいので。
- なめらかさも1/10 モードにしてください。
- グラフィックスや動画処理にMetalは使われていますか? 使われていなければMetal対応にしたいです。
- 色調変化の大きさを変えると、元のグラデーションで無くなってしまいます。 元のグラデーションが変化するようにしてください。
20260616
- 動画タブ関係 – 「反応量」他の感度を弱くしてもらったのだけれど、反応方法の拡大時に 自動3D回転などを大きくすると変化も大きく、小さくすると変化も小さくなります。 また回転をしなくなります。 回転しながら、自然な変化にしたいです。
- その脈動係数をコントロールしたいです。
20260617
- 反応量、低音の反応量、中音の反応量、高音の反応量を0.001にしてもまだ強いです。
- 脈動係数を0にしてもまだ強いです。
- 少しは回転しだしましたが、回転角度と脈動の大きさが比例している感じです。
- 反応量や脈動係数を1/10〜1/100まで調整できるようにしてください。
20260618
- 音楽が始まる前に無音を追加できるようにしてください。秒数は0~10秒で1秒単位で選べるようにする。 パターンの動きは無音でも始まっていて、無音が終わり音楽が始まったら脈動が始まる。(つまり、いきなり脈動が始まると見ている人に動きがカクカクしていると思われてしまう可能性があるので、最初にノーマルな動きを見せて音楽によりパターンが脈動しているなと感じさせる狙い。またタイトルを入れる時間にも必要なため)
まだまだ続く….かも

コメント