adds obj and obj+mtl support

README.md

@@ -6,12 +6,14 @@ Built using Vue, based on threejs.
 
 ## Install
 
+This module requires the [Omeka-S-module-ArchiveRepertory] to be installed.
+
 ```
 cd ./modules
-https://git.hangar.org/arcHIVE-tech/3Drenderer/archive/main.zip
+https://git.hangar.org/arcHIVE-tech/3D-Renderer/archive/main.zip
 unzip main.zip
-mv renderviewer/ Render3D
 ```
+
 ### Omeka global settings
 
 Add these to the `Allowed media types`
@@ -23,7 +25,7 @@ application/json
 Add these to the `Allowed file extensions`
 
 ```
-gltf, bin, json
+gltf, bin, json, obj, mtl
 ```
 
 ## LISENCE
@@ -36,4 +38,5 @@ The 3D render feature is imported from [Vue-3d-model].
 [3D Renderer]: https://git.hangar.org/arcHIVE-tech/Render3D
 [Vue-3d-model]: https://github.com/hujiulong/vue-3d-model
 [Omeka S]: https://omeka.org/s
+[Omeka-S-module-ArchiveRepertory]: https://gitlab.com/Daniel-KM/Omeka-S-module-ArchiveRepertory
 [MIT]: http://opensource.org/licenses/MIT

config/module.ini

@@ -1,5 +1,5 @@
 [info]
-name         = "Render3D"
+name         = "3D Renderer"
 description  = "Renders 3D"
 tags         = ""
 license      = "MIT"

src/Site/BlockLayout/Render3D.php

@@ -34,7 +34,7 @@ class Render3D extends AbstractBlockLayout
     }
 
 	public function getLabel() {
-		return 'Render 3D';
+		return '3D Renderer';
 	}
 
 	public function form(PhpRenderer $view,

view/common/block-layout/render-3d.phtml

@@ -1,8 +1,7 @@
 <div class="3d-model-wrap" style="position:relative;">
 
 	<?php
-		$this->headScript()->appendFile($this->assetUrl('vendor/vue-3d-model/vue.js',
-																										'Render3D'));
+		$this->headScript()->appendFile($this->assetUrl('vendor/vue/vue.js', 'Render3D'));
 		$this->headScript()->appendFile($this->assetUrl('vendor/vue-3d-model/vue-3d-model.umd.js',
 																										'Render3D'));
 		if ($title !== false && $title !== "") {
@@ -24,17 +23,36 @@ console.log(<?= json_encode($urls, JSON_UNESCAPED_SLASHES) ?>)
 	</style>
 
 	<div class="3d-model-wrap">
+
 	<?php if ($model_type == "gltf") { ?>
 		<div id="<?= $id ?>">
       <model-gltf
         src="<?= $urls[0]; ?>"
-        @on-mousemove="onMouseMove">
+        @on-mousemove="onMouseMove"
+			>
       </model-gltf>
     </div>
 	<?php } ?>
-	<?php if ($model_type == "obj") { ?>
 
+	<?php if ($model_type == "obj") { ?>
+		<div id="<?= $id ?>">
+			<model-obj
+				src="<?= $urls[0]; ?>"
+			>
+			</model-obj>
+		</div>
 	<?php } ?>
+
+	<?php if ($model_type == "obj+mtl") { ?>
+		<div id="<?= $id ?>">
+			<model-obj
+				src="<?= $urls[0]; ?>"
+				mtl="<?= $urls[1]; ?>"
+			>
+			</model-obj>
+		</div>
+	<?php } ?>
+	
 	</div>
 
 	<script>