Correct settings for 3D model in aframe.io - aframe

I'm struggling to get the right settings for a 3D model in A-Frame. It looks great in the A-Frame web inspector and that's the look I would like to have. I tried to change a few inline render parameters, but nothing worked out. Is there a setting to use the standard material params of the model?

I found the problem and solution for this. I was testing different A-Frame versions and found one (1.4.*) which shows the model correctly. Somehow, it only works for me with the GLB format, but that's fine. It was a bit like trial and error.

Related

Creating a Navmesh in Aframe using aframe-inspector-plugin-recast

I'm using Don McCurdy's A-Frame Inspector plugin to try to build a navmesh for some "stairs" that I've constructed essentially by sticking a bunch of box primitives together. You can see a demo at:
http://webvr.decodingsteve.com/stair-nav/
For whatever reason though, I can't get the navmesh to generate, and the error message that's generated is completely opaque. I tried exporting my "stairs" as a single GLTF, (figuring maybe a single object would work better), but that didn't seem to have any effect either.
So, just in case anyone else runs in to a similar problem, it turns out I was making a silly mistake. My scene only had the blocks I was using for stairs in it, and no flat surface, (like a plane), underneath to extend the navmesh on to. Adding a plane for the floor solved the issue and allowed the navmesh to be created.

3d model not rendering properly in A-frame

We are using Aframe for our one of VR app for Samsung Gear. For that, We need some 3d models which we are creating from 3ds max studio. Somehow which ever model we are creating,it is not rendering properly on Aframe. It is not showing material color also some vertexes are not displayed.
I have attached my sample mtl and obj file.
Is this any particular settings which we need to use in 3ds Max studio which we have to use?
mtl
obj
Without providing an example or a link to the used files to demonstrate what is going on, we can't help you that well. However I recently answered a question that sounds similar. You may want to check that one out: A-Frame .obj model displaying but broken
If what's mentioned in this answer did not help you, are you able to provide an example of your problem using glitch, plunkr, codepen, etc?

JOGL not displaying

I'm hunting for an openGL library that'll work on both Macs & IBMs. JOGL seems a good bet however, when I imported the JGears demo, I'm getting an odd result. All the swing related components in the program are displaying but the GLJPanel (being passed to an Animator) is not showing up. As far as I can tell, the display method isn't being called at all. I'm hoping someone can point me in the right direction.
I'm using JDK 1.7, and the latest jogl.jar and jogl-natives-macosx-universal.jar
You need to use NEWT for maximum compatibility as of today:
https://sites.google.com/site/justinscsstuff/jogl-tutorial-2
However there are other advantages and disadvantages of Newt over Canvas, see the aforementioned link for the full list.
Moreover, try this Gears demo instead:
http://jogamp.org/deployment/jogamp-current/jogl-demos/jogl-newt-applet-runner-gears.html
it should be what you were looking for from the beginning.

Is there a wireframing tool for web apps that can re-use my own custom CSS?

I have been searching for and have not located (I fear it doesn't exist) a wire frame application that will use our current css for objects.
We have spent a lot of time perfecting our css to get the look we want, now I want to be able to use that css for new mockups without creating new objects each time we add something (as we would have to in photoshop).
In a perfect world, it would even handle the page layout so all that remains is the logic.
Has anyone heard of a tool that can do this?
I haven't used it, and I can't vouch for it, but https://alpha.easel.io/ might fit the bill. It's still in beta, but looks very interesting.
From their homepage: "Implement designs quickly using exact CSS properties rather than guessing from a mockup."
http://axure.com is a popular wireframing tool. There ways to make it use custom CSS: http://enterpriseux.tumblr.com/post/8972215862/an-axure-html-prototype-hack

How to create a reflection Effect using ImageMagick?

What would be the command to create a reflection effect using ImageMagick which fades out as a gradient. Like shown in http://reflection.corephp.co.uk/gfx/shot.jpg
Googling for "Imagemagick reflection effect" turns up this question.
If that doesn't help you completely, maybe the ImageMagick Examples Gallery contains something to work with.
Edit: The Gallery indeed has reflection examples.

Resources