Portal Field
ThreeUI · Backgrounds · 免费
在云境TS 中打开并复制 →
内容预览
# Portal Field Five ambient field backgrounds collected across Three.js, raw WebGL, and Canvas 2D renderers. > 来源：ThreeUI Community · https://threeui.com · MIT License（Meng To / Design+Code） > 组件页：https://threeui.com/component/portal-field · 预览动画：https://threeui.com/previews/portal-field.webm > 分类：Backgrounds > 包含变体（4）：cloud-field、flow-field、bell-field、stream-convergence /* ===== src/shaders/portal-field/PortalFieldCollection.tsx (tsx) ===== */ import { lazy, Suspense } from "react"; import type { BellFieldBackgroundProps } from "../bell-field/BellFieldBackground"; import type { NeuformBatchEffectProps } from "../neuform-isolated/NeuformBatchEffects"; import type { NeuformIsolatedEffectProps } from "../neuform-isolated/NeuformIsolatedEffects"; import type { StreamConvergenceBackgroundProps } from "../stream-convergence/StreamConvergenceBackground"; export type PortalFieldVariant = | "portal-field" | "flow-field" | "cloud-field" | "bell-field" | "stream-convergence"; type PortalVariantProps = NeuformBatchEffectProps & { variant?: "portal-field"; }; type FlowVariantProps = NeuformBatchEffectProps & { variant: "flow-field"; }; type CloudVariantProps = NeuformIsolatedEffectProps & { variant: "cloud-field"; }; type BellVariantProps = BellFieldBackgroundProps & { variant: "bell-field"; }; type StreamVariantProps = StreamConvergenceBackgroundProps & { variant: "stream-convergence"; }; export type PortalFieldCollectionProps = | PortalVariantProps | FlowVariantProps | CloudVariantProp
……（完整源码请在站内查看）