https://github.com/zydnar/reactxpsvgrenderer

Port of Three SVGRenderer for ReactXP
https://github.com/zydnar/reactxpsvgrenderer

animation react-native reactxp threejs

Last synced: 23 days ago
JSON representation

Port of Three SVGRenderer for ReactXP

• Host: GitHub
• URL: https://github.com/zydnar/reactxpsvgrenderer
• Owner: Zydnar
• License: other
• Created: 2020-01-30T10:20:54.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-01-27T16:09:33.000Z (almost 3 years ago)
• Last Synced: 2023-03-06T23:35:40.741Z (almost 2 years ago)
• Topics: animation, react-native, reactxp, threejs
• Language: TypeScript
• Size: 711 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.MD

Awesome Lists containing this project

README

        
# ReactXP THREE SVGRenderer

> Disclaimer: This project was made only to prove it's possible to port Three SVG renderer into ReactXP and is provided "AS IS". As you may know already original browser version was slow and is not intended for heavy 3D animations.

Why not use it in production:

- it's slow especially on mobile devices, but if you'll find a way to speed this up feel free to fork it or PR back solution

- ReactXP has not implemented all SVG features, SVGRenderer use (at least in definitions)

- original version is not complete (it does not implement all features eg. canvas renderer have), just take a deeper look into code

Why use it:

- it may be really fun to use for 2D animations

Current example is inspired by https://threejs.org/examples/svg_lines.html 

## Tips

- uncomment commented out plugin in babel.config.js for WEB target

- while switching from WEB to other targets remember to comment out module-resolver plugin and to clear react-native and babel cache (in Windows works deleting contents of %appdata%/local/temp)

![Android Screenshot](https://i.ibb.co/PtrHMXz/android-SS.jpg)