# เอดิเตอร์ 3D ออนไลน์: โมเดลลิง วัสดุ และแอนิเมชัน - Spline (https://spline.design/th/3d-design)

> เอดิเตอร์ 3D ของ Spline ทำงานบนเบราว์เซอร์ของคุณ สร้างโมเดล ใส่เท็กซ์เจอร์ และทำแอนิเมชัน 3D แบบอินเทอร์แอคทีฟร่วมกับทีมและเอเจนต์ AI แล้วเผยแพร่บนเว็บ iOS และ Android

# เอดิเตอร์ 3D ที่ทีมของคุณ และเอเจนต์สร้างงานร่วมกัน

สร้างโมเดล ใส่เท็กซ์เจอร์ ทำแอนิเมชัน และเพิ่มการโต้ตอบ ร่วมกันในไฟล์สดไฟล์เดียว ได้โดยตรงบนเบราว์เซอร์ **เอเจนต์ทำร่างแรก** ดีไซเนอร์เก็บรายละเอียด แล้วเผยแพร่บนเว็บ iOS และ Android

[เริ่มสร้างเลย](https://app.spline.design/signin)[เชื่อมต่อเอเจนต์ของคุณ](https://spline.design/th/mcp)

ทีมต่าง ๆ ทำงานใน Spline อย่างไร

## ไฟล์เดียว จากพรอมต์สู่โปรดักชัน

เอเจนต์และดีไซเนอร์ผลัดกันทำงานในฉากสดเดียวกัน ไม่ต้องส่งออก นำเข้าใหม่ หรือสร้างใหม่ระหว่างกัน

1. 01  
### พรอมต์  
อธิบายฉากที่ต้องการ เอเจนต์จะอ่านไฟล์แล้วร่างฉากขึ้นมา ทั้งรูปทรง แสง และกล้อง
2. 02  
### สร้างไปด้วยกัน  
ดีไซเนอร์เข้ามาในไฟล์สดเดียวกันเพื่อปั้นโมเดล ปรับวัสดุ และฝากคอมเมนต์ ขณะที่เอเจนต์ยังทำงานต่อ
3. 03  
### ส่งกลับให้เอเจนต์  
เลือกอะไรก็ได้แล้วขอให้แก้ ไม่ว่าจะเป็นสถานะ hover เวอร์ชันอื่น หรือไทม์ไลน์ เอเจนต์เห็นสิ่งเดียวกับที่คุณเห็น
4. 04  
### เผยแพร่  
เผยแพร่บนเว็บ ส่งออกเป็นโค้ด หรือนำไฟล์เดียวกันไปใช้บน iOS และ Android

ดีไซน์ AI และโค้ด

## สร้างโมเดล 3D โดยมีเอเจนต์อยู่เคียงข้าง

เครื่องมือออกแบบที่คุ้นเคยและการเรนเดอร์แบบเรียลไทม์ พร้อมเอเจนต์ AI ที่สร้างฉากและเขียนโค้ดให้

- เรนเดอร์แบบเรียลไทม์
- รูปทรงพื้นฐานและโมเดลลิง 3D
- แก้ไขแบบเอเจนต์ด้วย AI
- โค้ดแบบกำหนดเองสำหรับ UI และลอจิก

หรือสั่งเอเจนต์ของคุณ

ร่างเกาะโลว์โพลีที่มีน้ำตก

วัสดุและการเชด

## วัสดุแบบเลเยอร์

สร้างวัสดุที่ไม่เหมือนใครด้วยการซ้อนเลเยอร์แทนการเขียนเชดเดอร์ หรือเริ่มจากคลังวัสดุที่พร้อมใช้

- ระบบวัสดุแบบเลเยอร์
- แก้ว เฟรสเนล และดิสเพลสเมนต์
- คลังวัสดุพร้อมใช้

ทำให้น้ำใสขึ้น พร้อมขอบเฟรสเนลแบบนุ่ม ๆ

การโต้ตอบและการเคลื่อนไหว

## ทำให้ฉากของคุณมีชีวิต

เพิ่มการโต้ตอบและแอนิเมชันด้วยระบบอีเวนต์ของ Spline ทั้งสเตต ไทม์ไลน์ การควบคุมแบบเกม และฟิสิกส์

- สเตตและอีเวนต์
- แอนิเมชันแบบไทม์ไลน์
- การควบคุมแบบเกม
- ฟิสิกส์และอนุภาค

ให้เรือโคลงเคลงวนซ้ำ และพลิกคว่ำเมื่อคลิก

Variables และข้อมูล

## ข้อมูลเรียลไทม์ในรูปแบบ 3D

ควบคุมสิ่งที่ฉากแสดงด้วยค่าสดจาก Variables, Webhook และ API

- Variables
- Webhook และการเรียก API
- แอ็กชันแบบมีเงื่อนไข

แสดงคะแนนสดจาก API ของเราบนกระดานคะแนน

> “Spline ทำให้เรา**สร้างอ็อบเจกต์ 3D แบบอินเทอร์แอคทีฟที่ทำให้ผลิตภัณฑ์ของเรารู้สึกจับต้องได้** มันเป็นมากกว่าแค่ของตกแต่ง **แต่เป็นวิธีแสดงให้เห็นว่าเราใส่ใจในทุกรายละเอียด**”

**Zeh Fernandes**Founding Designer, Resend

การทำงานร่วมกัน

## ออกแบบร่วมกันแบบเรียลไทม์

### ทำงานร่วมกันแบบเรียลไทม์

ทุกคนแก้ไขฉากสดเดียวกัน รวมถึงเอเจนต์ และเห็นเคอร์เซอร์ของกันและกัน

### คอมเมนต์

ฝากฟีดแบ็กถึงทีมได้โดยตรงในฉาก หรือจดโน้ตไว้สำหรับตัวเอง

### ทีม โปรเจกต์ และโฟลเดอร์

จัดระเบียบงานตามทีมและโปรเจกต์ และแชร์ไฟล์ได้ด้วยลิงก์

ฟีเจอร์

## ชุดเครื่องมือครบครันสำหรับงานออกแบบ 3D

เครื่องมือเบื้องหลัง 3D ที่พร้อมใช้งานจริง ตั้งแต่รูปทรงพื้นฐานชิ้นแรกจนถึงการส่งออกขั้นสุดท้าย

### โมเดลลิง 3D และบูลีน

สร้างโมเดลวัตถุได้ทุกแบบด้วยชุดเครื่องมือ 3D

### แก้ไขเวกเตอร์ 3D

เครื่องมือเวกเตอร์ที่คุณคุ้นเคย ในพื้นที่ 3D

### การควบคุมกล้อง

ใช้กล้องเพื่อหมุนรอบและจัดองค์ประกอบฉาก

### คอมโพเนนต์

สร้างระบบดีไซน์ 3D ด้วยคอมโพเนนต์ที่นำกลับมาใช้ซ้ำได้

### คลังเทมเพลต

งานออกแบบ เทมเพลต และวัตถุ 3D ที่พร้อมใช้

### ลากและวาง

การโต้ตอบ 3D แบบลากและวางโดยไม่ต้องเขียนโค้ด

### ฟิสิกส์

วัตถุแข็งเกร็ง คอลไลเดอร์ แรงโน้มถ่วง และแรงต่าง ๆ จำลองแบบเรียลไทม์

### Variables

ตัวเลข บูลีน และข้อความที่ควบคุมวัตถุ สเตต และ UI

### แอสเซ็ตวัสดุ

จัดระเบียบเท็กซ์เจอร์และสีให้เป็นแอสเซ็ต

### เวิร์กโฟลว์ PBR และ HDR

วัสดุแบบฟิสิคัล แสง HDRI และการส่งออก PBR

### เท็กซ์เจอร์วิดีโอ

เล่นวิดีโอบนโมเดลด้วยเลเยอร์เท็กซ์เจอร์วิดีโอ

### โพสต์โปรเซสซิง

เก็บงานให้สมบูรณ์ด้วย bloom, ระยะชัดลึก และการปรับแก้สี

### เรนเดอร์ด้วย WebGPU

เอดิเตอร์และงานส่งออกเรนเดอร์ด้วย WebGPU โดยมี WebGL เป็นตัวสำรอง

### ส่งออกรูปภาพ วิดีโอ และ 3D

JPG และ PNG, MP4 และ GIF หรือ GLTF และ USDZ

### ส่งออกเป็นโค้ด

นำงานออกแบบไปใช้ในโปรเจกต์ React ของคุณ

### [สร้าง 3D ด้วย AI](https://spline.design/th/ai-generate)

สร้างโมเดลจากพรอมต์หรือรูปภาพ พร้อมใส่ในฉากของคุณ

### [Spline MCP](https://spline.design/th/mcp)

ควบคุมเอดิเตอร์จาก Claude, ChatGPT, Cursor และเอเจนต์อื่น ๆ

จัดระเบียบงาน 3D ตามทีม โปรเจกต์ และโฟลเดอร์

เผยแพร่

## ฉากเดียว ทั้งเว็บ Apple และ Android

เผยแพร่ไฟล์เดียวกันเป็นเว็บไซต์ แอป iPhone หรือแอป Android ทุกแพลตฟอร์มมีตัวเรนเดอร์แบบเนทีฟของตัวเอง ฉากจึงยังคงอินเทอร์แอคทีฟและทำงานได้ลื่นไหล

- [WebWebGPU · WebGLเผยแพร่เป็นลิงก์ ฝังตัวแสดงผล หรือส่งออกโค้ดสำหรับสแตกของคุณแล้วโฮสต์เอง](https://spline.design/th/web)
- [AppleMetalเพิ่มวิว SwiftUI แบบเนทีฟลงในแอปของคุณ หรือสร้างโปรเจกต์ Xcode ที่พร้อมขึ้น App Store](https://spline.design/th/ios)
- [AndroidVulkanเพิ่มวิวแบบเนทีฟด้วย Jetpack Compose หรือบิลด์ APK หรือ App Bundle ได้โดยตรงจาก Spline](https://spline.design/th/android)

prompt.md

คำถามที่พบบ่อย

## ทุกคำถามของคุณ มีคำตอบ

Spline ใช้ฟรีไหม

ใช่ แพ็กเกจ Free ราคา $0 ต่อเดือน มาพร้อมเอดิเตอร์ออกแบบ 3D บนเบราว์เซอร์ Spline Library และการส่งออกสำหรับเว็บ แพ็กเกจแบบชำระเงินจะเพิ่มเครดิต AI จำนวนไฟล์ และรูปแบบการส่งออกที่มากขึ้น

ออกแบบ 3D บนเบราว์เซอร์ได้ไหม

ได้ Spline ทำงานบนเบราว์เซอร์โดยไม่ต้องติดตั้งอะไร และเรนเดอร์ด้วย WebGPU โดยมี WebGL เป็นตัวสำรอง นอกจากนี้ยังมีแอปเดสก์ท็อปสำหรับ Mac และ Windows

ต้องมีประสบการณ์โมเดลลิง 3D มาก่อนไหม

ไม่ต้อง เริ่มจากรูปทรงพื้นฐานหรือ Spline Library หรืออธิบายสิ่งที่ต้องการแล้วให้เอเจนต์ทำร่างแรกให้ ถ้าคุณเคยใช้เครื่องมือออกแบบมาก่อน เลเยอร์ พร็อพเพอร์ตี และแคนวาสแบบเรียลไทม์จะดูคุ้นเคย

สร้างอะไรได้บ้างด้วย Spline

3D แบบอินเทอร์แอคทีฟสำหรับเว็บไซต์และแอป เช่น ฉากฮีโร่ ตัวแสดงสินค้า เกม การแสดงผลข้อมูล และอินเทอร์เฟซที่มีมิติ ซึ่งมีชีวิตชีวาด้วยสเตต อีเวนต์ แอนิเมชันแบบไทม์ไลน์ และฟิสิกส์

นำงานออกแบบ 3D ไปใช้ที่ไหนได้บ้าง

เผยแพร่บนเว็บด้วยลิงก์หรือการฝัง นำฉากไปใช้ในโปรเจกต์ React หรือใช้ไฟล์เดียวกันบน iOS และ Android และยังส่งออกเป็นรูปภาพ วิดีโอ GLTF และ USDZ ได้ด้วย

ออกแบบ 3D ร่วมกับทีมและเอเจนต์ AI ได้ไหม

ได้ ทุกไฟล์เป็นไฟล์สด ทีมของคุณสร้างโมเดล คอมเมนต์ และรีวิวได้แบบเรียลไทม์ Claude, ChatGPT, Cursor และเอเจนต์อื่น ๆ ทำงานในไฟล์เดียวกันได้ผ่าน Spline MCP

## เริ่มสร้างสรรค์งาน 3D

เชื่อมต่อเอเจนต์ ชวนทีมของคุณ แล้วเผยแพร่ฉาก 3D แรกได้ตั้งแต่วันนี้

[Spline](https://spline.design/th)

เอดิเตอร์ 3D และ 2D สำหรับทีมและเอเจนต์ของทีม เผยแพร่ได้ทั้งบนเว็บ iOS และ Android

#### ถาม AI เกี่ยวกับ Spline

#### ผลิตภัณฑ์

- [ออกแบบ 3D](https://spline.design/th/3d-design)
- [Hana](https://spline.design/th/hana)
- [Omma](https://omma.build)
- [สร้าง 3D ด้วย AI](https://spline.design/th/ai-generate)
- [Spline MCP](https://spline.design/th/mcp)
- [Spline Arena](https://spline.design/th/arena)
- [ราคา](https://spline.design/th/pricing)
- [องค์กร](https://spline.design/th/enterprise)

#### รันไทม์

- [Web](https://spline.design/th/web)
- [iOS](https://spline.design/th/ios)
- [Android](https://spline.design/th/android)

#### แอป

- [ดาวน์โหลด](https://spline.design/th/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [ดาวน์โหลด Spline Mirror](https://spline.design/download-mirror)

#### เรียนรู้

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/th/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [โซลูชัน](https://spline.design/solutions)

#### คอมมูนิตี้

- [คอมมูนิตี้ Spline](https://community.spline.design)
- [Blog](https://spline.design/th/blog)
- [มีอะไรใหม่](https://spline.design/th/changelog)
- [การศึกษา](https://spline.design/th/education)
- [Contra](https://spline.design/contra)
- [พันธมิตร](https://spline.design/th/affiliate)

#### บริษัท

- [ลูกค้า](https://spline.design/th/customers)
- [ร่วมงานกับเรา](https://www.ycombinator.com/companies/spline/jobs)
- [ความปลอดภัย](https://spline.design/th/security)

#### กฎหมาย

- [ข้อกำหนดและเงื่อนไข](https://spline.design/terms)
- [ความเป็นส่วนตัว](https://spline.design/privacy)

#### ติดต่อ

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.