buildar / awe.js Goto Github PK

EasyList, used by adblock, adblock plus, ublock any virtually every other adblocking service, has banned the filename "/awe.js".

https://easylist-downloads.adblockplus.org/easylist.txt

Hi

This library is very easy to use, thanks for that.

I am doing some experiments with the library, rendering 3D objects like cubes and when the marker is tracked, the object appears and disappear when the marker is not on tracking, but i have a problem with custom 3D objects, because this appear on marker tracking, but when the marker is not on tracking, the objects never disappear as the objects made with the library.

The handler event function that i have is:

                                handler: function(event){
                                    if(event.detail){
                                        if(event.detail['63']){
                                            awe.pois.update({
                                                data: {
                                                    visible: true,
                                                    matrix: event.detail['63'].transform
                                                },
                                                where: {
                                                    id: 'poi_1'
                                                }
                                            });
                                        }else{
                                            awe.pois.update({
                                                data: {
                                                    visible: false
                                                },
                                                where: {
                                                    id: 'poi_1'
                                                }
                                            });
                                        }
                                        awe.scene_needs_rendering = 1;
                                    }
                                }

Thanks for your help.

How do you display some Points of Interest (for which you have latitude, longitude and, optionally, altitude) using awe.js?

There is a typo in README.md:

See the examples/ and and their plugins for more details.

Hi Guys
I have been looking for how to add custom 3d objects to awe.js but haven't found any useful information. Please urgent help is needed on this.

Question: Seeing as how cordova-based hybrid and cross-platform applications expose system functionality but still utilize web technologies - could this library be tuned to work with iOS as well as Android based platforms via a cordova setup? There are even cordova-based plugins such as this one that expose the full WebRTC JS APIs for iOS. I'm wondering if Awe.js could be made to work in this sort of scenario - and I would love helping in anyway I can to provide an extension for this library if necessary. Thanks!

Hi,
Can you replace the picture (awe_by_buildAR.png) used as "texture" by a video ? If so, how do you do that ?

Thank you for your help.

In the first demo, it seems to be only available on android firefox or chrome. If there is any bug , how could fix it on the PC or Android?

the items in the first demo shakes violently, how could i make them more stable?

Hi,

I'm currently using awe.js, and I noted an issue: when you change the value of settings.container_id the JS is breaking, returning an error :

Uncaught ReferenceError: container is not defined 
awe.events.add.handler 
@ awe.marker_ar.js:133(anonymous function) 
@ awe-standard.js:213

I checked and there is no reference of container_id (except in settings) in the repo files, but sometimes, container is declared like that : var container = document.getElementById('container'); (in /geo_ar/awe.geo_ar.js)

So my question : is it possible to use another element ID without breaking all the app? What is container_id and is it used?

Hi Awe-some peeps

I have the awe.js marker demo working on a ChromeBook Pixel and a Win10 computer, but nothing shows up on my Google Nexus 6 or my Nvidia Shield Androd tablet.

What further information can I provide you to help come up with a solution?

Theo

Hi,

can you please add license information?
As you wrote a thanks to ARToolkit I suspect that you used the js-port of it, tying the lib to GPL V3, but that would be deadly for adoption :-(

best regards
Mario

Hi,
How to use real Geo location detail in awe.js ?
For example using awe.js application at predefine place looks like a part of the city.

Bests,
Reza

This library works great. But only challenge I'm facing right now is the chrome web browser accesses front camera. while I'm developing a web app which should be able to use the rear camera as that would be more useful for Augmented reality operations.

I've tried stackoverflow http://stackoverflow.com/questions/18625007/enable-rear-camera-with-html5 but "getSources" has been now deprecated which is kind of a bummer.

Can anyone help me with this?

Hi there, does anyone know how to create a loading bar on geo location example?
Going around in circles and still at point 0.

I want to do some development using awe, what is a supported desktop browser?

Its becoming a pain to try to debug a POC I'm doing at work, anyone know the reason, or any workaround it?

Hello!
Is there any possibility to load a Collada 3D model in the current build ?
If there is not, please, give me some hints and advices where and how I can integrate the Collada loader.
Thanks in advance!

I tried to use awe geolocation example and managed to setup everything correctly and see 3d models but no camera view.
I am using cordova with ionic on Android. I tried adding crosswalk but still nothing.
It gives me warning: "Your browser doesn't support VR"
i am using Android 6, its webview should support camera view as far as i know.

Hi guys, thanks for sharing this library it is awesome.
I have been working in a little POC and I found I can not remove a projection once it is added to a POI.
So basically the steps to replicate this issue are:

1 - Create a point of interest like this:

awe.pois.add({
   id: 'marker',
   position: {x: 0, y: 0, z: 10000},
   visible: false
});

2 - Add a projection

awe.projections.add({
   id: 'top_label',
   geometry: {shape: 'text', text: "Hi Chicken", parameters: {
      size: 20,
      height: 8,
      curveSegments: 2,
      font: "helvetiker"
   }},
   rotation: {x:180, y: 0, z:0},
   position: {x: -40, y: 0, z: 0},
   material: {
      type: 'phong',
      color: 0xEBE41A
   }
}, {poi_id: 'marker'});

3 - Then once the scene is rendered in a timeout I try to remove the projection

setInterval( function(){
   awe.projections.delete({id: 'top_label'}, {poi_id: 'marker'});
   // awe.scene_needs_rendering = 1;
}, 10000);

I can see how the projection object has been removed from the awe.projections collection, but when the scene is rendered again it still contains the projection.

Hey there got the marker 64 working on my demo and can change the displayed object etc. but I struggle to add a custom marker. Can somebody hint me in the right direction? I don't get where the marker 64 is loaded into the detector at all.
Is there a documentation vor awe.js? Or even the underlying JSARToolkit?

I am trying to load a model into awe using Three.JSONLoader. If I use console.log(awe.projections.list()); I can see a list of objects and the model listed as THREE.Mesh but it is not rendering.
Thanks,
Eric

Hi,

Im experimenting with the AWE.js and I find it really cool.
I have a WebGL canvas scene that gives a rubiks cube. (taken from here : https://github.com/blonkm/rubiks-cube). Now I would like to add this canvas to the awe projection. I know that the add function takes in a object with a geometry property which has a shape attribute, but other than that, I cant seem to find any example which allows one to add a custom scene or anything else.

I also know that, using JSARtoolkit, one can add a custom threejs scene by giving a canvas element as a parameter (from here : http://learningthreejs.com/blog/2012/03/12/augmented-reality-in-the-browser/). Is it possible to do something similar in this?
Help is appreciated.

Thank you