Skip to content

ドロー スイート

世界をリードするウェブベースの GPU加速描画エンジン - カスタムブラシビルダー付き。

スティックフィギュアから始めるか、完成したアートワークを描きます。450以上のブラシ、120以上の紙のテクスチャ、非破壊レイヤー、15以上のブレンドモード、フルスタイラス圧力 + 傾き - ブラウザで60fpsで動作します。

プラグイン不要。インストール不要。ダウンロード不要。タブを開いて描くだけ。

The canvas

A full painting engine - right in your browser.

450+ brushes, 120+ paper textures, non-destructive layers and full stylus pressure + tilt, all rendering at 60fps. No download, no plugin - open a tab and paint.

Open the Draw engine
Draw app - GPU-accelerated storyboard sketching with professional brushes, layers and pressure-sensitive markup.
Concept art

Or let DollyAI™ block it in - then paint over the top.

Generate style-locked concept frames in seconds, drop them onto a Draw layer, and refine by hand. The AI does the heavy lifting; you keep the authorship.

See the AI Artist
AI Artist concept-art mode - environment and character concept paintings rendered across the LINE, TONE and COLOUR style bibles.
Straight to the board

Every drawing lands on the storyboard, linked to its scene.

Send a finished panel straight to the storyboard editor - annotated, versioned and tied to the shot it illustrates. No exporting, re-naming or re-importing.

See the storyboard editor
Storyboard editor - a sequence with shot-type and camera-movement annotations on a clean canvas.
450+
ストックブラシ
120+
紙のテクスチャ
15+
ブレンドモード
60fps
GPUレンダリング

内部の仕組み

アーティストのために構築された パフォーマンスを求める

世界最高のGPUアクセラレーテッドレンダリング

私たちのカスタムで独自のGPUアクセラレーテッド描画エンジンは、ブラウザで60fpsでレンダリングします - プラグイン不要、インストール不要。映画的なストーリーボーディングのために特別に設計された四段階のパフォーマンスパイプライン。

  • ネイティブフレームレートでのレイヤーブレンディングのためのGPUコンポジター
  • オフスレッドブラシ計算のためのWeb Worker - ゼロジャンク
  • ダーティリージョンレンダリング - 変更された部分のみ再コンポジット
  • オフスクリーンキャンバスワーカー - メインスレッドのダブピクセルコストゼロ
  • 大きなブラシ半径用の自動リサイズを伴うダイナミックオーバースキャン
  • インスタントコンポジター回復のためのスナップショットキャッシュ
// 4フェーズレンダリングパイプライン
フェーズ1: WebGL2 GPUコンポジター ✓
フェーズ 2: ウェブワーカー スレッド処理 ✓
フェーズ 3: ダーティリージョンレンダリング ✓
フェーズ 4: オフスクリーンキャンバス ワーカー ✓

// メインスレッドのダブコストはゼロ

カスタムブラシビルダー + ティップ & テクスチャースタジオ

私たちの社内ブラシビルダーは、圧力、フロー、散布、ジッター、傾き、テクスチャー、デュアルブラシブレンドなど、完全なコントロールを提供します。何もないところからブラシを作成: 自分のティップスタンプをピクセル単位で描画し、自分の紙の質感を描いたりインポートしたりし、完成したブラシをチームと交換できます。450以上のペイント用ブラシのライブラリが付属しています。

  • インク、鉛筆、油彩、水彩、チャコール、エアブラシ、ガッシュ、チョーク、マーカー、ブリッスルセットの450以上のストックブラシ
  • カスタムブラシビルダー - サイズ、硬さ、間隔、散布、ジッター、角度、フロー、圧力ガンマを調整
  • カスタムティップペインター - 自分のブラシティップスタンプを手描きするか、画像をインポートして、すぐにペイントできます
  • カスタムテクスチャクリエイター - ペイントまたは紙の質感をインポートし、自分のテクスチャライブラリに保存できます
  • .sbcdブラシエクスポート - 完全なブラシ(ティップ + テクスチャ + すべての設定)をパッケージ化し、チームと1つのファイルで共有できます
  • 複雑でテクスチャのあるマークのためのデュアルブラシブレンディング
  • 任意の.abrブラシファイルをインポート - お気に入りのパックがそのまま持ち運べます
  • MyPaintエンジン:自然なメディア感覚のための完全な.mybプリセットサポート
