Predictive Arc
ThreeUI · Backgrounds · 免费
在云境TS 中打开并复制 →
内容预览
# Predictive Arc Eight animated arc, signal, ribbon, void, and halftone scenes collected in one Canvas 2D, raw-WebGL, and Three.js family. > 来源：ThreeUI Community · https://threeui.com · MIT License（Meng To / Design+Code） > 组件页：https://threeui.com/component/predictive-arc · 预览动画：https://threeui.com/previews/predictive-arc.webm > 分类：Backgrounds > 包含变体（8）：predictive、data-pixel、signal-particles、override-grid、ribbon-field、void-field、halftone-flow、amber-halftone /* ===== src/shaders/predictive-arc/PredictiveArcCollection.tsx (tsx) ===== */ import { lazy, Suspense } from "react"; import type { RibbonFieldBackgroundProps } from "../ribbon-field/RibbonFieldBackground"; import type { NeuformBatchEffectProps } from "../neuform-isolated/NeuformBatchEffects"; import type { NeuformCraftEffectProps } from "../neuform-isolated/NeuformCraftEffects"; import type { NeuformIsolatedEffectProps } from "../neuform-isolated/NeuformIsolatedEffects"; import { PredictiveArcCanvas as PredictiveArcCore, type PredictiveArcCanvasProps as PredictiveArcCoreProps, type PredictiveArcVariant as PredictiveArcCoreVariant, } from "./PredictiveArcCanvas"; export type PredictiveArcVariant = PredictiveArcCoreVariant | "ribbon-field" | "void-field" | "halftone-flow" | "amber-halftone"; type RibbonFieldVariantProps = RibbonFieldBackgroundProps & { variant: "ribbon-field"; }; type VoidFieldVariantProps = NeuformIsolatedEffectProps & { variant: "void-field"; }; type HalftoneFlowVariantProps = NeuformCraftEffectProps & {
……（完整源码请在站内查看）