Splineの最新情報

3Dエディタ、Hana、ランタイム全体の新機能、改善、修正。

Spline Arenaのご紹介

Spline Arenaは、AIモデルがどれだけ上手に3Dをつくれるかを示す公開のリーダーボードです。2つのモデルが同じプロンプトを受け取り、それぞれがSplineでシーンをつくります。両方をオービットして眺め、よいほうにブラインドで投票すると、その一票一票がランキングを動かします。その日の投票目標を達成すると、無料のAIクレジットを受け取れます。

変更点

Spline Arena

  • ブラインドの対戦 - 同じプロンプトから生まれた2つのシーンが並んで表示されます。それぞれをオービットしたりパンしたりしてから、A、B、引き分け、どちらもいまいちのいずれかを選びます。モデルは匿名のままで、投票するとすぐに次の対戦が読み込まれます。
  • ランキング - Anthropic、OpenAI、Google、xAIなど、競い合うすべてのモデルの公開リーダーボード。スコアはすべての投票にBradley–Terryモデルを当てはめて算出し、それぞれに信頼区間をつけているので、僅差は僅差として表れます。
  • 投票で無料のAIクレジット - その日の投票目標を達成すると、無料のAIクレジットを受け取れます。
  • どこからでもアクセス - Spline Arenaは、ダッシュボードのサイドバーと新しいタブのランチャーにあり、デスクトップアプリでは専用のタブで開きます。ランディングページはspline.design/arenaです。

3Dエディタのコメントを改善、AIにも対応

3Dエディタのコメントを作り直しました。コメントパネル、本当の意味での解決、未読マーカー、キャンバス上でのプレビューが加わりました。SplineのAIエージェントもコメントをもとに作業できるようになりました。スレッドでAsk AIを使うと、変更を加え、コメントした人の視点から確認し、何をしたかを返信します。

変更点

3Dエディタ

  • コメントパネル - コメントモードでパネルが開き、参加者、返信数、時刻とともにすべてのスレッドが一覧表示されます。このシーンかすべてのシーンかで絞り込めて、解決済みのスレッドも表示できます。スレッドを開くとそのシーンに切り替わり、カメラがコメントした人の視点に移動します。
  • 解決と再オープン - スレッドを解決しても削除されずに残り、あとで再オープンできます。
  • 未読マーカー - ピンとパネルの赤い点で、新しい返信のあるスレッドがわかります。スレッドを既読・未読にできます。
  • ピンのプレビュー - ピンにホバーすると、最初のコメントとプロフィール写真が表示されます。ピンを右クリックすると、解決、未読にする、Ask AIを選べます。
  • コメントを隠す - Shift+Cで、すべてのコメントの表示・非表示を切り替えます。

AIとエージェント

  • コメントでAsk AI - スレッドをSplineのAIエージェントに送れます。エージェントは変更を加え、コメントした人のカメラから確認し、スレッドに返信します。スレッドを解決するのは、頼まれたときだけです。
  • MCP経由のコメント - Claude、ChatGPTなどのMCPクライアントが、コメントを読み、返信し、解決できます。

修正

  • Previewタブで実行中のシーンの上に、コメントが重なって表示されなくなりました。
  • Escapeで、開いているスレッドが閉じます。

リモートMCP、ネイティブのPBRなど

リモートMCP、ネイティブのPBRなど

SplineのMCPサーバーがクラウドで動くようになりました。ChatGPT、Claude、Cursorに3Dシーンを頼むと、エディタを開いていなくても本物のSplineファイルにつくられ、あなたが開いて編集を続けられる状態になります。このアップデートでは、ネイティブのiOSとAndroidのエクスポートでのPBRマテリアル、ブーリアン、タイムラインアニメーション、カメラとライトのキーフレーム、Hanaでの大きなファイルのなめらかな動作、そして数多くのインタラクションの修正も加わりました。

変更点

