HIỆU ỨNG NỀN
FX LAB.

Có 53 mô-đun canvas 2D thời gian thực, sẵn sàng dùng cho nhiều bối cảnh thị giác. Mỗi hiệu ứng đều nhẹ, thích ứng với kích thước màn hình và tôn trọng cài đặt giảm chuyển động của người dùng.

XEM_TRƯỚC:

BỘ LỌC:53 MODULES

+

[FX-01]DOT_GLOBE

CTA / HERO BACKDROP

GEOMETRIC3DSPHEREPOINT_CLOUD

DOT_COUNT800

TILT0.35 rad

SPEED0.22 rad/s

RADIUS0.42 × min(w,h)

ACCENTSi%29 green · i%7 purple

Fibonacci point-cloud sphere. Orthographic projection, depth-scaled squares. Live on the homepage CTA.

+

[FX-02]WAVE_FIELD

SECTION DIVIDERS

PATTERNGRIDSINEAMBIENT

GAP22px

FREQ_X0.014 · 1.4t

FREQ_Y0.012 · 0.9t

CRESTv > 0.86 → green

Sine-elevation square grid. Crests push green, troughs fall to grey. Calm ambient motion.

+

[FX-03]RADAR_SWEEP

TELEMETRY / STATUS STRIPS

GEOMETRICSCANRADIALSTATUS

GAP13px

RADIUS0.46 × min(w,h)

BEAM1.15 rad/s

TRAIL1.4 rad decay

Circular dot array lit by a rotating beam with exponential decay trail. Maximum ops-room energy.

…

01 / 18

TẤT CẢ MODULE DÙNG CHUNG MỘT CONTRACT

setup() → draw(ctx, w, h, t, dpr). Mật độ, tốc độ, bảng màu, bán kính — tất cả là hằng số một núm xoay ở đầu mỗi factory.

CANVAS 2D // KHÔNG CẦN WEBGL // ~2KB MỖI MODULE

HIỆU ỨNG NỀNFX LAB.

HIỆU ỨNG NỀN
FX LAB.