Skip to content

This repository applies link traversal concept on 360 degree images. As 360 degree images 4 images of the river Rhine close to Cologne/Rodenkirchen in Germany was used to create the aframe 360 degree navigation example. The objective of this repository is to provide a basic example for Wikiversity learning resource for 3D modelling. The link tra…

main
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
img
 
 
js
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Aframe360Navigation

This repository applies link traversal concept on 360 degree images in AFrame.

[**360 Degree Tour at River Rhine near Rodenkirchen/Cologne in Germany**](https://niebert.github.io/aframe360navigation)

360 Degree Images

As 360 degree images 4 images of the river Rhine close to Cologne/Rodenkirchen in Germany were used:

With the link-traversal approach users are able to navigate from one location to another location. Every single 360 degree images is used for a single location. The implementation of navigation in this example uses the Aframe tag a-link and the "sky" is generated with the equirectangular images, that are projected on a sphere. The objective of this repository is to provide a basic example for Wikiversity learning resource for 3D modelling and web-based exploratory Aframe environment for Real World Labs. The link traversal approach runs offline in a browser. For creating your 360 degree image you can use Hugin or e.g. specific dual fish eye cameras. See repository HuginSample, Wikiversity Learning Resource about 3D modelling and Aframe.

Link Traversal

This example is based on the link-traversal example of Aframe - see https://aframe.io/aframe/examples/showcase/link-traversal/index.html

You can also explore the basic concept of using AFrame models and AR.js for location based an marker based Augmented Reality

JSON3D4Aframe

For adding 3D object on markers and generating basic 3D scenes on Markers you can use JSON3D4Aframe. Geometric element can be placed in a scene with 360 degree images. The learning objective focuses on a mathematical coordinate system an basic mathematical operations like rotation and moving of geometric primitives in a 3D scene.

See example https://niebert.github.io/JSON3D4Aframe/mods3d/water_molecule_sky_aframe.html

Links

About

This repository applies link traversal concept on 360 degree images. As 360 degree images 4 images of the river Rhine close to Cologne/Rodenkirchen in Germany was used to create the aframe 360 degree navigation example. The objective of this repository is to provide a basic example for Wikiversity learning resource for 3D modelling. The link tra…

Resources

License

Releases

No releases published

Packages

No packages published

Languages