3D Modelling/Create 3D Models/Wiki 360 Degree AFrame
This learning resource supports you in creating a link that creates a 360 degree image from an existing equirectangular 360-degree image in Wiki Commons. The OpenSource tool WikiCommons4Aframe was created for this learning resource, so that learners can add 360 degree spherical image with a link for AFrame.
- (Search 360o-Images) Search for equirectangular images in WikiCommons or one of the following images
- (WikiCommons2AFrame) Start the link creator for the Aframe and copy the Filename into WikiCommons4Aframe
- (WebLink) Rieselfelder Muenster, Germany with https://niebert.github.io/HuginSample/img/rieselfelder1.jpg -- Generated Link for 360o-Image
- (WebLink) Saumarkt Karlsruhe-Durlach, Germany with https://niebert.github.io/HuginSample/img/durlach_saumarkt.jpg -- Generated Link for 360o-Image
- (Text in AFrame) Edit the visible text in the 360o-Image, the color, the position, ... and then display the the 360o-Image with button.
- (Copy URL) Copy the link into the Wikiversity where you need a 360o-Image.
- (Real World Lab) Explore the concept of a Real World Lab and define the application of 360o-Images for additional digital augmentation of a participatory environment of the Real World Lab.
Test 360-Degree Images with your Smartphone
Click on one of the spherical 360 degree image and move your smartphone up an down or turn your smartphone.
- Does your browser and operating system perform the appropriate turns and rotation of the spherical image (i.e. turn the smartphone horizontally or vertically and check if the VR image in AFrame turns according to the 360 degree image?
- Try with different browsers (e.g. Chrome, Firefox, Safari, ... on Android and iOS)
- WikiCommons2AFrame to create links for Wikiversity and Wikipedia for 360 Degree Images in AFrame
- Hugin Create spherical 360-degree images with your own camera
- Real World Lab