// SimpleBrushEngineのデフォルト
{
サイズ: 20,
硬さ: 0.8,
間隔: 0.15,
圧力ガンマ: 0.7,
最小サイズ比: 0.05
}
// + MyPaint .myb プリセット

120以上の紙テクスチャ + キャンバスプリセット

本物の紙は本物のように感じます。120以上のキャンバスと紙のテクスチャから選択できます - コールドプレスコットン、ホットプレススムース、粗い水彩、ヴェラム、ブリストル、クラフト、リネン、新聞紙など。1度設定すれば、自然にペイントできます。

  • 120以上の高解像度紙とキャンバステクスチャ
  • コールドプレス、ホットプレス、ラフ、スムース - すべての表面は、イラストレーターが求めるものです
  • テクスチャの深さ、スケール、コントラスト、反転コントロール
  • レイヤーごとのテクスチャオーバーライド - ドキュメント全体ではなく
  • カスタムテクスチャのインポートで特注の表面を実現
  • シネマティックなストーリーボード用紙プリセット(16:9、2.39:1、4:3、スクエア)
// スムージングモード
なし → 生のパススルー
基本 → 指数移動平均
重み付け → リングバッファWMA
スタビライザー → レイジーブラシ
ピクセルパーフェクト → コリニアエリミネーション

// フルプレッシャー + 傾き

フルスタイラスプレッシャー + 傾き

すべてのタブレット、すべてのスタイラス。圧力感度、X/Y傾き、バレル回転を備えた5つのスムージングモードで、どのデバイスでもピクセル精度のトラッキングを実現します。

  • フルプレッシャーセンシングとノーマライゼーション(0.0–1.0)
  • X/Y傾き角度検出とペンバレル回転
  • 5つのスムージングモード: なし、EMA、加重、スタビライザー、ピクセルパーフェクト
  • スタビライザーモード: 3サンプルのラ ramp-upを持つレイジーブラシ
  • ポインタ検証のための空間キャリブレーションオーバーレイ
  • リアルタイムヒストグラムとレスポンスカーブを使用した圧力ストレステスト
// ブレンドモード (GPUアクセラレーション)
ノーマル · マルチプライ · スクリーン
オーバーレイ · ソフトライト · ハードライト
ダークン · ライトン
カラードッジ · カラーバーン
ディファレンス · 除外
色相 · 彩度 · 色
明度

非破壊レイヤー + 15以上のブレンドモード

15以上のブレンドモード、調整レイヤー、グループ、マスク、レイヤーごとの不透明度、ドラッグでの順序変更を備えたプロフェッショナルなレイヤースタック。GPU加速合成により、複雑なドキュメントも迅速に処理されます。

  • 15以上のブレンドモード: ノーマル、乗算、スクリーン、オーバーレイ、ソフトライト、ハードライト、暗くする、明るくする、カラードッジ、カラーバーン、ディファレンス、除外、色相、彩度、色、明度
  • 調整レイヤー: 明るさ、コントラスト、色相、彩度、レベル、カーブ
  • レイヤーグループ、クリッピングマスク、アルファロック、マージコントロール
  • 不透明度制限のためのストロークごとの蓄積バッファ
  • ドラッグでの順序変更と一括表示切替
  • GPUアクセラレーションによる合成 - 100以上のレイヤー文書がスムーズに動作
// ツールショートカット
B → ブラシ E → 消しゴム
S → スマッジ L → ラッソ
R → 長方形 T → テキスト
W → ウェット C → カラー

Ctrl+Z → 元に戻す
Ctrl+S → 保存

完全なツールパレット + ラジアルメニュー

