Spline MCP: Gumawa ng mga 3D Web Experience gamit ang AI (Cursor, Claude, Gemini at iba pa)

Spline 3DIntermediate6 min

Gawing nae-edit na 3D scene ang isang reference image gamit ang Spline MCP at Claude — tapos dalhin pa ito sa mas malayo gamit ang isang interactive na website.

Sa tutorial na ito, matututunan mo kung paano ikonekta ang Spline desktop app sa AI tool mo, isulat ang una mong prompt, at panoorin ang scene mo na mabuo mismo sa editor. Gagawin naming muli ang isang lumulutang na park diorama, titingnan kung paano pinuhin ang mga object at material nito, at gagamitin ang Claude para bumuo ng masayang web experience sa paligid nito, kumpleto sa day/night toggle, mga nakatagong sorpresa at mga interactive na elemento.

Ang matututunan mo:

  • Ikonekta ang Spline MCP sa Claude at iba pang AI tool na compatible sa MCP.
  • Gumamit ng reference image para gumawa ng nae-edit na 3D scene.
  • Pinuhin ang scene mo gamit ang mga prompt o baguhin ito nang manual sa Spline.
  • Magtrabaho sa isang umiiral na Spline file o magsimula mula sa wala.
  • Gawing interactive web experience ang 3D scene mo.

Magdala ng reference image, ideya o moodboard — at magsimulang gumawa. I-share ang ginawa mo sa comments!

Subukan ang Spline V2 at mag-comment kung ano ang gusto mong makita sa susunod!

👍 Huwag kalimutang mag-like at mag-subscribe para sa iba pang tutorial at balita tungkol sa Spline

Mga Link: 🌸 Hana → https://spline.design/hana 💖 Spline → http://app.spline.design 📚 Spline Docs → https://docs.spline.design 👋 Spline Community → https://app.spline.design/community

Ang Aming Socials: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

#spline #3D #Design #Spline3D #AIAgent

Mga kaugnay na tutorial

Lahat ng tutorial