Constellation Field
ThreeUI · Backgrounds · 免费
在云境TS 中打开并复制 →
内容预览
# Constellation Field A family of particle networks, gateways, interface lines, defense traces, and topographic fields gathered into one configurable collection. > 来源：ThreeUI Community · https://threeui.com · MIT License（Meng To / Design+Code） > 组件页：https://threeui.com/component/constellation-field · 预览动画：https://threeui.com/previews/constellation-field.webm > 分类：Backgrounds > 包含变体（7）：particle-drift、particle-network、gateway-flow、connectivity-graph、interface-lines、defense-lines、topo-field /* ===== src/shaders/constellation-field/ConstellationField.tsx (tsx) ===== */ import type { ComponentType } from "react"; import { ConstellationField as ConstellationFieldRenderer, ConnectivityGraph, DefenseLines, GatewayFlow, InterfaceLines, ParticleDrift, ParticleNetwork, TopoField, type NeuformBatchEffectProps, } from "../neuform-isolated/NeuformBatchEffects"; export type ConstellationFieldVariant = | "constellation-field" | "particle-drift" | "particle-network" | "gateway-flow" | "connectivity-graph" | "interface-lines" | "defense-lines" | "topo-field"; export type ConstellationFieldProps = NeuformBatchEffectProps & { variant?: ConstellationFieldVariant; }; const VARIANT_COMPONENTS: Record = { "constellation-field": ConstellationFieldRenderer, "particle-drift": ParticleDrift, "particle-network": ParticleNetwork, "gateway-flow": GatewayFlow, "connectivity-graph": ConnectivityGraph, "interface-lines": InterfaceLines, "defense-lines": DefenseLines, "topo-field": TopoField, }; export functio
……（完整源码请在站内查看）