# Memperkenalkan Animasi Timeline 3D - Spline blog (https://spline.design/id/blog/introducing-3d-timeline-animation) > Animasi timeline Spline memungkinkan Anda menghidupkan desain 3D dengan gerakan berbasis keyframe yang mulus. [Blog](https://spline.design/id/blog) 18 September 2025 # Memperkenalkan Animasi Timeline 3D Animasi timeline Spline memungkinkan Anda menghidupkan desain 3D dengan gerakan berbasis keyframe yang mulus. [Buka Spline](https://app.spline.design) Kami dengan senang hati membagikan pembaruan terbaru kami, yang melanjutkan upaya memperluas motion design di Spline, dengan menghadirkan **Timeline Animation**. Fitur baru ini memungkinkan Anda membuat gerakan berbasis keyframe yang mulus, baik untuk ekspor video maupun pengalaman interaktif, semuanya di dalam editor Spline. ## State dan animasi berbasis keyframe Awalnya di Spline, animasi dibuat dengan sistem berbasis state. Anda membuat berbagai state untuk objek, lalu bertransisi di antaranya dengan event dan action transisi. Kami masih sangat meyakini sistem ini. Mudah dipakai dan disiapkan. Anda menganimasikan objek dari A ke B ke C dalam serangkaian transisi. Namun sistem ini punya keterbatasan dalam mengontrol waktu transisi state dari banyak objek dalam gerakan yang lebih kompleks. Dengan Timeline, kini Anda bisa menganimasikan dengan presisi dan kendali yang lebih besar. Transisi Anda ditata di timeline horizontal, sehingga pengaturan waktunya bisa dikontrol lebih halus. Solusi baru ini dibangun di atas state dan memperluas kemampuan animasi di Spline. Demonstrasi keyframe di Timeline Spline ## Graph editor untuk gerakan mulus dan kendali lebih halus Graph Editor bawaan memberi Anda kendali atas easing dan kecepatan, sehingga Anda bisa melampaui transisi linear dan menciptakan gerakan yang terasa alami, mulus, atau dinamis. Demonstrasi animasi timeline berbasis kurva di Spline ## Event dan Interaktivitas Sama seperti State, animasi berbasis Timeline bisa dihubungkan ke sistem Event Spline, sehingga Anda bisa memicu gerakan dari aksi pengguna atau logika kondisional. Dengan begitu, Anda bisa membangun timeline interaktif yang merespons secara dinamis cara pengguna berinteraksi dengan scene Anda. Properti objek apa pun bisa dianimasikan, termasuk posisi, rotasi, skala, ukuran, material, cloner, atau ekstrusi path. Keyframe direkam otomatis saat Anda melakukan penyesuaian di viewport atau panel properti, sehingga alur kerjanya tetap lancar dan non-destruktif. Arahkan kursor atau sentuh untuk berinteraksi (pengalaman dibuat dengan Timeline Spline) ## Banyak Timeline Anda bisa membuat beberapa timeline dalam satu proyek. Ini memungkinkan Anda memisahkan gerakan ke dalam track yang rapi, membuat state berbeda untuk objek yang sama, atau mengatur animasi untuk scene yang kompleks. Memiliki beberapa timeline juga memudahkan Anda memicu gerakan berbeda tergantung interaksinya. Misalnya, satu timeline bisa menentukan animasi kemunculan sebuah objek, sementara timeline lain mengontrol reaksinya saat diklik. Path 3D dan kamera yang dianimasikan dengan timeline ## Mengekspor video Timeline tidak terbatas pada proyek interaktif. Anda juga bisa mengekspor animasi sebagai video berkualitas tinggi langsung dari Spline. Pilih timeline yang ingin dirender, sesuaikan durasi, frame rate, dan resolusi, lalu hasilkan video yang siap untuk presentasi, kampanye pemasaran, atau konten looping. Pendekatan ganda ini membuat Timeline berguna untuk alur kerja motion design interaktif maupun tradisional. Video berbasis timeline yang diekspor dari Spline ## Terus berkembang dalam Beta Timeline Animation diluncurkan dalam versi Beta. Kami aktif menyempurnakannya dan akan terus memperbaiki alur kerjanya berdasarkan masukan Anda. Tujuan kami adalah membuat proses animasi dalam 3D semulus dan seekspresif mungkin, baik Anda mendesain untuk pengalaman interaktif real-time maupun untuk video. Kami tidak sabar melihat bagaimana Anda menghidupkan proyek-proyek Anda dengan Timeline. — Tim Spline ## Lainnya dari blog [3 November 2026Memperkenalkan Spline Arena](https://spline.design/id/blog/introducing-spline-arena)[21 Oktober 2026Memperkenalkan Spline untuk ChatGPT](https://spline.design/id/blog/introducing-spline-for-chatgpt)[27 Agustus 2026Memperkenalkan Hana V2](https://spline.design/id/blog/hana-v2) [Spline](https://spline.design/id) Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android. #### Tanya AI tentang Spline #### Produk - [Desain 3D](https://spline.design/id/3d-design) - [Hana](https://spline.design/id/hana) - [Omma](https://omma.build) - [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate) - [Spline MCP](https://spline.design/id/mcp) - [Spline Arena](https://spline.design/id/arena) - [Harga](https://spline.design/id/pricing) - [Enterprise](https://spline.design/id/enterprise) #### Runtime - [Web](https://spline.design/id/web) - [iOS](https://spline.design/id/ios) - [Android](https://spline.design/id/android) #### Aplikasi - [Unduh](https://spline.design/id/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Unduh Spline Mirror](https://spline.design/download-mirror) #### Belajar - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/id/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Solusi](https://spline.design/solutions) #### Komunitas - [Komunitas Spline](https://community.spline.design) - [Blog](https://spline.design/id/blog) - [Changelog](https://spline.design/id/changelog) - [Pendidikan](https://spline.design/id/education) - [Contra](https://spline.design/contra) - [Afiliasi](https://spline.design/id/affiliate) #### Perusahaan - [Pelanggan](https://spline.design/id/customers) - [Karier](https://www.ycombinator.com/companies/spline/jobs) - [Keamanan](https://spline.design/id/security) #### Legal - [Syarat & Ketentuan](https://spline.design/terms) - [Privasi](https://spline.design/privacy) #### Kontak - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.