/* global React */ const { useState, useEffect, useRef } = React; // === SVG logo mark === function LogoMark() { return ( ); } // === Promo bar === function PromoBar() { const items = Array(4).fill(0); return (
{items.map((_, i) => ( 使用优惠码 #SYNCTOOLS 立享 85% OFF · 全球 162 国 20,000+ 设计师正在使用 · 限时折扣 · 仅剩 03:12:48 · 专业客服 1 对 1 支持 · ))}
); } // === Nav === function Nav() { const [menuOpen, setMenuOpen] = useState(false); const buyUrl = 'https://sync-tools.taobao.com/'; return ( ); } // === Animated Sync Demo === function SyncDemo() { const [tick, setTick] = useState(0); useEffect(() => { let raf; const loop = () => { setTick(t => t + 1); raf = requestAnimationFrame(loop); }; raf = requestAnimationFrame(loop); return () => cancelAnimationFrame(raf); }, []); const t = (tick % 360) / 360; const pulse = 0.5 + 0.5 * Math.sin(tick / 30); return ( {/* Background orbital rings */} {[180, 140, 100].map((r, i) => ( ))} {/* Main sphere */} {/* Secondary sphere (smaller, orbiting) */} {/* Data pulses flowing from main to orbit */} {[0, 0.33, 0.66].map((offset, i) => { const phase = (t + offset) % 1; const angle = tick / 2; const rad = angle * Math.PI / 180; const startX = 260 + Math.cos(rad) * 110; const startY = 260 + Math.sin(rad) * 110; const endX = 260 + Math.cos(rad) * 160; const endY = 260 + Math.sin(rad) * 160; const x = startX + (endX - startX) * phase; const y = startY + (endY - startY) * phase; return ( ); })} {/* Small nodes on rings */} {[0, 90, 180, 270].map((deg, i) => { const a = (deg + tick) * Math.PI / 180; const r = 180; return ( ); })} {/* Labels */} SOURCE · CINEMA TARGET · BLENDER SYNC 100% v3.0.2 {/* Corner crosses */} {[[20, 20], [500, 20], [20, 500], [500, 500]].map(([x, y], i) => ( ))} ); } // === Hero === function Hero() { const buyUrl = 'https://sync-tools.taobao.com/'; return (
NEW SyncTools Pro · v3.0 已发布

无界衔接,
此刻 connect 世界。

高效的全平台转换工具 SyncTools，现已全新升级到 V3.0。新增骨骼、VFX、运动图形、几何节点等多种资产，快速导入复杂动画材质，帮助 3D 艺术家和设计师提升工作流效率。

20,000+
Designers
162
Countries
200+
Studios & Teams
V3.0
Latest Release
); } // === DCC Rail === function DccRail() { const dccs = [ { n: 'Cinema 4D', c: '#011a6a', svg: ( ) }, { n: 'Maya', c: '#0696d7', svg: ( ) }, { n: 'Blender', c: '#ea7600', svg: ( ) }, { n: 'Houdini', c: '#ff4713', svg: ( ) }, { n: '3ds Max', c: '#1f9ed9', svg: ( 3ds ) }, { n: 'Unreal Engine', c: '#0e1013', svg: ( ) }, { n: 'Unity', c: '#111', svg: ( ) }, ]; return (
 
全 DCC 流式协作 · 主流渲染器支持
{dccs.map((d, i) => (
{d.svg}
{d.n}
))}
); } Object.assign(window, { LogoMark, PromoBar, Nav, Hero, DccRail, SyncDemo });