I am working on a vr game that adapts the world to the players movement in their playspace.
To do so I need a list of the edges of the boundary of the gaurdian. How do you get that in a-frame.
Bounded-floor is the property that that gives this
https://aframe.io/docs/1.3.0/components/webxr.html#properties2_bounded_floor
There is more info here in the webXR spec: https://developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API/Geometry
search that page for bounded-floor and it will take you to some more details, links and info.
Related
I am looking for an example of how to trigger images and then play a video.
It is a very simple use case: In a newspaper, videos can be watched regarding the articles, if the image is an marker.
All samples I have seen loads a 3D model or something like that. Do I need a layer in which the video plays?
Thank you!
I'm trying to make a FPS game using babylon.js as a framework. I want the player to be able to see an outline of their allies through walls (so they can know where they are and what they are doing). As a reference, here is an example I found on google from the game Paladins:
The best thing I could find on the babylon.js website (and on google) is how to do the outline:
(https://doc.babylonjs.com/how_to/highlight_layer)
var hl = new BABYLON.HighlightLayer("hl1", scene);
hl.addMesh(sphere, BABYLON.Color3.Green());
While an effect like this is pretty much what I want, it isn't visible though walls. Is anything like this possible in babylon.js? Thanks in advance!
To render something "on top" of something else you can use rendering groups.
The short documentation can be found here - https://doc.babylonjs.com/resources/transparency_and_how_meshes_are_rendered#rendering-groups , but the basic concept is - the higher the rendering group, the later it renders.
You can see it here in action - https://www.babylonjs-playground.com/#2338DN#3
There was an active conversation about the same subject in the forum, which can be found here - https://forum.babylonjs.com/t/highlight-through-objects/8002/3 , credit goes to sebvan
Running into an issue with A-Frame 0.3.0 running in GearVR on the Samsung Internet app.
When it loads it displays the A-Frame scene on a card hovering in space like an ordinary stationary web page - the content in the web page rotates with head tracking, but the card remains stationary in space.
When I click on the various 360/180 display modes, the image of the flat web page appears to simply map to a sphere and responds loosely to head rotation - there are swirly patterns at the poles so I'm pretty sure it's just a 2D mapping of the web page. Like it's trying to display it as a 360 video.
Is there a hidden setting? I've enabled WebVR in the Samsung browser. Or is there a directive I need to include in A-Frame? The scene runs fine in cardboard through chrome on android. thx
Ryan Betts from Slack said:
You have to type 'internet://webvr-enable' into the address bar to enable it.
Here is the documentation by Samsung: http://developer.samsung.com/technical-doc/view.do?v=T000000270L where it says:
To enable WebVR visit the internet://webvr-enable URL in the Samsung Internet for GearVR browser (visit internet://webvr-disable to disable WebVR support).
ngokevin's answer is correct, you have to enable. If that done correctly, a working demo using 1.0 API will be able to go into correct mode. Note that can't access correct 'mode' using the fullscreen mode options meant for VR/360 video formats. Try https://toji.github.io/webvr-samples/03-vr-presentation.html If this example doesn't work then have not enabled. If this runs but another page doesn't it would be an issue specific to that page and WebVR API usage.
Remember that webvr support in Gear VR is still experimental and really doesn't work very well yet.
For me the Gear VR is extremely jerky and makes you dizzy when looking around and the quality just isn't very good on the sky images.
I'm using a new Gear 360 camera to take my sky images and when I look at them through the regular Gear VR 360 photo viewer app they look awesome but once you go into webvr and look at those same images they're really really blurry.
Hopefully Gear VR can get the kinks worked out soon and hopefully just replaces that stupid Samsung browser with the new Oculus Carmel browser so these webvr apps will work correctly.
I have a floor plan of the building in which need to place marker on different location of the rooms and area. I have achieved this in Android native but needs to do for the cross platform in titanium.
The approach I used was - get the x,y coordinates for each room and overlay a flag icon or something. I'm not sure how this would work with titanium.
Any other approaches will also be good.
The main idea of the app is highlight the room with marker when user search for the particular room.
Thanks
Currently I'm working on creating a view of displaying a entire school database in the form of a graphical view.
School;
Classes;
Teachers; and
Students
I display an Image for each of the above mentioned ones. I need a plugin/tool (freeware) to use to create the links between them.
My default view would be a School Image, either on click of Image / Zoom-In (Zoom-out) I want to display Classes.
When I select a click by clicking it or mouse over a particular class and zoom-in, I want to display the teachers and students.
Could some-one suggest me a tool that would help me do the same.
P.S. I've tried SpringGraph, but it lacks on a lot of features.
I would check out Flare. Check out the demo. I think you will be most interested in the Layouts section.
Another option would be the RaVis portion of the BirdEye project. The graphs it generates are pretty customizable (i.e. controlling the image used for each node), as seen in this demo. The default interactivity (double-click to navigate, information on mouse-over) is solid as well.
Check the "tour de flex"
http://www.adobe.com/devnet/flex/tourdeflex/
It's a big demo of what you can do with flex. Check the Data Visualisation part, it's contains some very nice exemple
But i doubs that you will find exactly what your are looking for, why not just code it.
A image for the scool.
a list of image for classes.
a list of teacher and student images for each classes.
OnClick + transition event
No ?