A basic scene that places plain and textured shapes on markers (kanji, barcodes 0/1/2).
3D modelA single gltf model attached to a marker.
Multi-Textured CubeA cube with different images on each side, attached to a marker.
Uses the aframe-multisrc component.
Animating (rotating) a globe attached to a marker, using the built-in animation component.
Text (2D and 3D)Attaching text to the kanji and hiro markers.
3D text uses the aframe-text-geometry component.
Creating a particle system effect, attached to a marker.
Uses the aframe-particle system component.
Rotates a globe attached to a marker, by writing an A-Frame component and modifying the underlying Three.js object.
Canvas TexturesUsing an HTML canvas as the texture for a cube; creating an animation ("bouncing block") on the canvas and updating the cube texture.
DetectionA cube is attached to a kanji marker. Red, yellow, and blue squares are attached to barcode markers 0, 1, and 2.
Persistence and FollowingA green square is attached to a marker. If the marker is no longer visible, the square turns red.
Line between two markersDrawing a line between the centers of barcode markers 0 and 1.
Cylinder between two markersDrawing spheres at the centers of barcode markers 0 and 1, and creating a cylinder between them.