kig / jsartoolkit Goto Github PK
View Code? Open in Web Editor NEWJavaScript port of FLARToolKit
Home Page: http://fhtr.org/JSARToolKit
License: Other
JavaScript port of FLARToolKit
Home Page: http://fhtr.org/JSARToolKit
License: Other
JSARToolkit -------------------------------------------------------------------------------- This is a JavaScript port of FLARToolKit, operating on canvas images and video element contents. And hopefully one day on device elements with webcam input. The license is GPL 3 as was the original library. If you use it in your own scripts, you need to make the unminified unobfuscated source code of your script available and licensed under GPL 3. All the hard work was done by the ARToolKit/NyARToolKit/FLARToolKit people, a huge thank you to them. This port was quite mechanical, though it has some major JS optimizations and a tracking robustness hack or two. And some uninformed bogus hacks in FLARParam to sort-of make it work on 16:9 video. See demos/AR_simple_webgl.html for an example of integrating JSARToolKit output with a WebGL program. I've only tested the ID markers and square detection paths, so you may encounter problems working with custom markers. In which case, filing a bug report on GitHub would be very much appreciated. - Ilmari Heikkinen -------------------------------------------------------------------------------- This work is based on the original ARToolKit developed by Hirokazu Kato Mark Billinghurst HITLab, University of Washington, Seattle http://www.hitl.washington.edu/artoolkit/ And the NyARToolkitAS3 ARToolKit class library. Copyright (C)2010 Ryo Iizuka The FLARToolKit is ActionScript 3.0 version ARToolkit class library. Copyright (C)2008 Saqoosha JSARToolkit is a JavaScript port of NyARToolkitAS3 and FLARToolKit. Copyright (C)2011 Ilmari Heikkinen
Hi,
I noticed that there are some hardcoded values in the projection matrix and distortion parameters for FLARParam.js. May I know how you derived those values?
how to detect custom marker using this toolkit...
plz help me
I'm trying to run the multimarker example in Chrome 56 and getting the following console error (before the whole tab locks up):
Error opening pattern file '/00 ' for reading.
:3000/build/artoolkit.min.js:1 Error processing multimarker config file '/multi_marker_0': Unable to load pattern '/00 '.
:3000/build/artoolkit.min.js:1 config data load error !!
:3000/build/artoolkit.min.js:1 ARToolKitJS(): Unable to set up AR multimarker.
multimarker_barcode_threejs.html:95 multi is -1
multimarker_barcode_threejs.html:96 submarker count -1
Hello,
I want to add a line to the three.js scene,
var material = new THREE.LineBasicMaterial({
color: 0x0000ff
});
var geometry = new THREE.Geometry();
geometry.vertices.push(new THREE.Vector3(-10, 0, 0));
geometry.vertices.push(new THREE.Vector3(0, 10, 0));
geometry.vertices.push(new THREE.Vector3(10, 0, 0));
var line = new THREE.Line(geometry, material);
arController.addEventListener('getMarker', function (ev) {
console.log('found marker?', ev);
var marker = ev["data"]["marker"];
var vertex, pos;
vertex = marker.vertex;
var markerRoot = arController.createThreeMarker(marker);
markerRoot.add(line);
arScene.scene.add(line);
});
This scene runs, but i do not see any lines on the screen?
I am facing problem in detecting markers because of DLAG
D- distance from camera
L- Lighting in the environment
A- Angle of Marker
G- Grey level of the printed marker
Can anyone please suggest How to get over these issues.
Thanks in advance.
Hi kig!
Found an issue with NyARLabelOverlapChecker.setMaxLabels function, fixed as below:
Best regards!
Hsia
hi kig! when i give my own recorded video as the source in your demos such as test3.html only the zero'th marker gets augmented by a cube . all the other markers are not getting augmented by the cube . could u guide me as to where im going wrong??
regards,
jayanth
hi, im playing with your code, nice stuff :)
im wondering what is magi.js ? your own webgl lib ?
Hi kig!
When I try to play the test file "AR_simple_webgl.html", I can't find the video file named "tests/output_4.ogg". Could you please supply the link to it?
Thanks!
Hsia
Hi,
I got an error when I use custom marker. What I did is this:
var encoder = new FLARIdMarkerDataEncoder_RawBit();
var oReq = new XMLHttpRequest();
oReq.onload = function(e) {
var markerCode = new FLARCode(16,16);
markerCode.loadARPatt(oReq.response);
encoder.encode(markerCode,encoder.createDataInstance());
detector = new FLARSingleMarkerDetector(param, markerCode,80);
}
oReq.open("get", "pattern/custom_marker.pat", true);
oReq.send();
And on my render() function:
function render() {
var isDetected = detector.detectMarkerLite(raster,90); // error triggers here
...
}
Uncaught TypeError: Cannot read property 'length' of undefined JSARToolKit.js:137
c JSARToolKit.js:137
ASKlass.detectMarkerLite JSARToolKit.js:12100
I hope someone can help me with this. And thanks in advance.
I been having troubles trying to visualize or print the ID markers. What Software should i use to open them? I`m Using PC.
Hello,
I want to use the same marker twice at the same time and place a 3d model on each.
Is it possible to check which of the two markers is moved so I know which model I have to move?
Hava a marker a unique ID or something like this?
I tried other AR Librarys but these dont track markers, they return every frame a new list of detected markers without relation
to the frame(s) before.
Does this JSARToolKit do too?
are there any help documents for JSARToolKit !?
Hello
I was playing around with ur demo Ar_mediaStream.html
and wanted to do something like this https://www.youtube.com/watch?v=0J0fwQqCIuE
only the tshirt superimposed on the marker part
But i saw the magi,js cube part code was to complex to understand
can u suggest me what to do with magi js to draw this way
Like overflowing image on the marker
Hi,
I am wondering how there is this JSARToolkit and also JSARToolkit5 by artoolkit.
Looks the me as booth the the same thing, and the name is pretty much the same as well. Kind of confusing.
Are both toolkits the same? Or just different versions? I do not get the difference between the two.
Thanks
Hi guys! I would like to know how to overlay a video over the marker...is it possible? or is possible just overlay images and 3D model???
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.