作業中のストーリーボードアーティストに必要なすべてのツール - ブラシ、消しゴム、ぼかし、選択、テキスト、形状、グラデーション、スポイト - すべてがワンキーストロークでアクセス可能。

  • サイズ、硬さ、不透明度、フローが可変のブラシツール
  • 消しゴム、ぼかし、クローン、ぼかし、シャープ、焼き込み、焼き付け
  • 選択: 矩形、楕円、フリーハンドラッソ、マジックワンド
  • RGB/HSL/HEX ピッカーとスウォッチ履歴を備えたカラーパネル
  • 個別の RGBA 編集用のチャンネルパネル
  • ワンフリックツール切り替え用のラジアルメニュー + 完全なキーボードショートカット
// ErrorShooter (シングルトン)
バッファ: 200 エントリ (循環)
重複排除: 2 秒ウィンドウ
トースト: 最大 3 スタック
エラー → 8 秒 (赤)
警告 → 5秒 (アンバー)
情報 → 4秒 (ブルー)
// WebGL復元伝播

シネマティックエクスポート + ABR / .sbcdブラシトレーディング

生産準備が整ったフレームを出荷します。PNG、JPEG、PSD、およびプロジェクトJSONにエクスポート。 .abrブラシファイルをインポートし、独自の.sbcd形式で完全なブラシをトレードし、プロジェクトクラウドから直接リファレンスを引き出します。

  • PNG、JPEG、PSD(レイヤー付き)、およびプロジェクトJSONをエクスポート
  • マルチフレームストーリーボードエクスポート - ワンクリックで全シーケンス
  • Adobe ABRブラシファイルインポート(バージョン1、2、6–10)
  • .sbcdブラシフォーマット - チーム間で共有するために、全てのブラシ(ティップ + テクスチャ + 設定)をエクスポートおよびインポート
  • プロジェクトクラウドからの参照を挿入 - フレーム、キャラクター、ロケーション、プロップ、すべての共有アセット - またはローカルファイル
  • 完全な履歴とクラウド同期を伴うロスレスプロジェクトの保存/復元 - どのデバイスでも途中から作業を再開
  • シーンリンクを使ったAnimate、AI Artist、ストーリーボードエディタへの直接ハンドオフ

アーキテクチャ

ペンティップからピクセルへ - 完全なパイプライン

ポインターイベント → BrushInputPipeline (スムージング)
  → BrushWorkerBridge → Web Worker
    → SimpleBrushEngine (エルミート曲線、ダブ)
    → WorkerDabRenderer (オフスクリーンキャンバス)
    → ImageBitmap 転送 (ゼロコピー)
  → メインスレッド: drawImage → レイヤーキャンバス
  → 合成器 → 画面上の WebGL サーフェス

フォールバックパス (消しゴム、ヒント、ブラシ、湿潤):
  ワーカー → 生 SkiaDabParams → メイン DabRenderer → キャンバス
See it for yourself

Step inside a real production, completely free.

Open the actual software on Origin: Ascension, a finished short film, and explore every app exactly as the crew left it. Read the script, walk the boards, open the budget, print the call sheet. Fully read-only, with no sign-up. Nothing you touch is saved.

Try the free demo20 apps · one project file · 0 seconds of setup
No sign-upNo cardNo downloadFully read-onlyNothing you touch is saved
Live demo · Origin: Ascension
無料デモのAI Artistアプリで、プロジェクトのロックされたハウススタイルでストーリーボードフレームを生成しています。
The Draw studio in the free demo, painting over an Origin: Ascension storyboard frame on the GPU canvas.
無料デモのAnimateアプリで、タイミングが設定されたアニマティックを再生しています。
無料デモのCall Sheetアプリで、完成した撮影日のコールシートを表示しています。

Script · breakdown · boards · animatic · call sheets · budget

The demo is a view-only copy shared for exploration. Some features need a paid subscription to run.

プロフェッショナルな描画ツール、 ゼロインストール。

ブラウザを開いてください。描き始めましょう。GPU加速のパフォーマンスがウェブアクセシビリティと出会います。

Storyboard Canvas · the complete production suite

The complete script-to-screen suite - start free

Twenty synchronised apps, one project file. Every app on every plan - pick a tier by team size, not features.

Get started