AIとエージェント

  • リモートのSpline MCPサーバー - SplineのMCPサーバーがクラウドで動くようになったので、エディタを開いておく必要はありません。ChatGPTのプラグインディレクトリからSplineを追加するか、Claude、CursorなどのMCPクライアントでサーバーに接続し、Splineアカウントでサインインすれば、AIツールが3Dシーンをつくって編集してくれます。すべての変更には、それを加えたファイルへのリンクがつきます。各アプリの設定方法はspline.design/mcpにあります。
  • AIで公開 - SplineのAIアシスタントや、ClaudeやChatGPTなどの接続したツールにシーンの公開を頼むと、公開リンクを返してくれます。
  • エージェントによる、より賢いインタラクション - エージェントがSet Variableの式とConditionalの条件を書けるようになりました。
  • 読み込んだモデルをコードでアニメーション - エージェントが、読み込んだGLB/glTFモデルのアニメーションクリップをコードから再生・制御できます。
  • 新しいAIモデル - FastからUltra Maxまで、すべてのティアでより新しく高性能なモデルを採用し、さらにAstraとArgonの2つの新しいティアから選べるようになりました。

3Dエディタ

  • カメラとライトのキーフレーム - タイムラインで、カメラのズームとライトを表示してキーフレームを打てます。
  • アニメーションの一時停止と停止 - アニメーションのアクションで、再生だけでなく、一時停止や停止もできるようになりました。
  • デカールのターゲット - デカールを投影するオブジェクトを選べます。
  • より安定したトランスフォーム - グループのリサイズや、引き伸ばされた親からの親子関係の解除で、各オブジェクトの形が保たれるようになり、長年のビューポートのバグをいくつか修正しました。せん断されたオブジェクトでもピボットを編集できます。
  • glTFの読み込みを改善 - マテリアルは名前付きの共有された物理マテリアルとして読み込まれ、テクスチャのタイリングと各メッシュのモーフターゲット名も保たれます。
  • 新しいベベルエンジン - 平面シェイプの押し出しと3Dパスで、ストレートスケルトンによる新しいベベルエンジンを使います。既存のシーンは現在の押し出しのままです。
  • 動画エクスポートの改善 - 動画のエクスポートがより鮮明になり、長いエクスポートはレンダリングしながらディスクに書き出すので、メモリ不足にならなくなりました。
  • 透視投影カメラのフレーミング - Preview、エクスポート、公開したシーンで、透視投影カメラのフレーミングが改善されました。
  • ダッシュボード - チーム、プロジェクト、フォルダーを右クリックして、共有したりリンクをコピーしたりできます。Recentsには閲覧できるファイルが表示され、Show moreで続きを見られます。
  • デスクトップアプリ - タブのメニューにClose Other TabsとClose All Tabsが加わりました。

ネイティブエクスポート(iOSとAndroid)

  • PBRマテリアル、パスの押し出し、ブーリアン、Align to Path、タイムラインアニメーション、テクスチャフィルタリングが、ネイティブのランタイムにエクスポートされるようになりました。

Hana

  • 大きなファイルの高速化 - 何千ものオブジェクトを含むファイルでも、ドラッグ、編集、変形、複製がなめらかなままです。
  • 透明な部分の後ろのドロップシャドウ - オブジェクトの透明な部分を通してドロップシャドウを表示する、新しいオプション。
  • エクスポート - PDFとSVGのエクスポートでカーブがきれいになり、フレームのメニューにエクスポートの項目が加わり、BG Colorを非表示にすると背景が透明になり、一括エクスポートのボタンにエクスポートするフレーム数が表示されます。

修正

  • インタラクション - 次の問題を修正しました。トランジションを連鎖・遅延・ループさせると、ブレンドの途中で止まる、飛ぶ、ステップを飛ばすことがある。上にスクロールして戻ったとき、スクロールアニメーションが落ち着かない。Screen Resizeのブレークポイントがスマートフォンのレイアウトに戻ってしまう。
  • レンダリング - WebGPUでの被写界深度、透明の描画順、ガラスの屈折を改善しました。
  • 改善と修正

