🎨 Sticker Motion Studio Motion Preview 1.5.1

スマホ向け編集・矢印でレイヤー並び替え
ライブプレビュー0.00 s
了解です♥デモ画像(静止表示)
動かすにはSafariでHTMLを開いてね

「スタンプ全体」はイラスト・表情・文字・ハートすべてが動きます。「イラストだけ」はイラストと表情が動き、文字やハートは固定されます。

👆 指で配置
1本指で移動、2本指で選択中のパーツをピンチ拡大・縮小。下の大きさスライダーとも連動します。
☷ レイヤー

上にあるほど手前に表示。右の▲▼ボタンで並び替えできます。名前をタップすると編集対象になります。

アニメーション設定

顔や上半身と、足元の境目に合わせて調整してね。上側だけが折れるように変形します。

動きの特徴:縮む→弾む→余韻を残して戻る


オリジナル画像を読み込む

各パーツは透過PNGで読み込み、指で位置を変えたり拡大縮小したりできます。プレビュー直下のレイヤー一覧で重なり順を変更できます。新しいスタンプ本体を読み込むと、デモの表情・文字・ハートを自動で非表示にします。各パーツは個別に表示・非表示や削除ができます。読み込んだパーツの位置も調整できます。

使い方:文字なしキャラクターPNGを「イラスト」に、文字だけの透過PNGを「文字」に読み込みます。動かす対象を「イラストだけ」にすれば文字は固定、「スタンプ全体」なら両方動きます。※1枚の画像から文字を自動分離する機能はまだありません。


この試作版はブラウザ内で動作し、画像はサーバーに送信しません。APNG生成・ZIP一括出力・表情差分切替は未実装です。「ぱちぱち」はレイヤー全体を縦につぶす簡易表現で、目だけを閉じる機能ではありません。iPhoneのブラウザではHTMLファイルの開き方により一部の保存操作が制限される場合があります。