AR Hello World IOS SETUP

EinarLop · Mar 21, 2023 · 052a460 · 052a460
1 parent 085958b
commit 052a460
Show file tree

Hide file tree

Showing 4 changed files with 333 additions and 284 deletions.
diff --git a/App.js b/App.js
@@ -4,30 +4,39 @@ import {
   ViroARScene,
   ViroText,
   ViroARSceneNavigator,
+  ViroTrackingStateConstants,
+  ViroBox,
 } from '@viro-community/react-viro';
 
-import '@viro-community/react-viro/dist/components/ViroConstants.d.ts';
-
 const HelloWorldSceneAR = () => {
   const [text, setText] = useState('Initializing AR...');
 
   function onInitialized(state, reason) {
-    // console.log('guncelleme', state, reason);
-    // if (state === ViroConstants.TRACKING_NORMAL) {
-    setText('Hello World!');
-    console.log(TRACKING_NORMAL);
-    // } else if (state === ViroConstants.TRACKING_NONE) {
-    //   // Handle loss of tracking
-    // }
+    console.log('guncelleme', state, reason);
+    if (state === ViroTrackingStateConstants.TRACKING_NORMAL) {
+      setText('Hello Popop');
+      console.log();
+    } else if (state === ViroTrackingStateConstants.TRACKING_NONE) {
+      // Handle loss of tracking
+    }
   }
 
   return (
     <ViroARScene onTrackingUpdated={onInitialized}>
-      <ViroText
+      {/* <ViroText
         text={text}
-        scale={[0.5, 0.5, 0.5]}
+        scale={[1, 1, 1]}
         position={[0, 0, -1]}
         style={styles.helloWorldTextStyle}
+      /> */}
+      <ViroBox
+        position={[0, 0, -2]}
+        dragPlane={{
+          planeNormal: [0, 0, 0],
+          planePoint: [0, 0, -2],
+          maxDistance: 10,
+        }}
+        onDrag={event => console.log('Drag Event:', event)}
       />
     </ViroARScene>
   );

diff --git a/README.md b/README.md
@@ -10,5 +10,8 @@ Aplicación móvil AR para visualizar información asociada a QR's en forma de e
 
 ## Instrucciones para correr:
 
-1. kill -9 $(lsof -ti:8081)
-2. npx react-native start
+1. git clone https://github.com/EinarLop/TechPeopleAR.git
+2. kill -9 $(lsof -ti:8081)
+3. npm install --legacy-peer-deps
+4. npx pod-install (iOS)
+5. npx react-native run-ios