https://github.com/fritx/react-threejs

WIP: Simplest bindings between React & Three.js
https://github.com/fritx/react-threejs

Last synced: about 2 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 8 years ago)
• Default Branch: dev
• Last Pushed: 2019-11-02T05:04:40.000Z (about 5 years ago)
• Last Synced: 2024-10-12T22:16:02.889Z (2 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))

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