選んで重ねて貼るだけ｜動く背景エフェクト253種【ひよこエフェクト / Hiyoko FX】
- Digital1,480 JPY
「動く背景」を、日本語で選べるようにしました。 ━━━━━━━━━━━━━━━━━━━━━━ こんなことはありませんか ━━━━━━━━━━━━━━━━━━━━━━ ・作ったページ、ちゃんと動くのに見た目がそっけない ・「動く背景 JavaScript」で検索したら、出てくるのは英語のサイトばかり ・コピペしても動かない。やっと動いたと思ったら、PCのファンが唸り出す ひよこエフェクトは、動く背景を「選んで貼るだけ」にするツールです。 ━━━━━━━━━━━━━━━━━━━━━━ 選んで、重ねて、貼るだけ ━━━━━━━━━━━━━━━━━━━━━━ 画面には、動く演出が253種類カタログのように並んでいます。 「舞う雪片」「打ち上げ花火」「錦鯉の池」「降るコード雨」—— 選ぶと、その場でプレビューが動き出します。 気に入ったら「📋 コードをコピー」を押すだけ。 自分のページの <body> の最後に貼れば、背景が動き出します。 ◆ 依存ライブラリなし 貼ったコードが単体で動きます。他に何も要りません。 ◆ 常に最背面 演出は背景として描かれます。あなたのコンテンツはその上。 レイアウトを壊しません。 ◆ 全部日本語 英語の見本サイトを泳ぎ回る必要はもうありません。 ━━━━━━━━━━━━━━━━━━━━━━ 重ねがけで「自分の空」が作れます ━━━━━━━━━━━━━━━━━━━━━━ 演出はレイヤーとして重ねられます。 「月あかり」＋「夜の街明かり」＋「星の瞬き」で、夜景のできあがり。 各レイヤーは色・数・大きさ・速さをスライダーで調整でき、 背景色も変えられます。迷ったら🎲ランダムでガチャ気分。 それも面倒なら、組み合わせ済みの構成222種から1タップで呼び出せます。 ちょっと自慢なのが「額縁」シリーズです。 画面の縁だけを飾って、中央を空けておくタイプ （桜の額縁・光の額縁・蔦の額縁・玉ボケの額縁）。 配信画面や自作ツールの背景に、真ん中を邪魔せず使えます。 ━━━━━━━━━━━━━━━━━━━━━━ AIにツールを作らせている人へ ━━━━━━━━━━━━━━━━━━━━━━ 実はここが本命です。 白状すると、私はJavaScriptが書けません。 AIとツールを作っていたとき、画面の後ろで動いていた演出を見て 「これはどういう仕組みで動いてるの?」と聞いたのが始まりでした。 答えはJavaScript。見本が載っているサイトを探し回ったのですが、 どこも英語で、数が多すぎて、私のノートPCでは重すぎました。 だから「見本を選んで、AIに『これが欲しい』と言える」ツールを作りました。 使い方は簡単です。気に入った演出のコードをコピーして、こう頼むだけ。 このコードの背景演出を、いま作っているツールに入れて AIへの注文が「言葉でがんばって説明する」から「実物を見せる」に変わります。 これが一番伝わります。 ━━━━━━━━━━━━━━━━━━━━━━ おまけのつもりが好評だった🚗ドライブモード ━━━━━━━━━━━━━━━━━━━━━━ 🚗ボタンを押すと、エフェクトが自動でゆっくり切り替わり続け、 内蔵の音楽が流れます。 音楽はツールがその場で生成するチル系BGMで、9テーマ （「よあけ」「あまやどり」「ほしぞら」「なみおと」…）を自動で巡ります。 要するにデジタル暖炉です。作業中の隣に流しっぱなしにすると、たいへん良いです。 ━━━━━━━━━━━━━━━━━━━━━━ 収録内容 ━━━━━━━━━━━━━━━━━━━━━━ ・エフェクト 253種（パーティクル／自然・天候／宇宙・光／幾何・パターン／文字・デジタル／オブジェクト） ・組み合わせ済み構成 222種 ・レイヤー機能（重ねがけ） ・構成の保存・呼び出し ・🚗ドライブモード（自動生成BGM 9テーマ） ・ライト／ダークテーマ ・使い方ガイド内蔵 ・コード書き出し 【ファイル】ひよこエフェクト_v1.0.zip ├ index.html（ツール本体） ├ はじめにお読みください.txt └ CHANGELOG.txt ━━━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Firefox / Safari の最新版 ・PC推奨（スマホでも動きますが、細かい調整はPCが快適です） ・インストール不要。index.html をダブルクリックするだけ ・★インターネット接続は不要です。完全オフラインで動作します ・外部サーバーへの通信は一切ありません ━━━━━━━━━━━━━━━━━━━━━━ ライセンス ━━━━━━━━━━━━━━━━━━━━━━ 書き出したエフェクトのコードは、商用・非商用を問わず自由にお使いいただけます。 クレジット表記も不要です。ご自身のサイト、お仕事のページ、配信画面、動画背景など、 制限なくどうぞ。 ツール本体（index.html）の再配布・改変配布・転売はご遠慮ください。 個人で作っているツールです。ご協力をお願いいたします。 ━━━━━━━━━━━━━━━━━━━━━━ 更新について ━━━━━━━━━━━━━━━━━━━━━━ 更新版を出したときは、この商品ページに内容を記載します。 再ダウンロードは何度でも無料です。購入履歴・ライブラリから取得できます。 ご質問はBOOTHのメッセージからどうぞ。