
# Kesimpulan

**Selamat!** Anda telah mencapai akhir kursus ini. 🎉

Saya harap Anda **menikmatinya** dan **belajar banyak**. Saya mencoba membuatnya se-ramah pemula mungkin, tetapi saya juga ingin menunjukkan beberapa konsep yang lebih maju dengan contoh-contoh dunia nyata.

Silakan beri tahu saya di [server Discord](https://lessons.wawasensei.dev/discord) jika Anda memiliki umpan balik atau saran untuk kursus di masa depan. Saya selalu senang mendengar dari Anda. 🙏

Saya akan sangat berterima kasih jika Anda dapat meninggalkan ulasan di [TrustPilot](https://www.trustpilot.com/review/lessons.wawasensei.dev). Itu akan sangat membantu saya untuk menjangkau lebih banyak orang, membuat lebih banyak konten, dan meningkatkan pelajaran. 🚀

## Kemana selanjutnya?

Sekarang Anda memiliki landasan yang kokoh untuk membuat pengalaman web 3D Anda sendiri dengan **React Three Fiber**. Namun, masih banyak yang bisa dipelajari dan ditemukan. 📚

Berikut ini adalah daftar rekomendasi saya untuk terus belajar dan meningkatkan keterampilan Anda:

- Lihat [contoh](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) dan [dokumentasi](https://docs.pmnd.rs/react-three-fiber) React Three Fiber.
- Bergabunglah dengan [komunitas Poimandres di Discord](https://discord.gg/poimandres).
- Kekurangan dokumentasi pada beberapa komponen? Lihat [dokumentasi Threejs](https://threejs.org/docs/), [kode sumber R3F Drei](https://github.com/pmndrs/drei), dan [kode sumber Threejs](https://github.com/mrdoob/three.js).
- **Buat proyek** → Jangan batasi diri Anda pada keterampilan Anda tetapi tetapkan tujuan, dan cobalah untuk mencapainya dengan belajar. Tambahkan proyek-proyek tersebut ke dalam portofolio Anda.
- Cobalah untuk membuat ulang [situs web Awwwards](https://www.awwwards.com/) atau bagian lain dari situs web 3D yang Anda sukai.
- Berlangganan [saluran YouTube saya](https://www.youtube.com/@WawaSensei) dan tonton tutorial pengembangan web 3D gratis saya.
- Bagikan pekerjaan Anda, dapatkan umpan balik, tingkatkan ♻️

**Tech Twitter** (atau **X** sekarang...) adalah tempat yang bagus untuk belajar dan menemukan hal-hal baru. Berikut adalah beberapa akun yang saya rekomendasikan untuk Anda ikuti:

- [0xca0a](https://twitter.com/0xca0a)
- [Threejs](https://twitter.com/threejs)
- [Adam](https://twitter.com/_Axiome_)
- [Bruno Simon](https://twitter.com/bruno_simon)
- [Anderson Mancini](https://twitter.com/Andersonmancini)
- [Immersive Studios](https://twitter.com/ImmersivStudios)
- [Maxime Heckel](https://twitter.com/MaximeHeckel)
- [Faraz](https://twitter.com/CantBeFaraz)
- [The Ebenezer](https://twitter.com/th_ebenezer)
- [Andrew Woan](https://twitter.com/andrewwoan)
- [Alvaro](https://twitter.com/alvarosabu)
- [Wawa Sensei](https://twitter.com/WawaSensei)

## Terima kasih 🙏


React Three Fiber: The Ultimate Guide to 3D Web Development

Selamat, Anda telah mempelajari dasar-dasar React Three Fiber. Apa selanjutnya?

Kesimpulan

Fundamentals

Welcome to this getting started tutorial on how to use react-three-fiber to create unique 3D web experiences.

Introduction

Selamat datang di tutorial memulai tentang cara menggunakan react-three-fiber untuk membuat pengalaman web 3D yang unik.

Pengenalan

Learn what React Three Fiber is and why we are using it.

React Three Fiber

Pelajari apa itu React Three Fiber dan mengapa kita menggunakannya.

Apa itu React Three Fiber?

Setup your environment with all the tools you need to start building your first 3D application.

Setup

Siapkan lingkungan Anda dengan semua alat yang diperlukan untuk mulai membangun aplikasi 3D pertama Anda.

Penyiapan

Discover the basics of 3D objects: geometries, materials, and meshes.

3D Objects

Temukan dasar-dasar objek 3D: geometries, materials, dan meshes.

Objek 3D

Learn how to transform meshes in 3D space using the position, rotation and scale properties.

Transforms

Pelajari cara mentransformasi mesh dalam ruang 3D menggunakan properti position, rotation, dan scale.

Transformasi

Discover the different types of cameras available in threejs and how and when to use them.

Camera

Temukan berbagai tipe kamera yang tersedia di threejs dan bagaimana serta kapan menggunakannya.

Kamera

Debug your React Three Fiber scenes with useful helpers and Leva

Debug

Debug scene React Three Fiber Anda dengan helper yang berguna dan Leva

Learn how to add lights to your scene to illuminate objects.

Lights

Pelajari cara menambahkan cahaya ke dalam adegan untuk menerangi objek.

Cahaya

Learn how to cast and receive shadows on your 3D objects.

Shadows

Pelajari cara membuat dan menerima bayangan pada objek 3D Anda.

Bayangan

Learn how to use React hooks with React Three Fiber.

React Hooks

Pelajari cara menggunakan React hooks dengan React Three Fiber.

Core

Learn how to use the essential hooks provided by React Three Fiber.

React Three Fiber Hooks

Pelajari cara menggunakan hooks esensial yang disediakan oleh React Three Fiber.

Discover how to setup a React Three Fiber project with TypeScript for your next 3D project.

TypeScript

Pelajari cara menyiapkan proyek React Three Fiber dengan TypeScript untuk proyek 3D Anda berikutnya.

Drei provides a set of useful controls to navigate in your scene and interact with objects.

Controls

Drei menyediakan serangkaian kontrol yang berguna untuk menjelajahi adegan Anda dan berinteraksi dengan objek.

Kontrol

Learn how to handle mouse, keyboard and touch events in React Three Fiber.

Events

Pelajari cara menangani event mouse, keyboard, dan sentuhan di React Three Fiber.

Learn how to load and display 3D models in React Three Fiber.

3D Models

Belajar cara memuat dan menampilkan model 3D di dalam React Three Fiber.

Use images and videos textures in your React Three Fiber projects

Image and video textures

Menggunakan tekstur gambar dan video dalam proyek React Three Fiber Anda

Tekstur Gambar dan Video

Combine HTML elements to your 3D experiences in your React Three Fiber projects

Html

Menggabungkan elemen HTML ke dalam pengalaman 3D Anda di proyek React Three Fiber

HTML

Add 2D and 3D text to your React Three Fiber experiences.

Text

Tambahkan teks 2D dan 3D ke dalam pengalaman React Three Fiber Anda.

Teks

Add a loading screen to your React Three Fiber experiences.

Loading Screen

Tambahkan layar muat ke pengalaman React Three Fiber Anda.

Layar Muat

Learn how to handle page scroll on HTML and 3D elements in your React Three Fiber projects

Scroll

Pelajari cara menangani guliran halaman pada elemen HTML dan 3D dalam proyek React Three Fiber Anda

Discover the different ways to animate 3D elements in your React Three Fiber projects

Animations

Temukan berbagai cara untuk menganimasi elemen 3D dalam proyek React Three Fiber Anda

Animasi

Master

Discover how to add physics to your 3D projects with React Three Fiber to create realistic simulations or games.

Physics

Temukan cara menambahkan fisika ke proyek 3D Anda dengan React Three Fiber untuk membuat simulasi realistis atau permainan.

Fisika

Discover ways to make your React Three Fiber projects more attractive.

Staging

Temukan cara untuk membuat proyek React Three Fiber Anda lebih menarik.

Learn how to perfectly display multiple 3D views within your HTML page.

Views

Pelajari cara menampilkan beberapa tampilan 3D dengan sempurna di dalam halaman HTML Anda.

Animate your 3D scene camera with a variety of controls to create beautiful transitions.

Camera Controls

Animasi kamera skena 3D Anda dengan berbagai kontrol untuk membuat transisi yang indah.

Kontrol Kamera

Learn how to render your 3D scene to a texture to create a variety of effects.

Render Target

Pelajari cara merender scene 3D Anda ke tekstur untuk menciptakan berbagai efek.

Post processing effects with React Three Fiber

Post Processing

Efek pemrosesan pasca dengan React Three Fiber

Pemrosesan Pasca

Learn how to create cinematic 3D transitions with React Three Fiber and Theatre.js.

Theatre.js

Belajar cara membuat transisi 3D sinematik dengan React Three Fiber dan Theatre.js.

Give the best experience to your users whatever their device is

Optimization

Berikan pengalaman terbaik kepada pengguna Anda apa pun perangkat mereka

Optimasi

Shaders

Learn about shaders and how to use them in React Three Fiber.

Introduction to Shaders

Pelajari tentang shaders dan cara menggunakannya di React Three Fiber.

Pengenalan ke Shaders

Control your shader's output with shaping functions.

Shaping functions

Kendalikan keluaran shader Anda dengan fungsi pembentukan.

Fungsi Pembentukan

Create a shader based responsive image slider with React Three Fiber.

Image slider

Membuat slider gambar responsif berbasis shader dengan React Three Fiber.

Create an advanced water shader using React Three Fiber and GLSL.

Water shader

Membuat water shader yang canggih menggunakan React Three Fiber dan GLSL.

Water Shader

Learn how to create screen and model transitions using shaders with React Three Fiber.

Shader transitions

Pelajari cara membuat transisi layar dan model menggunakan shader dengan React Three Fiber.

Transisi Shader

Learn what VFX is and how it can be used in Three.js and React Three Fiber to add more life to your 3D scenes.

VFX Introduction

Pelajari apa itu VFX dan bagaimana penggunaannya dalam Three.js dan React Three Fiber untuk menambah hidup pada adegan 3D Anda.

Pengantar VFX

Discover how to use instancing to create particles with Threejs and R3F

Particles

Temukan cara menggunakan instancing untuk membuat partikel dengan Threejs dan R3F

Partikel

Learn how to create trails with Threejs and React Three Fiber

Trails

Pelajari cara membuat jejak dengan Threejs dan React Three Fiber

Jejak

Build a simple VFX engine using React Three Fiber to emit particles in your 3D web projects.

VFX Engine

Bangun mesin VFX sederhana menggunakan React Three Fiber untuk memancarkan partikel dalam proyek web 3D Anda.

Learn how to create beautiful fireworks with Three.js, React Three Fiber, and our VFX engine.

Fireworks

Pelajari cara membuat kembang api yang indah dengan Three.js, React Three Fiber, dan mesin VFX kami.

Kembang Api

Create an immersive 3D wizard game with Three.js and React Three Fiber where you'll implement spell-casting mechanics, enemy AI, and dazzling magical effects using custom VFX techniques.

Wizard Game

Buat permainan 3D yang mendalam dengan Three.js dan React Three Fiber di mana Anda akan menerapkan mekanik penggunaan sihir, AI musuh, dan efek magis yang memukau menggunakan teknik VFX kustom.

Permainan Penyihir

Learn how to use WebGPU with Threejs and discover the new Three Shading Language (TSL) with React Three Fiber.

WebGPU / TSL

Pelajari cara menggunakan WebGPU dengan Three.js dan temukan Bahasa Bayangan Three (TSL) yang baru dengan React Three Fiber.

Leveraging TSL and WebGPU for GPGPU particle simulation

GPGPU particles with TSL & WebGPU

Memanfaatkan TSL dan WebGPU untuk simulasi partikel GPGPU

Partikel GPGPU dengan TSL & WebGPU

Portfolio

Create a great looking portfolio with everything you've learned so far.

3D World

Buat portofolio menarik dengan semua yang telah Anda pelajari sejauh ini.

Portofolio: Dunia 3D

Part 2 of the portfolio project: create the HTML interface.

HTML interface

Bagian 2 dari proyek portofolio: membuat antarmuka HTML.

Portofolio: Antarmuka HTML

Final part of the portfolio project. We will make our website responsive.

Responsive

Bagian terakhir dari proyek portofolio. Kita akan membuat situs web kita responsif.

Portofolio: Responsif

Congratulations, you learnt the fundamentals of React Three Fiber. What's next?