How to make a model rotatable and scalable via gestures (SparkAR, planar image tracking)?
I have a simple SparkAR app, there is a 3D model, attached to the planar tracker, which tracks an image target. How can I make this 3D model rotatable and scalable via gestures?
What I tried:
I tried code from this tutorial, it works in case of just planar tracking, but for some reason doesn't work if the tracker has an image target. It allows me to scale a model ones and doesn't work after it.
I also tried this solution, it allows rotation and scaling, but it makes the model "detached" from the tracked image, so when I move my phone the model also moves around.
How can I make a 3D model, (attached to the planar tracker which tracks image target) rotatable and scalable via finger gestures?
Ok, this one actually is super easy! "Dancing" is my model, it is a child of imageTracker:
You need to create this graph, and thats it!
Yellow ones created by clicking on "position" and "rotation" in the inspector panel of you model.
- JavaScript Standard Style does not recognize Mocha
- How to do bitwise AND in javascript on variables that are longer than 32 bit?
- How to log JavaScript objects and arrays in winston as console.log does?
- jQuery prevent change for select
- Puppeteer - how to execute for loop synchronously
- Is there any way to set defaults in supertest?
- Nodejs AsyncLocalStorage getStore() return undefined
- React - Prevent Event Trigger on Parent From Child
- How do I convert this javascript into JSON
- Calendar Event Time Incorrect in Script despite Correct Formatting in Google Sheets
- JS Regex MatchAll with combination of Comma & Semicolon
- http://localhost/undefined 404 (Not Found)
- Validating an array's length against another array's length using joi
- Firestore React Js Increment Value by FieldValue without Google Cloud Function
- window.open from a https to http, and from https to http
- React and Tailwind Positioning an Item on Hover within DOM
- Uncaught TypeError: number 0 is not iterable (cannot read property Symbol(Symbol.iterator)) -> Material UI Error
- new Date().getFullYear() in React
- The number is not clearing up after submission even if other fields do clear up
- Date Milliseconds same for two dates
- Is it possible to only show half of a SVG icon?
- Smooth scrolling when clicking an anchor link
- Is it safe to resolve a promise multiple times?
- How can I use Axios with Server-sent events (SSE) in the browser?
- ServiceNow Printing lines from an array in an UI page
- What is the length of bcrypt hash output?
- Handling Audio blobs sent through mediarecorder in JS through python server script for azure service
- Updating javascript object property?
- How do I modify Stumbleupon URL's and provide a direct link to the content page?
- Conflict: Multiple assets emit to the same filename