You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<imgalt="ARnft official logo"src="examples/Data/arNFT-logo.gif"width="250px"/>
14
14
15
15
A small javascript library to develop WebAR apps. It is based on [jsartoolkitNFT](https://github.com/webarkit/jsartoolkitNFT) a lighter version of jsartoolkit5 only with **NFT** markerless technology. It uses [ARnft-threejs](https://github.com/webarkit/ARnft-threejs) for the rendering part.
The ARnft library now includes support for SIMD (Single Instruction, Multiple Data) to enhance performance by parallelizing data processing tasks. This feature is particularly useful for applications requiring high computational power, such as augmented reality.
46
+
47
+
To see the SIMD feature in action, you can try the `arNFT_simd_example.html` example:
// Follow code for rendering ect. see the examples.
67
75
```
68
76
@@ -103,15 +111,15 @@ or if you want to import as a module with npm:
103
111
import { ARnft } from"@webarkit/ar-nft";
104
112
```
105
113
106
-
107
-
## Examples
114
+
## π§ͺ Examples
108
115
109
116
Test the examples in the `/examples` folder:
110
117
111
118
- `arNFT_autoupdate_example.html` Example with the autopdate routine.
112
119
- `arNFT_container_example.html` Example with an alternative container.
113
120
- `arNFT_event_example.html` Example with objVisibility and eventListener.
114
121
- `arNFT_example.html` The simplest example displaying a red cube.
122
+
- `arNFT_simd_example.html` Example with SIMD feature.
115
123
- `arNFT_gltf_brave_robot_example.html` More advanced example with a gltf model and threejs events.
116
124
- `arNFT_gltf_example.html` Example showing a gltf model (Duck).
117
125
- `arNFT_gltf_flamingo_example.html` Example showing an animated gltf model (Flamingo).
@@ -124,19 +132,19 @@ Test the examples in the `/examples` folder:
124
132
125
133
You can try also a live example with React at this link: [kalwalt.github.io/ARnft-ES6-react/](https://kalwalt.github.io/ARnft-ES6-react/)
126
134
127
-
## Donate
135
+
## π° Donate
128
136
Donate to **ARnft**  
129
137
130
-
131
-
## Documentation
138
+
## π Documentation
132
139
133
140
You can build the docs with this command:
134
141
`yarn docs`
135
142
Then run a live server and go to the docs' folder.
136
143
137
-
## Features
144
+
## π Features
138
145
139
146
- **NFT** (**N**atural **F**eature **T**racking) Markers, read my article: [NFT natural feature tracking with jsartoolkit5](https://www.kalwaltart.com/blog/2020/01/21/nft-natural-feature-tracking-with-jsartoolkit5/)
147
+
- **SIMD** (Single Instruction, Multiple Data) support for enhanced performance.
140
148
- **ES6** standard. You can install it as a npm package and use it as a module (experimental). Install it with npm:
141
149
142
150
```
@@ -153,10 +161,10 @@ yarn add @webarkit/ar-nft
153
161
154
162
- Filtering of the matrix with the **O**ne**E**uro**F**ilter.
155
163
156
-
## Format the code with Prettier
164
+
## π οΈ Format the code with Prettier
157
165
We are using [Prettier](https://prettier.io/) as code formatter. You only need to run `yarn format` to write the formatted code with Prettier. If you want to check if the code is well formatted run instead: `yarn format-check`
158
166
159
-
## Build
167
+
## π§ Build
160
168
If you make changes to the code, run these commands to build the distribution library, install all the dependencies with:
161
169
```
162
170
yarn --include=dev i
@@ -168,4 +176,4 @@ yarn dev-ts
168
176
Instead for a production build, with more optimizations in the code and smaller size, run:
0 commit comments