From 84a59073fecab40dc8c68b448c5c83fdd9292ccd Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Fri, 12 Jul 2024 15:36:29 +0300
Subject: [PATCH] shadows

---
 front/src/components/Promo/load_models.vue |  2 +-
 front/src/components/Promo/main.vue        | 18 ++++++++++++++----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/front/src/components/Promo/load_models.vue b/front/src/components/Promo/load_models.vue
index d3eb53a..b161b02 100644
--- a/front/src/components/Promo/load_models.vue
+++ b/front/src/components/Promo/load_models.vue
@@ -206,7 +206,7 @@ watch(() => sidebar_scene.list, () => {
         <Env v-bind="envVars" />
         <template v-for="item in models">
             <TresGroup :name="item.name">
-                <TresObject3D v-bind="item.modelFile.clone()" />
+                <TresObject3D v-bind="item.modelFile.clone()"/>
             </TresGroup>
         </template>
         <template v-for="(item, i) in clickable_items">
diff --git a/front/src/components/Promo/main.vue b/front/src/components/Promo/main.vue
index 9f2ab50..3d449bf 100644
--- a/front/src/components/Promo/main.vue
+++ b/front/src/components/Promo/main.vue
@@ -4,8 +4,8 @@ import type { Ref } from 'vue'
 import { RouterLink, useRoute } from 'vue-router';
 
 import { Vector3 } from 'three';
-import { TresCanvas } from '@tresjs/core';
-import { StatsGl, OrbitControls, Stats } from '@tresjs/cientos'
+import { TresCanvas, vLightHelper } from '@tresjs/core';
+import { OrbitControls, Stats } from '@tresjs/cientos'
 
 import LoadModels from './load_models.vue'
 import Sidebar from './sidebar.vue'
@@ -57,16 +57,26 @@ watch(() => route.params.target, () => {
 <template>
     <div>
         <div :class="[{ 'loading': !models_loading }, 'canvas-wrapper']">
-            <TresCanvas window-size :alpha="false" :antialias="false" :stencil="false" power-preference="high-performance" precision="lowp">
+            <TresCanvas window-size shadows :alpha="false" power-preference="high-performance">
                 <TresPerspectiveCamera :position="cameraPosition" ref="camera" />
                 <OrbitControls v-bind="controlsState" @change="onChange" make-default />
                 <Suspense>
                     <LoadModels :source="source" :loaded="set_model_load_status" :loaded_pan="loadedPan" />
                 </Suspense>
-                <TresMesh :position-y="0" :rotate-x="-Math.PI / 2" receive-shadow>
+                <TresMesh :position-y="-1" :rotate-x="-Math.PI / 2" receive-shadow name="ground" v-if="false">
                     <TresPlaneGeometry :args="[200, 200]" />
                     <TresShadowMaterial :opacity="0.2" />
                 </TresMesh>
+                <TresGroup name="lights" v-if="false">
+                    <TresHemisphereLight :intensity="100" :position-x="50" :position-y="20" cast-shadow color="red"
+                        v-light-helper />
+                    <TresPointLight :intensity="100" :position-x="0" :position-y="20" cast-shadow color="green"
+                        v-light-helper />
+                    <TresDirectionalLight :intensity="100" :position-x="-50" :position-y="20" cast-shadow color="blue"
+                        v-light-helper />
+                        <TresPointLight :intensity="2000" :position-x="0" :position-y="20" cast-shadow color="rgb(0,255,0)"/>
+                </TresGroup>
+
                 <Suspense>
                     <Stats />
                 </Suspense>