简介
我最近非常喜欢 3D。自从我发现了 Three.js 以来,我就一直在我的 Web 应用中插入 3D 形状和随机对象。这非常简单(特别是如果你使用 React 和 Three Fiber),而且非常有趣!
如果您已经熟悉这些库,它们可以让您为网页设计添加更多维度,以及所有交互性、物理和特效。添加一个简单的表单通常只需要几行代码,但结果却令人惊叹。
让我们从一个例子开始……
export default function App() {
return (
<Canvas flat dpr={[1, 2]} camera={
{ fov: 25, position: [0, 0, 8] }}>
<color attach="background" args={['#e0b7ff']} />
<ambientLight />
<PresentationControls snap global zoom={0.8} rotation={[0, -Math.PI / 4, 0]} polar={[0, Math.PI / 4]} azimu