差分

BreathStudio 仕様書 (ソースを閲覧)

881 バイト追加、 2025年3月23日 (日)

編集の要約なし

*指定FPSでAPNGとしてエクスポート

*アニメーション設定を保持し、再編集可能なJSON形式で保存・読み込み

{| class="wikitable"

|-

! 技術 !! 目的

|-

| HTML5 & CSS3 || UIデザイン

|-

| JavaScript (ES6+) || 画像管理・アニメーション制御

|-

| Drag and Drop API || 画像のドラッグ＆ドロップ処理

|-

| Canvas API || 画像合成・APNG生成

|-

| GSAP || アニメーション制御

|-

| Web Worker || APNGエンコード時の負荷軽減

|-

| LocalStorage / IndexedDB || アニメーション設定の保存・読み込み

|}

=実装の流れ=

+画像管理の実装（レイヤー追加・削除・階層管理）

+キャンバス上での操作（移動・拡大・回転）

+レイヤー固定機能の実装（親子関係の動作制御）

+アニメーション機能の実装（固定・振動・スプライトアニメ）

+プレビュー機能の実装（リアルタイム再生）

+APNGエクスポートの実装

+UIのブラッシュアップ

1,465

回編集