Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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)