Hana V2のご紹介

Hana V2が登場しました。MCP対応、WebGPU、GLB/GLTFの読み込み、SVGとPDFでのエクスポート、より使いやすくなったベクター編集などを備えています。

変更点

  • MCPアクセス - 外部のAIエージェントがHanaのキャンバスでデザインできるMCPサーバー。
  • Hana AI Agent - チャットのプロンプトで、UIデザイン、サイト、アプリの画面などのコンテンツをHanaのオブジェクトシステムでネイティブにつくれます。既存のコンテンツの編集も可能です。
  • 生産性を重視したHanaのUIの再設計。
  • Hana WebGPU - HanaのエディタがデフォルトでWebGPUで動くようになりました。
  • GLTF/GLBの3Dに完全対応 - GLTF/GLBのモデルを3Dオブジェクトとしてデザインに読み込めます。アニメーションインスペクターと3D Shapeエフェクトの設定付きです。
  • SVGエクスポート - フレームをベクターのSVGファイルとしてエクスポート。
  • PDFエクスポート - フレームをPDFドキュメントとしてエクスポート。
  • Adobe Illustratorファイルの読み込み - .aiファイルをキャンバスに直接読み込めます。
  • 20種類以上の新しいトランジション - sine、expo、circ、back、power、ベジェのin/outのバリエーション、springなど、20種類以上の新しいアニメーションのトランジション/イージング。
  • グリッドレイアウトメーカー - 選択したオブジェクトを設定可能なグリッドレイアウトに並べる、スマートな調整ツール。
  • 画像レイヤーのコントロール - 画像の塗りとレイヤーのための、新しいクリッピングとフィットのコントロール。
  • Cmdを押しながらのリサイズでトリミング - Cmdを押しながらリサイズハンドルをドラッグすると、画像/動画の塗りをその場でトリミングします。読み込んだメディアは半分のピクセルサイズで配置されます。
  • テキストの切り詰め - はみ出したテキストを省略記号で切り詰められます。
  • 距離ヘルパー - Altを押したままにすると、選択中のオブジェクトとホバーしているオブジェクトの距離が表示されます。
  • 間隔ヘルパー - 複数のオブジェクトを選ぶと、それらの間隔が表示され、均等に配置できます。
  • フレームサイズのテンプレート - フレームの作成時に、デバイスやSNS向けのプリセットのサイズを選べます。
  • コントラストチェッカー - カラーピッカーにコントラスト比が表示されるので、アクセシブルな色の組み合わせを選べます。
  • 共同編集者のライブカーソル - キャンバス上でのリアルタイムのプレゼンスを改善しました。名前タグ付きの矢印カーソル、ユーザーごとの選択範囲の枠、ボックス選択の表示。
  • アニメーション可能なステートシステム - データモデルに新しいアニメーション可能なステートを追加し、未知の形式や不正なドキュメントにも耐える堅牢な解析を実装しました。
  • コンポーネント/インスタンス - インスタンスはキャンバス上のメインオブジェクトからライブで解決されるようになり、同期されたコピーや入れ子のインスタンスの仕組みが不要になりました。
  • より速いオートレイアウトと制約 - レイアウトとアンカーベースの制約を、信頼できる唯一の情報源(single source of truth)としてRustのランタイムに移し、並行していたTypeScriptの実装を置き換えました。
  • カスタムシェイプのなめらかな角丸(iOS) - スクワークルの角のスムージングを、長方形からカスタムシェイプとすべての2Dプリミティブに広げました。
  • システムフォント - デスクトップアプリで、インストール済みのシステムフォントがフォントピッカーに一覧表示され、参照として保存されます。
  • ズームの改善 - キャンバスのズームがなめらかになり、スクロール量に比例するようになりました。
  • 大幅なパフォーマンスの向上 - アイドル時のフレームのスキップ、ファイルの読み込みの高速化、GPUによる押し出しのアニメーション、グラデーションの改善、3Dシェイプの高速化など、さまざまな最適化。
  • Google Fontsの更新 - 2000近いフォントが使えるようになりました。

