https://github.com/akapez/r3f-beginner
@react-three/fiber beginner guide
https://github.com/akapez/r3f-beginner
leva react react-three-drei react-three-fiber
Last synced: about 1 month ago
JSON representation
@react-three/fiber beginner guide
- Host: GitHub
- URL: https://github.com/akapez/r3f-beginner
- Owner: akapez
- Created: 2023-12-31T04:44:10.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-02T16:03:06.000Z (over 2 years ago)
- Last Synced: 2025-02-28T14:11:01.572Z (over 1 year ago)
- Topics: leva, react, react-three-drei, react-three-fiber
- Language: JavaScript
- Homepage:
- Size: 79 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Three Fiber Beginner Guide
1. Declarative Syntax: Developers can use JSX, the syntax extension for JavaScript often associated with React, to define and structure 3D scenes.
2. Component-Based: R3F follows the component-based architecture of React, allowing developers to create reusable and composable 3D components.
3. Integration with Three.js: React Three Fiber is built on top of Three.js, providing a React-friendly layer over the powerful capabilities of Three.js. It simplifies the creation and manipulation of 3D objects, cameras, lights, and other elements.
4. Hooks API: R3F introduces a set of hooks that allow developers to interact with the underlying Three.js instances, enabling dynamic updates and animations.
Documentation: [GETTING STARTED](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction)