3D Modelling/Create 3D Models

The following learning resource supports you as an author to create you own three-dimensional models (see also demo 3D models provided by Lee Stemkoski[1]. Provided tools are open source and can be used either for video animation three-dimensional space (e.g. genetic processes that are not visible in a microscope) are you construct 3-D models there are placed in the camera image of mobile device on specific markers (e.g. in AR.js).

Water Molecule in Aframe - created with JSON3D4Aframe
Blender Software - OpenSource - Windows, Linux, MacOSX
Water Molecule with Augmented Reality AR.js on Kanji Marker - created with JSON3D4Aframe
Crystal structure of sodium chloride (table salt) 3D Model in AFrame created with JSON3D4Aframe

Preparation

edit

If you are following the Open Community Approach the created models can be adapted to local and regional requirements and constraints or specifically to target groups of learners that will use the models. When adaptation of models include specific information about the learner's environment then 3D models cannot be shared beyond the Digital Learning Environment in which the learner uses the open 3D model. In other use-cases the 3D model in the learning environment it is recommended to share the 3D models with the community of authors and learners on Wikiversity for further improvement (see also Open Innovation Ecosystem).

  • currently 3D models cannot be integrated directly into Wikiversity, so files must be stored and shared on an other WebServer, that supports version control during the development process of the 3D models.
  • in this learning resource we use GitHub and take advantage of the version control system to share the files in the /docs folder on GitHub. Feel free to use any other for the community available version control system. Version control is helpful to have the choice to revert changes due to drawbacks and challenges with the new version.
    • Create a new GitHub account if you do not have on (e.g. "myacount").
    • Login into GitHub with your account.

3D Software Packages

edit

Learning Task

edit
  • (Regard3D) Create you own screencast of your 3D model you created with Regard3D (approx 10-15min as Walk Through) and provide the set of images on GitHub for other learners to work with (just as HuginSample for Hugin)
  • (360-Degree AFrame) Create a 360 Degree image for AFrame with WikiCommons4AFrame[2]
  • (AR.js) Create a 3D model in JSON3D4Aframe and view the model on a Hiro marker. See also Mixare
  • (Tracking) Explore the concept of motion tracking with Javascript on https://www.trackingjs.com as OpenSource framework. Compare the approach with tracking approach on AR.js.

External Resources

edit

Overview

edit
- JSON3DAFrame Hugin
Tool
 
JSON3D4Aframe
 
Hugin Software for 360 Degree Images in AFrame
Product
 
Water Molecule with Augmented Reality AR.js on Kanji Marker - create with JSON3D4Aframe.
 
equirectangular Image from WikiMedia Commons rendered with Aframe as 360-Degree Image (see Hugin)

See also

edit

References

edit
  1. Lee Stemkoski (2021) Aframe Examples on GitHub - Demo URL: https://stemkoski.github.io/A-Frame-Examples/ - GitHub repository: https://github.com/stemkoski/A-Frame-Examples ZIP (accessed 2024/04/13)
  2. 2.0 2.1 WikiCommons4AFrame (2020) Bert Niehaus - AppLSAC for Wikiversity Learning Resource - Create 360-Degree Scenes in AFrame - URL: https://niebert.github.io/WikiCommons2AFrame/aframe360starter.html (viewed/tested 2020/05/04)
  3. Hess, R. (2007). The essential Blender: guide to 3D creation with the open source suite Blender. No Starch Press.
  4. Mullen, T., Roosendaal, T., & Kurdali, B. (2007). Introducing character animation with Blender. Wiley Pub.
  5. Bert Niehaus (2021) WikiCommons2Aframe - GitHub repository: https://github.com/niebert/WikiCommons2AFrame - Download: ZIP