Spline V2のご紹介

Spline V2が登場しました。エージェントの時代に向けて、3Dエディタを完全に作り直しました。

変更点

AIエージェントと生成

  • MCPアクセス - 外部のエージェント(Claude Code、Cursorなど)が、MCPツールを通じて3Dエディタを操作できます。
  • AIチャットエージェント - 3Dエディタの中で、AIエージェントを使って3Dシーンを生成・編集できます。生成されたシーンはすべて編集可能です。
  • AIによる高度なシーン編集 - エージェントは、オブジェクト、マテリアル、ライト、カメラ、ブーリアン、パーティクル、クローナー、パス、空、変数、そしてイベント、トゥイーン、ステートによる完全なインタラクションまで、すべてを作成・編集できます。カスタムのコードによるインタラクションにも対応します。
  • AIによるシーンの構成 - エージェントは、構造化された複数のオブジェクトからなるシーンをレイアウトし、プロシージャルなジェネレーターを使い、シーン全体に変更を加えられます。
  • Previewタブ - 3DシーンとHTMLやコードのインタラクションのための、新しい再生モード。
  • Codeタブ - SplineがHTML/JSのコードに対応しました。シーンのデータにアクセスして変更したり、実行時に新しいプロシージャルなデータをつくったりできます。エージェントは3Dキャンバスの上に重なるHTML/JSを生成するので、モーション、インタラクション、ゲームを標準でコード駆動にできます。
  • バージョン履歴 - AIへのプロンプトごとに、バージョン履歴が保存されます。
  • AI画像生成と3D AI生成のツール - チャットは作業を続けながら、バックグラウンドでテクスチャ/画像や3Dモデルを生成します。

レンダリングとエンジン

  • WebGPUレンダラー - TSLベースの新しいWebGPUのバックエンドがデフォルトになり、WebGLがフォールバックになりました。
  • PBRマテリアルに対応 - イメージベースドライティング(IBL)、新しいマップチャンネル、BRDF、glTFとの相互運用、HDRのカラーパイプライン。
  • スクリーンスペースリフレクション - SSR(WebGPUのみ)に対応した新しいReflectionレイヤーと、Surface Shape/Mirrorの切り替え。Mirrorモードでは、ブラーも選べる本物の平面鏡の反射が使えます。
  • Physical Sky - 独自のドームライトとLight Intensityのダイヤルを備えた、プロシージャルな空。
  • HDRi Sky - .hdrをIBL付きのスカイボックスとして使えます。Show-BGのスイッチで、ライティングだけを残せます。
  • ハイトフォグ - カメラの角度に応じて変わるリアルなフォグ。従来の深度のフォグに加えて、HeightとBothのモードがあります。
  • Shape blendを刷新 - 新たに512³の解像度に対応し、計算が速くなり、どんなメッシュでもシェイプブレンドに使えるようになりました。
  • Dustマテリアルレイヤー - 上向きの面に埃や雪が積もるプロシージャルなシェーディング。
  • Hair System - 頭皮のシェイプや任意のメッシュから髪を生やす、GPUで高速化された毛髪のシミュレーション。ライティング、影、風、毛束に対応します。
  • より速いブーリアン演算 - 全体で約4倍高速になり、サブディビジョンのベイクや縮退したジオメトリのケースも修正しました。
  • GPUインスタンシング - クローナーがGPUのメッシュインスタンシングを使うようになりました。ジオメトリとマテリアルを共有する組み合わせは、自動的にひとつのインスタンス描画にまとめられます。
  • Vertex-colorマテリアルレイヤー - glTFの頂点ごとの色を読み込んで描画する、新しいマテリアルレイヤー。
  • 物理演算のアップグレード - キャラクターコントローラーの物理的な接触を改善しました。ドラッグした剛体がキネマティクスを正しく動かすようになりました。
  • エクスポートサイズの最適化 - ベースのランタイムのサイズを縮小し、使う機能に応じてサイズが変わるようにして、読み込み時間を改善しました。
  • エディタの外観の再設計 - 上部ナビゲーションを再設計(タブは左、ツールバーは中央、Preview=Play)。Preview/Edit/Codeのステージタブ、モノクロのアクセントで刷新したライト/ダークのテーマ。
  • パフォーマンスの全面的な見直し - アイドル時のリークの修正、影のキャッシュ、AOの高速化、選択の高速化、サブディビジョンのWASMのバッチ処理、パスのジオメトリの最適化、ソフトシャドウの最適化、テッセレーションの高速化。

