CATEGORIES
- OPEN SOURCE
- TUTORIALS
- PROGRAMMING
- artificial intelligence (2)
- computer graphics (3)
- computer vision (4)
- game technologies (2)
- rigging & deformation (4)
- simulations (9)
- VFX / CG WORKS
- PROJECTS
- REELS
- ME
FEATURED
ARCHIVES
LATEST POSTS
TAG CLOUD
animation artificial intelligence Augmented Reality award chain cloth Cloud Guardian collision detection computer vision demo reels events fire fluid simulation fx game physics games GLSL Google Summer of Code GSoC houdini Intel Havok Physics Contest JavaScript job Maya models morphing movie credits Muskeelar NUS OGRE OpenGL open source Pressurized Soft Body pyro fx rigs SIGGRAPH simulation site updates slinky soft body physics Starry Starry Night three.js tutorial WebGL XNA
CURRENTLY VIEWING |
||||||
|
SKARF.JS
Open source Three.js framework for JavaScript augmented reality libraries
|
||||||
 |
||||||
|
@
open source > webgl / three.js
|
||||||
|
SECTION MENU
|
||||||
This is a framework for handling JavaScript augmented reality (AR) libraries in Three.js.
- Automatic loading of models when the associated markers are detected (association is specified in a JSON file). Currently supported model formats: .obj, .js and binary .js.
- Fixing of the world origin to a specified main marker, with the camera and other markers positioned around this origin for lighting/shadows to work properly in the 3D scene
- Automatic compensation for coordinate system differences between the different AR libraries and Three.js (which might otherwise lead to flipping and offsetted orientations of loaded models)
- GUI marker system which allows users to control settings using AR markers
- Expandable to fit other JavaScript AR libraries in the future
- JSARToolKit
- js-aruco
1) Tracking Three.js Scene
- Tracking of a Three.js 3D scene to prevent webcam problems such as motion blur and lens distortion (for testing purposes)
- Loading of models when associated markers are detected
2) Interactive HTML5 Augmented Reality Flood Simulation
- Tracking of webcam video stream
- Using GUI markers system to control user settings with AR markers
- Loading of models when associated markers are detected
- Usage of main marker to define origin
Please consider tipping me for my open source efforts
The source codes for this project can be found in GitHub:
Please refer to the docs for the full API. There are some short usage examples as well.
Tested only in Google Chrome (recommended) and Mozilla FireFox
Released under GNU General Public License version 3 (GPLv3)
Copyright (c) 2013 Skeel Lee
ABOUT ME
Skeel Leeskeel@skeelogy.com
Worked at Wētā FX, Digital Domain 3.0, Sony Pictures Imageworks, MPC, Industrial Light & Magic (ILM), Double Negative
I am a Technical Director with strong interests in both tech and art. My life evolves round VFX, photography, software engineering, tools programming and generally anything that looks / sounds cool.
I have done a variety of CG programming, including fluid sims, muscles, soft/rigid bodies, raytracing etc. These knowledge complement the visual works that I do as a TD in VFX.
I was interviewed by The Straits Times in May 2014 for my VFX work in X-Men: Days of Future Past.
Copyright © 2003-2024 Skeel Lee. All works are original ones by Skeel, unless otherwise stated.
