back/requirements.txt

@@ -1,6 +1,9 @@
 asgiref==3.8.1 ; python_version >= "3.10" and python_version < "4.0"
 colorama==0.4.6 ; python_version >= "3.10" and python_version < "4.0"
+crispy-bootstrap4==2024.1 ; python_version >= "3.10" and python_version < "4.0"
 django-cors-headers==4.3.1 ; python_version >= "3.10" and python_version < "4.0"
+django-crispy-forms==2.2 ; python_version >= "3.10" and python_version < "4.0"
+django-filter==24.2 ; python_version >= "3.10" and python_version < "4.0"
 django==5.0.6 ; python_version >= "3.10" and python_version < "4.0"
 djangorestframework==3.15.1 ; python_version >= "3.10" and python_version < "4.0"
 mslex==1.2.0 ; python_version >= "3.10" and python_version < "4.0" and sys_platform == "win32"

front/src/components/Promo/env.vue

@@ -16,7 +16,6 @@ onMounted(async () => {
     pmremGenerator.compileEquirectangularShader();
     
     const loader = new GainMapLoader(renderer.value)
-    console.log({hdr_webp, hdr_gainmap})
     const result = await loader.loadAsync([hdr_webp, hdr_gainmap, hdr_json,])
 
     const exrCubeRenderTarget = pmremGenerator.fromEquirectangular(result.renderTarget.texture);

front/src/components/Promo/main.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import { reactive, ref } from 'vue';
+import { SERVER_URL, IMAGE_URL } from '../../constants'
-import { Color, Vector3 } from 'three';
+import { onMounted, reactive } from 'vue';
+import { Vector3 } from 'three';
 
-import { TresCanvas, useRenderLoop } from '@tresjs/core';
+import { TresCanvas } from '@tresjs/core';
 import { CameraControls, useGLTF, useProgress } from '@tresjs/cientos'
 
 import Env from './env.vue'
@@ -34,6 +35,12 @@ const point_light = reactive({
     intensity: 10000,
     position: new Vector3(-100,5,5),
 })
+const loadModels = async () => {
+    
+}
+onMounted(()=>{
+    loadModels()
+})
 </script>
 <template>
     <div :class="[{ 'invisible': !!hasFinishLoading }, 'loader']">