https://github.com/fritx/react-threejs
WIP: Simplest bindings between React & Three.js
https://github.com/fritx/react-threejs
Last synced: 7 months ago
JSON representation
WIP: Simplest bindings between React & Three.js
- Host: GitHub
- URL: https://github.com/fritx/react-threejs
- Owner: fritx
- Created: 2016-04-03T16:03:47.000Z (over 9 years ago)
- Default Branch: dev
- Last Pushed: 2019-11-02T05:04:40.000Z (almost 6 years ago)
- Last Synced: 2025-02-27T13:23:42.888Z (8 months ago)
- Language: JavaScript
- Homepage: http://fritx.github.io/react-threejs/example/
- Size: 2.49 MB
- Stars: 82
- Watchers: 12
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-react-cn - react-threejs - Simplest bindings between React & Three.js (Uncategorized / Uncategorized)
- awesome-react-components - react-threejs - Simplest bindings between React & Three.js (Utilities / Framework bindings / integrations)
- awesome-react - react-threejs - Simplest bindings between React & Three.js
- awesome-learning-resources - react-threejs - Simplest bindings between React & Three.js (Uncategorized / Uncategorized)
- awesome-react-components - react-threejs - Simplest bindings between React & Three.js (Utilities / Framework bindings / integrations)
- fucking-awesome-react-components - react-threejs - Simplest bindings between React & Three.js (Utilities / Framework bindings / integrations)
- awesome-react - react-threejs - WIP: Simplest bindings between React & Three.js ` 📝 4 years ago` (React [🔝](#readme))
- awesome-react-components - react-threejs - Simplest bindings between React & Three.js (Utilities / Framework bindings / integrations)
README
# react-threejs
WIP: Simplest bindings between [React][react] & [Three.js][threejs]
http://fritx.github.io/react-threejs/example/
See also: [vue-threejs](https://github.com/fritx/vue-threejs)

```js
import React, { Component } from 'react'
import { Renderer, Camera, Scene } from 'react-threejs'
```
```jsx
render () {
return (
)
}
```
```jsx
// setting FirstPersonControls, PositionalAudio & more
render () {
return (
)
}
```
[react]: https://github.com/facebook/react
[threejs]: https://github.com/mrdoob/three.js