Git Product home page Git Product logo

jsartoolkit's Introduction

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

jsartoolkit's People

Contributors

duxan avatar kig avatar oscar-gardiazabal avatar youkinjoh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jsartoolkit's Issues

question: relation to artoolkit/jsartoolkit5

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

Drawing on ARScene three.js

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?

Overflow the image on the market

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

Problem with barcode multimarker example

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

FLARSingleMarkerDetector Error

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.

Printing ID Markers

I been having troubles trying to visualize or print the ID markers. What Software should i use to open them? I`m Using PC.

DLAG Problem in marker detection?

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.

q. what is magi.js ?

hi, im playing with your code, nice stuff :)

im wondering what is magi.js ? your own webgl lib ?

Identify specified marker

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?

Overlay video

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???

Issue with NyARLabelOverlapChecker.setMaxLabels

Hi kig!

Found an issue with NyARLabelOverlapChecker.setMaxLabels function, fixed as below:

  • this._labels = createArray(i_max_label);
  • this._labels = this.createArray(i_max_label);

Best regards!

Hsia

Test Video Not Found

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

video issue

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.