O®b.
数学的アルゴリズムで視覚伝達。数式から軌跡を描き、ブラウザで動かし、SVGや動画で書き出す。「O®b. - オーブ」Designed and Developed by HIGASHIYUKI®
出典のある44の数式を、動かして、組み合わせて、書き出す。ジェネレーティブ・パターンのウェブアプリケーション。
数式から軌跡を描き、SVGや動画で書き出す。O®b.（オーブ）は、ジェネレーティブ・パターンとそのアニメーションを作るWebアプリケーションです。ブラウザだけで動き、インストールもアカウント登録も要りません。無料で使い始められ、ロゴなしの書き出しは有料プランで行えます。
扱うのは、6つのカテゴリに分かれた44のモデルです。葉序（Vogel, 1979）、ローレンツ・アトラクタ（Lorenz, 1963）、ペンローズ・タイル（Penrose, 1974）、ジュリア集合（Julia, 1918）など、どれも出典のある数学のモデルで、描いている数式は、現在のパラメータの値を代入した形で常に画面に表示されています。
画面全体がキャンバスです。どこをドラッグしても、そのモデルの主な2つのパラメータが変わり、絵はその場で形を変えます。
パターンのバリエーションは、モデル（44）、プリセット（217）、対称展開（7種）の組み合わせで広げます。対称展開は、巡回群・二面体群・壁紙群（pmm／p4）などの群論にもとづきます。さらに、線の座標そのものを変形するトランスフォーム（8種）を重ねられます。パラメータにキーフレームを打てば、1コマずつその時刻の値で数式を計算し直すアニメーションになります。
書き出しは、静止画がSVGコピー・SVG保存・PNG保存・JPG保存の4種、動画がMP4保存・PNG連番の2種です。SVGとPNGは背景が透過で、JPGは用紙の色になります。対称展開で複製した図形も実際のパスとして書き出すので、FigmaやIllustratorでそのまま編集できます。
数式と出典を、描いている絵と同じ画面に。
O®b.の44のモデルは、どれも出典のある数学のモデルです。描いている数式は、現在のパラメータの値を代入した形で常に画面の上部に表示されており、パラメータを動かすと、絵と一緒に数式の値も変わります。
- 数式と出典：全モデルに、値を入れた数式・出典・「何が何を決めるか」の短い解説を付けています。モデル一覧では、マウスを乗せたモデルが描き直され、数式と解説が出ます
- 3つの組み合わせ：モデル（44）・プリセット（217）・対称展開（7種）を組み合わせます。サイコロのボタンを押すとパラメータを振り直し、長押しすると3つをまとめて抽選する「おまかせ」になります
- 変形と動き：トランスフォーム（揺らぎ・波・渦・墨流しなど8種）は線の座標そのものを変形するので、書き出しにも入ります。アニメーションは、パラメータ・ペンの色・線幅にキーフレームを打って作ります。キーの間はリニア・イーズ・ホールド・追従・スプリングの5種で補間し、ドラッグした操作をそのまま録ることもできます。対称展開のコピーごとに時刻をずらす時間差と、絵が現れて消えるトリムも付けられます
- そのまま使える書き出し：静止画はSVGコピー・SVG保存・PNG保存・JPG保存の4パターン。SVGとPNGが背景透過、JPGはライト/ダークモードに準じた背景カラーで、画像は最大1600万画素で書き出します。スマートフォンでは、4:5の縦長の画像を保存できます。動画は1秒60コマで、MP4保存とPNG連番（パソコンのみ）、長さは6・10・15秒、映像の大きさは16:9（フルHD・4K）・9:16・4:5・1:1から選べます。無料で書き出したファイルには、O®b.のロゴが入ります。
O®b. - 料金
- 基本ご利用
-
無料すべての機能を使えます。書き出せるのは、ロゴ入りのJPG保存と、ロゴ入りのMP4保存（長さ6秒、16:9・4:5・1:1。16:9は1280×720）です。
- サブスクリプション
-
月額 1,078円／年額 8,580円（税込）すべての形式を、ロゴなしで何度でも書き出せます（SVGコピー・4Kを含む）。1つのライセンスキーで2台の端末まで使えます（同じ種類の端末は、同時に1台だけ）。
- 単品（画像）
-
385円（税込）購入した作品を、SVG保存・PNG保存・JPG保存でロゴなしで書き出せます（SVGコピーは除く）。書き出せる期間は、購入から30日間です。
- 単品（動画）
-
605円（税込）購入した作品を、MP4保存・PNG連番でロゴなしで書き出せます（4Kは除き、フルHDで書き出します）。書き出せる期間は、購入から30日間です。
有料プランで書き出したファイルは、期限なく、個人・商用を問わずお使いいただけます。無料で書き出したファイル（ロゴ入り）は、個人的な非商用の目的に限りお使いいただけます。
購入にアカウント登録は要りません。サブスクリプションはライセンスキーを、単品は購入した作品を開き直すリンクを、メールでお届けします。
お支払いは、StripeのLink（Sold through Link, LLC）が販売代行として処理します。サブスクリプションはLinkからいつでも解約でき、お支払い済みの期間の終わりまでご利用いただけます。
O®b. - システム要件
- 推奨ブラウザ
-
Google Chrome／Microsoft Edgeの最新版O®b.は、JavaScriptを有効にしてご利用ください。
- 対応ブラウザ
-
Chrome／Edge 111以降、Safari 16.2以降（iOS 16.2以降）、Firefox 113以降O®b.のご利用は、可能な限り最新バージョンのブラウザをご利用ください。対応ブラウザ以外のご利用では、画面の表示や操作が正しく機能しない場合があります。ライト／ダークを切り替えるときの円形のアニメーションや、ばねのような動きに対応していないブラウザでは、これらの動きを省いて動作します。動画の書き出し（MP4保存）には、WebCodecsに対応したブラウザが必要です。
- 対応端末
-
パソコン／スマートフォンO®b.は、すべての図形を数式からSVGとして生成し、編集中の画面の描画にWebGLやCanvasは使いません（アニメーションの再生では、先に計算したコマを画像にして重ねます）。PNG連番の書き出しはパソコンのみです。
O®b.は、パラメータを動かすたびに、図形を数式から計算し直して描きます。端末のCPU性能、メモリ容量、ブラウザの実装などによって、描画速度や操作レスポンスに差が生じる場合があります。
反応拡散・ニュートン法のフラクタル・アインシュタイン・タイルなどの重いモデルは、全画面でドラッグすると1コマの描画に20〜80msかかることがあり、スマートフォンでは動きが遅くなる場合があります。
O®b.はブラウザの中だけで動作し、アカウントは不要です。無料で使っている間は、サーバーと通信しません。有料プランでは、購入とライセンスの確認のためにサーバーと通信します。操作の状態は、お使いのブラウザ（localStorage）に保存されます。
O®b.はアカウント登録など不要で、どなたでも無料でご利用いただけます。ロゴなしの書き出しや、SVGコピー・4Kの書き出しは、有料プラン（上の料金）でご利用いただけます。
O®b.は定期的にアップデートを行い、新しいモデルや機能を追加するほか、ブラッシュアップや仕様変更、一部機能の削除を行う場合があります。
有料プランを含むO®b.のご利用には、O®b.の利用規約とプライバシーポリシーが適用されます。
＊O®b.のご利用に際し、当方の定める利用規約*の一部が適用されます。