skezo / reticulum Goto Github PK
View Code? Open in Web Editor NEWA simple gaze interaction manager for VR in the browser with Three.js.
Home Page: http://skezo.github.io/Reticulum/
A simple gaze interaction manager for VR in the browser with Three.js.
Home Page: http://skezo.github.io/Reticulum/
Displaying the reticle may reduce immersion or create unnecessary visual clutter. Make it display only when it approaches a gazable target.
I've noticed that the reticle adjusts its scale and distance depending on how far away gazed objects are. Would it be possible to optionally disable this? In certain use-cases this causes the reticle to disappear inside the gazed object which is confusing for the user. I've found that adjusting this section of code in reticulum.js
to disable the distance / scaling changes achieves the desired effect:
if( reticle.active ) {
//reticle.worldPosition.setFromMatrixPosition( threeObject.matrixWorld );
//distance = settings.camera.position.distanceTo( reticle.worldPosition );
//distance -= threeObject.geometry.boundingSphere.radius;
reticle.hit = true;
///reticle.setDepthAndScale( distance );
}
Would be nice to be able switch inputs (e.g. mouse, touch, VR).
If reticle's visibility is set to false the fuse cannot be seen
Hi,
Great work on this. Thanks!
But a recent release of three.js r73 has removed THREE.Math.clampBottom which is used in reticulum.js
See description. Lines 108 - 119 in reticulum.js throw the error. I've also altered line 58 to read as follows to get the rings displaying correctly:
var geometry = new THREE.RingGeometry( this.innerRadius, this.outerRadius, this.thetaSegments, this.phiSegments, this.thetaStart, Math.PI * 2 );
Possible to take a quick look with the recent changes to the engine and ring geometries? Cheers!
Hi, I was wondering if the codebase could be made compatible with React Three Fiber ?
As React Three Fiber is gaining popularity for 3D rendering in React, it would be great to have this option for this project.
Could we explore the possibility of integrating React Three Fiber into the codebase or making the necessary changes to ensure compatibility?
Thank you for your time and consideration!
Replace crosshair with reticle
Hello,
I downloaded the Reticulum-master, and host it on a local server. When I open your examples, I got the following errors:
reticulum.js:549 Uncaught SyntaxError: Unexpected token export
basic.html:135 Uncaught ReferenceError: Reticulum is not defined
at addMesh (basic.html:135)
at basic.html:112
Could you help me fix this? Thank you so much!
Hi! Is there a way to prevent auto brightness on mobile from going dark as soon as I put the device into the cardboard (maybe disable it by code)? Or can this only be adjusted by the user? Thanks.
Currently it does but does not seem to make much sense to do this. It might be worth adding an option that allows you to stop the fuse if clicked but should be default be independent.
Currently it only supports the camera's frustum. User should be able to scale the frustum so they can have more control of when the reticle is displayed.
Allow the Reticle to change distance with non-interactive objects too. This would allow the object to always remain visible.
I need create a toggle for Reticulum, it's possible to destroy the current plugin from threejs and initiate again some moment latter?
Thanks
Hi, on my Galaxy S6 with Android / Firefox the device orientation does not work when I open the Reticulum examples. Seems like the gyro is not recognized / disabled or something similar.
In Chrome it works fine.
Thanks for all of your efforts!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.