モデリングとツール

  • Bevel/Chamferツール - ラウンドモード、セグメント数のコントロール、ライブで再構築されるフローティングツールバー、より賢いエッジループ選択を備えた、メッシュ編集の新しいベベル。
  • テクスチャ投影の軸 - 円柱と球のテクスチャ投影で、X/Y/Z軸を指定できます。
  • カメラのUX - 透視投影と平行投影をなめらかに切り替えられます。
  • アウトライナーの種類フィルター - アウトライナーをオブジェクトの種類で絞り込めます。
  • スカルプトとメッシュのアップグレード - スカルプトのブラシの対称に加え、スカルプトしたメッシュや編集可能なメッシュでUVに対応しました。
  • 新規ファイルのデフォルトを刷新 - 新しいファイルは、オフセットしたカメラによる透視投影、HDRi Sky、ソフトシャドウ、より暗いデフォルトの色で開き、最初の長方形はなくなりました。
  • 読み込みの忠実度 - GLB/glTFの読み込みでPBRマテリアルを忠実に保ち、テクスチャを共有アセットとして取り込み、分離されたアセットや.hdr/.exrも受け付け、高さ500に正規化して配置します。

ダッシュボードとアプリ

  • Homeの再設計 - プロンプトを中心にした新しいHome。最近のファイルの一覧と下部のコンポーザーも備え、プロンプトはそのままエディタのチャットに引き継がれます。
  • ワークスペース検索 - サイドバーから呼び出すモーダルで、ワークスペース全体のファイルを検索できます。
  • ファイルとテンプレートの再設計 - ファイルの一覧表示、インラインのタブを備えたテンプレートページ、ページングと新しい順の並びに対応したサイドバーのMy-Filesフォルダーを作り直しました。
  • 新しい料金プラン - Hobby/Pro/Maxに再編し、プランごとにクレジットを選べるようにして、AIアドオンを置き換えました。

廃止

  • AI Style Transferは廃止されました。
  • UI生成のための新しいHTMLのアプローチに伴い、UI Scenesは廃止されました。既存のUIシーンを含むファイルは問題なく読み込めます(古いUIレンダラーをHanaが置き換えたので、より速く読み込めます)。
  • Frame Modeは廃止されましたが、エディタ内のフレームのオーバーレイは今までどおり使えます。
  • PlaymodeはPreview Modeになりました。

Omma登場:AIエージェントで3D、Webサイト、アプリをつくる

説明を現実に変える新しい方法、Ommaをご紹介します。ハイエンドな3Dのランディングページでも、実際に動くアプリでも、インタラクティブなゲームでも、面倒な作業はOmmaが引き受けます。コードの記述から3Dメッシュの生成まで、複数のタスクを並行して指揮することで、Ommaなら定型的な作業を飛ばして、すぐに公開へと進めます。

