설명
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.
설치
- Copy the
starry-skyfolder intowp-content/plugins/(or zip the folder and
upload it via Plugins Add New Upload Plugin). - Activate “Starry Sky”.
- 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.
