This repository is deprecated - checkout our new version of awe.js at https://github.com/awe-media/awe.js
buildar / awe.js Goto Github PK
View Code? Open in Web Editor NEWThe jQuery for the Augmented Web
The jQuery for the Augmented Web
This repository is deprecated - checkout our new version of awe.js at https://github.com/awe-media/awe.js
EasyList, used by adblock, adblock plus, ublock any virtually every other adblocking service, has banned the filename "/awe.js".
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
There is a typo in README.md:
See the examples/ and and their plugins for more details.
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!
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.
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.
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,
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 there, does anyone know how to create a loading bar on geo location example?
Going around in circles and still at point 0.
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?
How do you display some Points of Interest (for which you have latitude, longitude and, optionally, altitude) using awe.js?
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
Its becoming a pain to try to debug a POC I'm doing at work, anyone know the reason, or any workaround it?
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
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?
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.
I want to do some development using awe, what is a supported desktop browser?
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?
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
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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.