react-three-arnft

Image tracking with @kalwalt/jsartoolkit-nft and react-three-fiber.

``
npm install react-three-arnft
`

Usage

$3

`jsx
import ReactDOM from "react-dom"
import React from "react"

import { ARCanvas, NFTMarker } from "react-three-arnft"

ReactDOM.render(








,
document.getElementById("root"),
)
`

API

$3

`jsx
children
arEnabled = true // false will disable AR and render children into regular r3f
interpolationFactor = 1, // increase to enable smoother but slower tracking
/>
`

$3

`jsx
children
url // set path to marker directory (contaiing: .fset, .fset3 and *.iset)
/>
`

Notes

- Camera parameters file must be served from data/camera_para.data`
- Start with the example using webpack for bundling.

ToDos

- [x] Support multiple NFT Markers: https://github.com/webarkit/jsartoolkitNFT/issues/32
- [x] NPM Module
- [ ] CI Build
- [ ] Host example
- [ ] Demo Video/GIF