バウンドするように拡大させるバウンズーム【mp4クリエイター】

2025/05/25

　gifアニメや静止画を、バウンドするように拡大させる演出を行い、mp4動画ファイルを生成するWebアプリケーションです。 バウンズームと名付けてみました。 縦横比率も変えられます。

プログラミングブログ記事一覧

バウンズームmp4動画ファイルクリエイター

サンプル

使い方

1. 「読み込み画像ファイル」で画像ファイルを読み込みます
2. プレビューしながらパラメーターを調整します
3. 【mp4保存】ボタンを押下し、OKを押します
4. mp4ファイルがダウンロードされれば成功です

1.画像ファイル読み込み

　「読み込み画像ファイル」のところで、【参照】(【ファイル選択】)ボタンから画像ファイルを選択するか、画像ファイルをドラッグ＆ドロップしてください。

2.プレビューとパラメーター調整

　プレビューボタンを押下して、縦横の拡大率を増減させて良い具合に調整してください。
　指定された秒数の間に2回跳ねる演出です。秒数を調整することで跳ねる速度を調整することができます。
　必要に応じて、ファイル名も変更してください。 フレームレートは初期値のままで問題ありませんが、必要に応じて変更してください。

3.mp4保存

　【mp4保存】ボタンを押下し、確認ダイアログを確認してOKを押してください。
　なお【gifアニメ保存】ボタン押下で、mp4ファイルの代わりに、gifアニメーションファイルを生成できます。

4.ファイルダウンロード確認

　mp4ファイル(またはgifファイル)がダウンロードできていれば成功です。
　Webブラウザーの設定にもよりますが、通常は「ダウンロード」フォルダに保存されます。 ファイルアプリ、ファイルマネージャーアプリなどからアクセスしてください。 そこから写真/フォト/ビデオ/ギャラリーフォルダなどへの移動もできます。

プライバシーと安全性

　お使いの端末のみで処理されますので、読み込み指定された画像や生成されたファイルが他に漏れることはありません。

技術解説

　本記事ではポリゴンを用いて描画しています。
　ポリゴンの各頂点は、以下の行列を用いた演算で、拡大・縮小することができます。 \(S_x\)は横の拡大率、\(S_y\)は縦の拡大率です。

まとめ

　本記事では、gifアニメや静止画を、バウンドするように拡大させる演出を行い、mp4動画ファイルを生成するWebアプリケーションを公開し、 その使用方法を解説しました。
　ポリゴンを拡大・縮小する行列についても、簡単に解説しています。
　また、mp4クリエイターの他バリエーションをこの記事にまとめていますので、よろしければそちらもご活用ください。

補足