viro | ViroReact : The AR and VR library for React Native 📳🖤💙💛 | Augmented Reality library
kandi X-RAY | viro Summary
kandi X-RAY | viro Summary
ViroReact is a library for developers to rapidly build augmented reality (AR) and virtual reality (VR) experiences. Developers write in React Native, and Viro runs their code natively across all mobile VR (including Google Daydream, Samsung Gear VR, and Google Cardboard for iOS and Android) and AR (iOS ARKit and Android ARCore) platforms.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Performs camera orientation detection
- Utility method to convert an ARHitResult into a map
- Converts a float array to an array
- Stop capturing for a camera
- Checks whether the required permissions are available
- Get a node transform for a view
- Project a point
- Takes a screenshot of a camera
- Project a point on the scene
- Project a point to the scene
- Create the targets
- Set the native light
- Performs an ARRA hit test on a view
- Project point
- Set the holes
- Performs a ART hit on a specific View
- Get the camera orientation of a scene object
- Get the bounding box for a view
- Pre - loading the sound map
- Performs a ARTS hit with a given view tag
- Finds the collision between two views
- Update camera transform
- Set the native light properties
viro Key Features
viro Examples and Code Snippets
Community Discussions
Trending Discussions on viro
QUESTION
It is a question to professional developers at react-native. My react-native application needs augmented reality in it to develop complex games. I tried using viro-react
, if you know this package. Developers of viro-react
gave up on the package:
- Not supported on IOS anymore
- Documentation for some components is missing or poor
Are here people who is successfully using AR in their apps? Can you please tell me how you are doing it (different package or native components)? If it is native components, can you please tell me in a nut shell how to use native components with AR? Thank you
...ANSWER
Answered 2020-Aug-21 at 17:35Viro is actually a company that no longer exists, so don't hold your breath waiting for them. You can try using this example that works on both Android and iOS if you really want to use viro. From my experience, there is no great solution to building AR apps in react native. You can also build the AR part of your app in Unity and import it into your app using this package.
QUESTION
Why I got Minified React Error #321 during the next build
compilation? Did I mess up with useEffect()
?
Part of the error throwed :
...ANSWER
Answered 2020-May-27 at 19:26It might because you are importing React twice on the page:
QUESTION
I am trying to build this ReactNative project on my macOS High Sierra 10.13.6 machine. This is based on Augmented Reality solution for ReactNative:
My Project level gradle:
...ANSWER
Answered 2020-Jan-03 at 14:08Step1: Enabled jetifier and migrated to AndroidX:
QUESTION
I'd like to start off by saying I know there is a ton of post about this both here on SO and all over the web but i tried every solution and nothing is helping.
I'm building a package of React Native components to be used in several other React Native projects. Ideally all the other teams would have to do is add the dependency to their apps and run npm install
. I've added this package as a dependency on a test React Native app to try it out but after running npm install
I check npm list
and it tells me that I have unmet dependencies.
Initially this was my package's package.json
:
ANSWER
Answered 2019-Apr-30 at 19:16So turns out there was nothing wrong with my configurations, the problem comes from an unsolved NPM bug (at least at the time of this writing) related to local dependencies (file:..
), i've uploaded that module to NPM, pulled the dependency from there and after running npm install
there were no more unmet dependencies.
QUESTION
I have downloaded ViroCore lib the latest version (virocore-release-v_1_7_2.aar), then I added dependencies below to my build.gradle file
...ANSWER
Answered 2018-Aug-23 at 12:23I solved this issue. I added to my dependency just viro library, but I must add additionally both sdk-common.aar and core.aar which you can download at the official virocore site.
QUESTION
For the past couple of weeks i'm trying to figure out how to include an external web app that does 3d modelling(Through THREE.js) into a viro react app. I tried webview and that works, but i need the model to be imported into my Viro App. I tried the WebViewBridge module (which in theory could send the .obj file as a string to my app from the webview so i can show it in AR) But it doesn't seem to work on the Native react version that Viro uses.
...ANSWER
Answered 2018-Mar-06 at 09:54My bad, it uses "injectedJavaScript" prop now.
let jsCode = " document.querySelector('#myContent').style.backgroundColor = 'green';";
QUESTION
Let's say I initialize a project under react-native init
, installed a bunch of node packages, and added code.
Then separately I initialize a different project under react-viro init
, installed a bunch of node packages, and added code.
If I wanted to combine what I created under react-native init
into what I created under react-viro init
, is it as simple as copying files over and reinstalling missing node packages into the react-viro project?
ANSWER
Answered 2017-Nov-21 at 07:14Assuming you are working in the ./src
folder, every file is independent of iOS or Android as part of the JavaScript bundle.
You can simply copy the .js files over and install the node packages in that project.
You probably should not copy any files that are outside the ./src
folder, but I also suspect you wouldn't need to. Files in the Android and iOS folders are rarely touched as they contain operating system config settings and custom modules that you would have wrote in the native languages.
If the file renders JSX, you will be safe to just copy it over and hook it back up.
To state it another way, go into the folder that has node_modules
in it. You shouldn't copy anything that is in that folder except additional files that you created. This is where people normally create an src
folder and place all their JavaScript. You probably have an index file in there that points to ./src/app.js
or you may have an index.ios.js
and index.android.js
that both point to a ./src/app.js
. Anything inside src
is safe.
That's my best answer without seeing your folders and files.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install viro
You can use viro like any standard Java library. Please include the the jar files in your classpath. You can also use any IDE and you can run and debug the viro component as you would do with any other Java program. Best practice is to use a build tool that supports dependency management such as Maven or Gradle. For Maven installation, please refer maven.apache.org. For Gradle installation, please refer gradle.org .
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page