ベータ版はまだ初期段階なので、実験的に感じる部分もあるかもしれませんが、コアのエンジンはすでに試せる状態です。白紙からはじめることも、コミュニティがすでにつくっているものをリミックスすることもできます。

変更点

マルチエージェントのワークフロー: Ommaはコード、画像、3D生成のエージェントを同時に動かし、複雑なシーンやアプリを数秒でつくります。

  • 静的なページを超えて: 物理ベースのシミュレーションやリアルタイムの反射を含む、WebGPUで動くインタラクティブなWebアプリやゲームをつくれます。
  • 実データとの連携: CSV、JSON、DOCファイルや、GLB/GLTFの3Dモデルに対応し、プロジェクトを現実の世界とつなげられます。
  • コミュニティでのリミックス: ゼロからはじめる必要はありません。コミュニティのギャラリーを見て、既存のプロジェクトをフォークしてカスタマイズできます。
  • すぐにデプロイ: 本番に使えるホスティングとカスタムドメインに対応し、プロンプトからライブのURLまで一気に進めます。
  • 先進的なWeb技術: Three.js、Tailwind CSS、React Three Fiberなど、業界標準の技術を標準でサポートしています。
  • 並行した反復: ひとつのアイデアから複数のバリエーションを一度に生成し、いちばんよい結果を選んで、つくり続けられます。

あなたが最初に説明してつくりたいものは何ですか?

omma.buildにアクセスして、はじめましょう。

Hanaの新機能:3Dへの塗り、Figmaからのコピー&ペースト、Pencil Toolなど

Hanaの最新機能をお届けします!さっそく試してみませんか?見ていきましょう!🚀

変更点

  • 3DメッシュへのFrame as Fill
  • Figmaからのコピー&ペースト
  • Pages
  • Pencil Tool
  • ストロークへのグラデーションと画像
  • 改善:ベクターのポイントをコントロールしやすくなりました
  • spline.newと入力すると、新しい3DのSplineファイルが作成されます

SplineとHanaの1月のアップデート

細かな改善をまとめてリリースしました

変更点

3Dエディタ

  • 改善:3Dパスで、セグメント上の均等な分布が使えるようになりました。均等と動的を切り替えられます。パスに沿ったアニメーションで特に便利です。
  • クローナーパネルの内容が値の変更で更新されない問題を修正しました。
  • 更新されていないファイルでのピボットのエラーを修正しました。

Hana

  • 改善:3Dシェイプのパフォーマンスが大幅に向上しました。メモリ管理は約2倍改善し、GPUでは15%高速になりました。
  • フレームに関するいくつかの改善。オブジェクトを選んでshift+aを押すと、フレームで囲んでレイアウトを適用できます。
  • 一部のケースで発生していた、テキスト選択の精度の問題を修正しました。

SplineとHanaの小さなアップデート

3Dのワークフローをより正確に、より柔軟にする、リクエストの多かった機能をいくつかリリースします。ピボットを手動で動かせるようになったSplineのエディタの基本的な改善から、USDZの読み込みによる対応ファイル形式の拡大まで、どれも制作のプロセスをスピードアップするためのアップデートです。Code APIも強化し、マテリアルレイヤーをコードから直接、リアルタイムに細かくカスタマイズできるようになりました。さらにHanaでは、欠かせない構成要素にすばやくアクセスできるようになり、生産性が上がります。

変更点

Splineのアップデート:

  • 3Dオブジェクトのピボットの位置を変えられるようになりました!CMD/CTRLを押したままピボットを動かすか、フローティングパネルで手動で調整してください。
  • Spline向けのCode API(Web)がマテリアルレイヤーの編集に対応しました!テクスチャやそのほかのマテリアルレイヤーのパラメーターを動的に変更するといったことができます。詳しくはAPIのドキュメントで。
  • Splineの3DエディタでUSDZファイルの読み込みに対応しました。

Hanaのアップデート:

  • Hanaのツールバーから3Dシェイプにすばやくアクセス

