Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/emmelleppi/codrops-r3f-mirrors
Creating mirrors in react-three-fiber & threejs
https://github.com/emmelleppi/codrops-r3f-mirrors
cannonjs drei javascript react react-three-fiber reactjs three-js threejs
Last synced: about 1 month ago
JSON representation
Creating mirrors in react-three-fiber & threejs
- Host: GitHub
- URL: https://github.com/emmelleppi/codrops-r3f-mirrors
- Owner: emmelleppi
- License: mit
- Created: 2020-09-24T16:07:44.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-03-05T20:10:01.000Z (almost 2 years ago)
- Last Synced: 2024-12-12T19:08:47.204Z (about 2 months ago)
- Topics: cannonjs, drei, javascript, react, react-three-fiber, reactjs, three-js, threejs
- Language: JavaScript
- Homepage:
- Size: 1.37 MB
- Stars: 133
- Watchers: 4
- Forks: 36
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Creating mirrors in react-three-fiber & threejs
A short tutorial on how to create a mirrors scene with the react-three-fiber ecosystem.
By Marco Ludovico Perego and Gianmarco Simone
![Featured Image](https://github.com/emmelleppi/codrops-r3f-mirrors/blob/master/screenshot.jpg?raw=true)
[Article on Codrops](https://tympanus.net/codrops/?p=51167)
[Demo](http://tympanus.net/Tutorials/Mirrors/)
## Installation
Install dependencies:
```
yarn
```Compile the code for development and start a local server:
```
yarn start
```Create the build:
```
yarn build
```## Credits
- [react-three-fiber](https://github.com/pmndrs/react-three-fiber)
- [three.js](https://threejs.org/)
- [React](https://reactjs.org/)## Misc
Follow Marco Ludovico Perego: [Twitter](https://twitter.com/mlperego), [GitHub](https://github.com/emmelleppi)
Follow Gianmarco Simone: [Twitter](https://twitter.com/ggsimm), [GitHub](https://github.com/gsimone)
Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [GitHub](https://github.com/codrops), [Instagram](https://www.instagram.com/codropsss/)
## License
[MIT](LICENSE)
Made with :blue_heart: by [Codrops](http://www.codrops.com)