Comments (3)
Do you maybe have an example of what you wish to accomplish?
from react-spline.
Something like this ThreeJs example, where you can get the coordinates of objects with a projection of the current camera:
https://r105.threejsfundamentals.org/threejs/lessons/threejs-align-html-elements-to-3d.html
https://jsfiddle.net/oy7hqbpf/
from react-spline.
@dreamsinmotion in theory you can already access objects in camera and achieve this. But an easier way would probably be to use the new three.js or react-three-fiber exports that allows more control over the scenegraph (but also shift more responsabilities your way.
TLDR: react-spline is a simple player that will display your spline scene as it was in Spline, the r3f and three.js exports are only loading geometries and materials and letting you do what you want with it.
Moving this into discussions :)
from react-spline.
Related Issues (20)
- How to set event on position of an Object HOT 1
- The Spline object has an unwanted parent div. How do you get rid of it? HOT 1
- Set zoom doesn't work as expected HOT 1
- Not working in ios version 14.x.x.
- Sponsored issue: Dynamic Text Changes for spline scenes HOT 2
- setVariable method won't reflect on the scene, after the window has been resized HOT 3
- Background and camera problem when updating my scene HOT 1
- Pass down mouse events from divs with higher z-index
- Old Safari and onError message
- Next.js 13 / React - @splinetools don't handle onLoad event correctly. HOT 2
- Remix is not supported HOT 4
- onMouseDown is not working HOT 2
- Lighthouse performance issues | Finding Best Practices HOT 4
- Components in Android mobile not showing only up for black canvas
- EmitEvent not working React HOT 1
- how to change material while rendering for animation HOT 3
- How to get Camera Rotation or Game Controls Event in JS HOT 1
- Nesting within a Flexbox sometimes causes infinite growth of the spline canvas HOT 3
- Attempted import error: 'mergeBufferGeometries' is not exported from 'three/examples/jsm/utils/BufferGeometryUtils.js' (imported as 'yI') in useSpline HOT 1
- Expression control HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-spline.