/dlf-3d-viewers

3D viewer integrations for Kitodo.Presentation or DFG-Viewer

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

3D viewer integrations for Kitodo.Presentation or DFG-Viewer

This repository contains integrations of existing 3D viewers or reference implementations of 3D viewers for embedding in Kitodo.Presentation or DFG-Viewer.

Installation

  • Clone repository or download source code.
  • Run the install.sh bash script to download libraries and frameworks under modules folder of each viewer implementation

After these steps, you will have a folder with the respective viewer integration, its dependencies and resources as well as the dlf-3d-viewer.yml configuration file required for the integration.

For more informations regarding embedding this folder into Kitodo.Presentation and DFG-Viewer, read the Embedded 3D Viewer documentation.

Integrations

These are integrations of 3D viewers or custom 3D viewer implementations base on a JavaScript 3D library (e.g. three.js) which have been prepared for Kitodo.Presentation and thus for the DFG-Viewer.

DLF prefix stands for “Digital Library Framework” and is the key of the TYPO3 extension “Kitodo.Presentation”. The name of the viewer integration can be chosen freely for your custom viewer.

dlf-3dhop

Integration of 3DHOP framework.

Supported model formats: .ply, .obj

image

Test

https://bear-genuine-hookworm.ngrok-free.app/viewer?tx_dlf[model]=https://bear-genuine-hookworm.ngrok-free.app/fileadmin/models/gargo.ply&tx_dlf[viewer]=dlf-3dhop

dlf-aton

Integration of ATON framework.

Supported model formats: .glb, .gltf

image

Test

https://bear-genuine-hookworm.ngrok-free.app/viewer?tx_dlf[id]=https://3drepo.eu/modelupload/b5df7cd550f64e818943ad96fff7e902metsmods.xml&tx_dlf[viewer]=dlf-aton

dlf-kompakkt

Integration of Kompakkt using the Kompakkt Standalone Viewer.

Supported model formats: .glb, .babylon, .gltf, .obj, .stl

image

Test

https://bear-genuine-hookworm.ngrok-free.app/viewer?tx_dlf[id]=https://3drepo.eu/modelupload/b5df7cd550f64e818943ad96fff7e902metsmods.xml&tx_dlf[viewer]=dlf-kompakkt

dlf-model-viewer

Integration of the model-viewer.

Kitodo.Presentation an thus DFG-Viewer includes this as a default viewer now

Supported model formats: .glb, .gltf

image

Test

Default of viewer Kitodo.Presentation and with that DFG-Viewer https://bear-genuine-hookworm.ngrok-free.app/viewer?tx_dlf[id]=https://3drepo.eu/modelupload/b5df7cd550f64e818943ad96fff7e902metsmods.xml

Use the model viewer from the Integration repository https://bear-genuine-hookworm.ngrok-free.app/viewer?tx_dlf[id]=https://3drepo.eu/modelupload/b5df7cd550f64e818943ad96fff7e902metsmods.xml&tx_dlf[viewer]=dlf-model-viewer

dlf-thedworak-dfg-3dviewer

Integration of 3D Viewer implementation thedworak/dfg_3dviewer of Daniel Dworak Hochschule Mainz.

Supported model formats: .obj, .dae, .fbx, .ply, .ifc, .stl, .xyz, .json, .3ds, .gltf, .glb

image

Test

https://bear-genuine-hookworm.ngrok-free.app/viewer?tx_dlf[id]=https://3drepo.eu/modelupload/b5df7cd550f64e818943ad96fff7e902metsmods.xml&tx_dlf[viewer]=dlf-thedworak-dfg-3dviewer

dlf-threejs

Integration of a minimal implementation of three.js with ply model loader.

Supported model formats: .ply

image

Test

https://bear-genuine-hookworm.ngrok-free.app/viewer?tx_dlf[model]=https://bear-genuine-hookworm.ngrok-free.app/fileadmin/models/gargo.ply&tx_dlf[viewer]=dlf-threejs

DFG 3D-Viewer test system

If you have write permissions for this repository, you can start a DFG Viewer test system that includes the latest versions of the available integrations. Please check beforehand if the test system https://bear-genuine-hookworm.ngrok-free.app/ is already running.

Under Actions tab above, you will find the workflow named Run DFG-Viewer test system over ngrok. By clicking on it, a Run workflow button will appear in the upper-right area above the list of recent workflow executions. When clicking on this button, a popup opens. Click the green button with the label Run workflow in the popup.

image

It takes a moment for the starting workflow to be displayed. Reloading the page can make it appear faster.

image

After a short time (1-2 minutes), the test system was generated and is accessible at the URL https://bear-genuine-hookworm.ngrok-free.app/ for one hour. After that, the test system will be automatically stopped.

Further information

Maintainer