Hanaに3D Shapesが登場

3D Shapeエフェクトを使えば、どんな2Dシェイプもワンステップで3D空間に持ち上げ、平面のベクターシェイプに奥行き、ボリューム、ライティングを瞬時に与えられます。元の2Dシェイプは完全に編集可能なままで、加えた変更はリアルタイムで3Dの形に反映されます。3Dの制作を2Dシェイプを扱うのと同じくらい速く直感的にする、デザインワークフローにおける画期的な一歩です。

変更点

  • Hanaで3D Shapeに対応 — どんな2Dシェイプも、リアルなシェーディングのためのライティング、マテリアル、環境マップを備えた3Dオブジェクトに変えられます
  • 2Dシェイプは完全に編集可能なままで、3Dオブジェクトはリアルタイムで更新されます
  • 3D Shapeのすべてのパラメーターはステート間で変更でき、アニメーションやインタラクティブに使えます
  • 3D Shapeエフェクトを使った例やテンプレートを集めた、新しいDiscoverページ
  • そのほかの修正と改善

ライトモードに対応しました

ライトモードに対応しました

両方のエディタを含むSplineのプラットフォーム全体で、System、Light、Darkの各モードによる外観の切り替えに完全対応しました。ダッシュボードのメニューやエディタのメインメニューからいつでもテーマを切り替えられ、システムの設定に自動で合わせることもできます。

変更点

  • プラットフォーム全体での外観の切り替えに対応
  • System/Light/Darkの各モード
  • ダッシュボードとエディタのメニューから切り替え可能
  • システムの設定への自動追従に対応
  • そのほかの改善と修正

HanaでのAI画像生成

Hanaに、ワークフローの創造の幅を広げるAI機能が加わりました。これらのツールを使えば、Hanaの中で直接画像を生成し、変換し、仕上げられるので、時間を節約しながら新しいデザインの方向性を切り開けます。ゼロからはじめるときも、既存の作品を反復するときも、AIがより自由な実験と、より速い成果を後押しします。

変更点

  • さまざまなモデルで画像を生成
  • 画像やフレームを組み合わせたり変更したり
  • バリエーションの作成、背景の削除、アップスケール
  • そのほかの改善と修正

Spline 3DにTimeline Animationが登場

Splineのタイムラインアニメーションで、キーフレームによるなめらかな動きで3Dデザインに命を吹き込めます。位置、回転、スケールなど、さまざまなプロパティを時間に沿ってアニメーションでき、アニメーションのタイミングを決めやすくなります。組み込みのグラフエディタで、キーフレーム間のトランジションの流れを調整できます。ベータ版として今すぐ使えます。

変更点

  • キーフレームのコントロール
  • カーブのコントロール
  • Timelineでのイベント対応
  • Timelineでの動画エクスポート対応
  • 新しいツールバーのUI
  • 改善と修正

Hanaのベクターマスク

マスクを使えば、ベクターシェイプでコンテンツを隠したり表示したりできます。画像やレイヤーの一部を完全に消す代わりに、マスクで見える範囲を決めます。マスクのシェイプの内側にあるものはすべて表示され、外側にあるものは隠れます。ベクターマスクは、イベントとアクションを使ってアニメーションさせたり、インタラクティブにしたりすることもできます。

変更点

  • 新機能:ベクターマスク – ベクターシェイプでコンテンツを隠したり表示したりします。
  • 多くのアセットを含む大きなファイルの読み込みが速くなりました
  • 細かな改善と修正。

Hanaの3D投影とノイズエフェクト

Spline Hanaで創造性をさらに解き放つための取り組みの一環として、3D Projections、Layer Noise、Noise Glassといった機能を加えた新しいアップデートを発表します。

