Starry Sky – Interactive Night Sky Cover Block

外掛說明

Starry Sky adds a container block that behaves like the core Cover block — you
can nest any blocks on top of it (headings, paragraphs, buttons, etc.) — but
instead of a background image it paints a realistic night sky on an HTML canvas:

  • Hundreds of stars with varied sizes, brightness, and true stellar colours
    (blue-white, white, warm, orange, and red), rendered with a soft glow.
  • Diffraction “sparkle” spikes on the brightest stars.
  • Gentle twinkling.
  • Mouse interaction: the whole field parallaxes with the pointer (nearer stars
    move more), and stars near the cursor are pushed away and spring back — a
    push-and-pull that follows the mouse.
  • Click the sky to launch a shooting star from that point.
  • Occasional shooting stars drift by on their own, at a rate you set
    (shooting stars per minute; 0 to turn them off).

Settings (block sidebar):

  • Minimum height
  • Star density
  • React to mouse movement (on/off)
  • Twinkle (on/off)
  • Shooting star on click (on/off)
  • Shooting stars per minute (0–30; 0 = off)
  • Sky colour
  • Vertical alignment of the overlaid content (toolbar)

Accessibility & performance:

  • Respects prefers-reduced-motion (renders a static sky, no animation or
    pointer reaction).
  • Uses pre-baked sprites and pauses rendering while the block is off-screen.

適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

  • Starry Sky A cover-like container with a realistic black starry sky that reacts to mouse movement. Drop any blocks on top.

安裝方式

  1. Copy the starry-sky folder into wp-content/plugins/ (or zip the folder and
    upload it via Plugins Add New Upload Plugin).
  2. Activate “Starry Sky”.
  3. In the editor, add the Starry Sky block and drop content on top.

No build step is required — the plugin ships ready to run.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Starry Sky – Interactive Night Sky Cover Block〉的開發相關工作。

參與者

變更記錄

1.0.0

  • Initial release.