Hiyoko FX

ひよこエフェクト — JavaScript演出を選ぶ・重ねる・貼るだけ
レイヤー
調整
#07090D

Sample Text

-- fps
🐤 おすすめ◀▶・スワイプ・ホイールで切替
🎬 エフェクト選択中レイヤーを差し替え

保存した構成

おすすめの組み合わせ
エフェクトを追加
使い方ガイド

3ステップで使えます🐤

  1. 選ぶ — 下の「🐤おすすめ」バーの◀▶で流し見。スマホはプレビューを左右スワイプ、PCはバーの上でマウスホイールでも送れます。≡を押すと一覧から選べます
  2. いじる — 上の「調整」パネルで色・数・速さを微調整。🎲ランダムで一発ガチャも楽しいです
  3. 貼る — ページ下の「📋 コードをコピー」を押して、自分のページの<body>の最後に貼るだけ。AIに「この背景をいま作っているツールに入れて」と渡すのもおすすめです

もっと詳しく

  • 🎬エフェクトバー(下・右側) — 選択中レイヤーのエフェクトを◀▶でお隣に差し替え。≡で一覧から新しいレイヤーを追加できます
  • レイヤー(上) — チップをタップで選択。チップの上でホイール/横スワイプしても差し替わります。▲▼で重ね順、👁で表示/非表示、✕で削除
  • ★保存 — いまの構成をこの端末に保存。「保存した構成」からいつでも復元できます
  • 🚗ドライブモード — エフェクトが音楽つきで自動で流れ続ける鑑賞モード。デジタル暖炉としてどうぞ。Escか✕で終了
  • 見本テキスト — ヘッダーの入力欄で文字を書き換え、隣の色パレットで文字色を変更できます(チェックで非表示)

コピーしたコードは他に何も要らず、貼ったページで単体で動きます。演出は常に最背面に描かれるので、あなたのコンテンツを邪魔しません。

貼り付け用コード

👆 このコードを HTML の <body> 内(末尾でOK)に貼ると、選んだ演出が最背面の背景として動きます。 複数レイヤーは重ねて描画され、あなたのコンテンツは常にその上に表示されます。依存ライブラリなし・単体で動作。

© 2026 ひよこ沼 — 本ツールの無断複製・再配布・販売を禁じます。