-
プログラミングAstroのViewTransition使用時のJavaScript最適解
具体的な話AstroのViewTransitionを使って画面遷移を行うと、よくハマる問題として『既存のJavaScriptが動かない』がある。 ただこれはdocument.addEventListener("astro:page-load", () => { /* ここに処...
-
プログラミングサイトリニューアルしました
サイトリニューアルしました！＼(^o^)／旧サイトは既に閉じているので比較できませんが結構変わってます。 自作してCloudflareで動かすことでランニングコストを低く抑えてます。すごく自己満足度が高い！ ↓↓↓↓以下リニューアル箇所です。Astroで実装しましたAstroでイ...
-
プログラミング動画を一定間隔で切り出すツール
車載動画制作者向け。動画を一定間隔で切り出す作業を自動化したい人向け。概要最近AIがいい感じに動画カットするツールもあったりしますが、あえて『指定した間隔で機械的に切る』ツールを用意しました。たとえば『n秒おきにカット』すれば、景色が少しずつ変わっていく様子をテンポよく伝えられま...
-
プログラミングセリフテキストから字幕画像を生成するツール
字幕入力が面倒なので、全部テキストで書いて一括画像化するツールです。動画投稿者さん向け。VOICEVOX勢の皆様へ。普通のテキストファイルも使えます。概要テキストや文字列から1920x1080の字幕画像ファイルを生成できます。これを使えば字幕作成は動画編集ソフトでちまちまテキスト...
-
プログラミング切り出した動画の『最初の数フレームが真っ黒になる』を解決する
ココに書いてあることはこちら↓↓↓↓で全部まとまってます。今は↑↑↑↑を使っています。ffmpegとpythonで動画を切り出す話の続き。最初の数フレームが真っ黒になる切り出した動画の『最初の数フレームが真っ黒になる』という症状を解決する。切り出した動画のほとんどで起こる症状だが...
-
プログラミングImageMagickを使って字幕ファイルと9slice画像からフキダシ画像を作成する
このようなフキダシ画像を、字幕ファイルのセリフの数ぶん作る話。フキダシとblogの背景が白なので、blog用にフキダシ画像の透明色を青で塗りつぶしている。Pythonなどのプログラミング言語が少しわかることを前提とする。動機以前、VOICEVOXから字幕ファイルを作成した。動画に...
-
プログラミングVOICEVOXから字幕ファイルを作成する
VOICEVOXから字幕ファイル（SRTファイル）を出力する機能はない。ないのでPythonとffmpegで作りましょうという話。作ったらffmpegで動画に字幕を入れるところまでやる。内容はffmpegのコマンドを実行しているだけなので、他のプログラミング言語でもいい。こういう...
-
プログラミング横長の動画を縦長（ショート動画）にしたい
16:9の動画を9:16にする話縦長の短いショート動画投稿したいけど、いつも横長でしか撮ってないからそれを縦長にして投稿したいなという気持ち。お金かけずに。無料のiMovieでは縦長動画の編集ができないので、ここはffmpegの出番だ。成果物ffmpegを呼び出すbashスクリプ...
- プログラミング
ffmpegとpythonで動画を切り出す
ココに書いてあることはこちら↓↓↓↓で全部まとまってます。今は↑↑↑↑を使っています。一定間隔で動画を切り出すPythonスクリプトの話バイク走行映像の切り出しツーリング動画を作るとき、その切り出し作業をiMovieでポチポチと行っていた。これが結構つらいので『自動で行えないか』...
-
プログラミングPhaserでブロック崩しゲームを作る
ブラウザでゲームを作るとき今どんなゲームエンジンがあるのか調べたところ、Phaserが良さそうだったので調べてブロック崩しゲームを作った。なぜブロック崩しゲームなのかは、1画面で完結して画像リソースもシンプルなので作りやすい。お試しに最適と思ったから。作ったものはこちら。gith...