embedding with three.js

The place to discuss development topics.
Discussions on the RICOH THETA API and SDK, image processing of spherical images, other hardware related topics, introduction of useful libraries, etc.

embedding with three.js

Postby uluminous » 22 Feb 2015, 23:59

hello, looking at solutions for custom embedding of the panoramas, i came across a few leads id like to share, i hope anyone who feels like sharing and or doing tests can join in.

so one solution is to use an app called pano2vr.
it creates different kind of output files and enables different spherical image file conversion.
i've tried many settings and with lots of tweaking, I can get an acceptable output both in sf and html5 formats, although the image recompression seems to lower the render quality/brightness just a bit.

I've had better results with the using the http://threejs.org/library to render the panorama as a circular 3d object. i've started from examples http://blog.thematicmapping.org/2014/01/photo-spheres-with-threejs.html ,
and https://github.com/mrdoob/three.js/blob/master/examples/webgl_panorama_equirectangular.html
and got an acceptable result, but it seems the dragging of the panorama is buggy when the distortion [camera.position.copy( camera.target ).negate();] is active in the javascript.

you can see result here: http://www.huguesbp.com/partage/360/three-js/github_mod1.html

if anyone feels like digging into this it would seem like a fixable issue, but I cannot get it to work as expected. im on mac OS X yosemite using safari and chrome.

thanks in advance for sharing your experiences!
Posts: 3
Joined: 08 Feb 2015, 16:38

Re: embedding with three.js

Postby tt_sven » 27 Apr 2015, 17:00

Posts: 11
Joined: 27 Apr 2015, 16:39

Re: embedding with three.js

Postby AliceCochran » 01 Jul 2018, 05:43

All the developers have been introduced with equal patterns of the success. The roadmap of the cheap dissertation help is done for the approval for the humans. The huge amount of the money is poured in to the society for the future times.
Posts: 5
Joined: 01 Jul 2018, 05:43

Re: embedding with three.js

Postby ellascottgm » 04 Jul 2018, 09:21

This is exactly what I’ve been looking for. It solved very quickly the problem I was having.
gmail login
Posts: 4
Joined: 04 Jul 2018, 08:42

Re: embedding with three.js

Postby helenoren » 22 Oct 2018, 12:08

Thanks for sharing the website link for example and results. You can also check here if Mac Os camera not working visit @ and fix this issues: http://www.email-tips.com/fixed-camera-not-working-in-mac/
Posts: 1
Joined: 22 Oct 2018, 12:05

Re: embedding with three.js

Postby PrimaKnh » 31 Oct 2018, 09:14

This article mentioned embedding with three.js.I heard about this topic first-time. Three.js is a cross-browser JavaScript library and Application Programming Interface (API) used to create and display animated 3D computer graphics in a web browser. Three.js uses WebGL. driver is unavailable hp printer
Posts: 47
Joined: 17 Oct 2018, 04:29

Re: embedding with three.js

Postby jackiee_jacky » 01 Nov 2018, 07:08

I have created particles on CanvasRenderer using ParticleCanvasMaterial, and add CLICK event listener to ' window' object.
And then follow the example 'canvas_interactive_particles.html' to find 'intersects'. When click on a particle, will get message 'You clicked me....', till now every thing works well.

function onDocumentMouseMove( event ) {
mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
var vector = new THREE.Vector3( mouse.x, mouse.y, 0.5 );
projector.unprojectVector( vector, camera );
var ray = new THREE.Ray( camera.position, vector.subSelf( camera.position ).normalize() );
var intersects = ray.intersectObjects( particles );
if ( intersects.length >0) {
console.log('You clicked me....');
If I embed the container (container.appendChild( renderer.domElement ) ) into a web page html table , when I click on a particle, no any response.

Any advice is highly appreciated!
best mobile app development company india
top web development companies
best mobile application development company in india
Best real estate investing podcast
Property investment podcast
Posts: 32
Joined: 27 Sep 2018, 13:15

Return to Development

All times are UTC