I need to do a feature like hugin did, but I can't find any framework or something that can help me.
So hugin is a program that helps edit equirectangulars. For example, if you took a photo from the wrong position or angle, hugin will help you change roll (offset) and resave the photo (I will attach a photo).
Did anyone see a JS library that could help me do it?
I could not find any library allowing for editing panorama photos. From quick research it comes aout that there are some panorama viewers like Panolens. It seems that it uses three.js (there is a exmaple of equirectangular panorama). You might take a look at source codes of those and try to use similiar approach in your project.
Related
I found this page https://www.bridgersteel.com/metal-colors/roof-visualizer where there is an interactive way to change the color of a demo house and see how it looks like.
As far as I know, they used a pretty straightforward and simple way of doing this.
However, what I don't understand is how did they produced the exact super-precise polygon points. Is there a non-manual way of doing this?
Otherwise, even basic, this job requires ton of days to be made...
Do you have any hints?
I'm going to guess they used vector graphics software, like Adobe Illustrator, to create the svg. Depending on the software, you can even see the code it generates. You can also convert an svg image to code using javascript on the website itself.
I visited the page and came up with the following in the link below.
https://drive.google.com/open?id=1PQimeXKGyCJd1lNZHHHuOkOhLc3oq97v
this is my first post and I need an answer I didn't find anywhere else. Oh and btw I am not a professional programmer, actually more like a 3d graphic designer ;)
I would like to import json models with a simple animations ( just translation e rotation ) made in 3ds max.
I just found examples about skinned meshes and bone animations, but that's far from what I want.
I simply need three.js to load and play a keyframe animation when I press a button. Can someone help me find a solution?
Thanks everybody in advance, Andrea.
You can start with this example Import Collada to THREEJS
Press "View Source" and look at model path and Animations script usage.
You could try to replicate the animation using Tween.JS, which is a library that is used in one of Three.js examples.
If you're interested using this technique, there is also an in-depth tutorial combining the two.
I'm looking into hint or way to achieve the same result in attached pic
Native android or JavaScript is most welcomed.
Could you be more specific in you questioning? I think your mean something deforming a face, but is it real-time or after taking the photo?
Maybe this answer helps your out: https://stackoverflow.com/a/38830963/1783311
Hi I'm looking for a way to create a panorama view with a 360 degrees photo. I need a solution to do create something like QTVR. There is a lot flash based software out there (I'm trying to avoid that) and also some javascript/prototype/jquery solutions. But none of the solutions I've found have the behaviour I'm looking for. I want to eanable users to look around (just horizontal). Furniture objects on the pictures should react on mouseover, so that I might have multiple "layers" to distort. Is there a way to manipulate images in pure javascript or with jquery so, that it looks like they where bent cylindrical? Or does anyone know good libraries that support that kind of image manipulation? Might webgl be a good solution? I don't really know how to start. Is there anyone who could give me a hint. I'm just looking for a direction. google didn't bring me usable results.
Check out three.js
http://mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html
Also, you could possibly do some of the image manipulation via canvas.
https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas
It might be easier (with canvas) to just have a fully processed panoramic image, and figure out which pixels represent your interactive object. Then listen for mouseovers on those pixels.
try out http://panorado.com/en/PanoradoJs.php
There you'll find an excellent HTML5/JS based Viewer.
There are lots of tool to do that. Have you tried www.vtility.net ? Im not sure if it had mouse over layering. But it was the only SEO friendly that I have found.
i need to replace my old FLASH panorama viewer by a jquery/javascript version.
If you check, you will see that the walls/corners/edges are rounded so you seee it normal when you apply the panorama effect,
the problem is that with all the jquery panorama plugins i get this resutl: http://toniweb.us/m/demos/salleformation.html (the image is only left animated. So the rounded, still rounded)
Do you know any good solution that can work with this kind of images?
PS: what is this format name?
Did you try also http://jquery.vostrel.cz/reel ? But I fear not a solution for your specific problem.
So you could try this site, carefully reading its stuff: http://webuser.fh-furtwangen.de/~dersch/mp/MotionPanoramas.html
I just came across this plugin. You'll be needing something like this (though it's far from perfect) :
http://code.google.com/p/jspanoviewer/