変更点

  • 新機能:3D Projection – 2Dレイヤーを3次元のシェイプに巻きつけ、奥行き、曲率、リアルなライティングを加えます。立体的な投影をシミュレートして、より没入感のあるシーンをつくれます。
  • 新機能:Layer Noise – サーフェスにプロシージャルな変化を加え、有機的なテクスチャや変位をもたらします。均一な部分に変化をつけたり、自然な不完全さをつくったり、ダイナミックな動きを加えたりするのに便利です。
  • 新機能:Noise Glass – 凹凸のあるガラス越しに見たようにサーフェスを歪ませ、屈折による波紋や視覚的なゆがみをつくります。すりガラス、水面、陽炎などのシミュレートに使えます。
  • 細かな改善と修正。

Hanaに3D Transforms、Auto Layout、Liquid Glass、Video Layersが登場

本日、Hanaにパワフルな新機能をまとめて導入します。3D Transforms、Auto Layout、Liquid Glassエフェクト、Video Layersです。アイデアを形にするための、幅広い新しい可能性が広がります。

変更点

  • 新機能:3D Transformsで、奥行きと遠近感をコントロールしながら、レイヤーを3D空間で回転・変形できます。
  • 新機能:Auto Layoutで、整列、パディング、ギャップ、折り返し、メイソンリーレイアウトのオプションを使って、要素をより速く柔軟に配置できます。
  • 新機能:Liquid Glassエフェクトは、本物のガラスの面がもつ自然な歪み、屈折、奥行きをシミュレートし、アニメーションにも対応します。AppleのLiquid Glassの新しいデザイン言語から着想を得ています。
  • 新機能:Video Layersで、動画を読み込んで、フレームやシェイプに動画の塗りを適用できます。
  • パフォーマンス:大きなシーンでHanaが約2倍速くなりました。
  • 細かな改善と修正。

Hanaの動画エクスポートとストロークのトリミングのアニメーション

Hanaで動画をエクスポートできるようになりました!アニメーションとインタラクションのための、ストロークのトリミングのコントロールも加えました。

変更点

  • 新機能:HanaでMP4動画をエクスポート。動画のFPSと解像度を選べます。
  • 新機能:ストロークのトリミングをアニメーション。
  • 新機能:ストロークの破線のアニメーションが可能になりました。
  • 細かな改善と修正。

Hanaのプログレッシブブラーとグラデーション

Hanaがプログレッシブブラーに対応しました!なめらかなグラデーションにも対応しています。すべてインタラクティブで、すべてリアルタイムです。

変更点

  • プログレッシブブラーに新たに対応。
  • プログレッシブブラーはLayer BlurとBackground Blurで使えます。
  • グラデーションに新たに対応。
  • グラデーションはリニア、ラジアル、ポーラー(角度)から選べます
  • 色が自然に混ざり合う、新しいSmoothグラデーション。
  • エディタのパフォーマンスの改善。
  • 細かな改善と修正。

HanaでのSVGの読み込み

Spline HanaがSVGの読み込みに対応しました。どんなSVGファイルでも、Hanaにドラッグ&ドロップできます。

変更点

  • SVGファイルに対応しました。
  • 細かな修正と改善。

Hana - インタラクティブデザインのためのキャンバス

リアルタイムでインタラクティブな体験をつくるためのキャンバス。

Hanaは、高速でインタラクティブな、アニメーションする体験のためにゼロから構築したモダンなデザインツールです。インターフェースでも、ステートベースでアニメーションするダイナミックなグラフィックでも、Hanaならリッチな体験をデザインできます。

リアルタイムのコラボレーションと創造の自由を核に構築されたHanaは、デザインのプロセスを効率化しながら、インタラクションとアニメーションのためのパワフルなコントロールを提供します。

つくったものはすべて本番環境にそのまま使え、Webに埋め込めます。

変更点

  • インタラクティブデザインのための新しいキャンバス
  • イベントとステート
  • エフェクト:影、ブラー
  • リアルタイムのベクターネットワークとブーリアン
  • 本番に使えるエクスポートなど!