From a22d5ffa4680d23a6ff1428df2ab7cb3d03e9ad8 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Thu, 20 Jun 2024 10:46:57 +0300
Subject: [PATCH] temp light controls

---
 components/expDiagram.vue             |  46 ++++++++++++++++++++++++--
 public/models_light/back_exp.glb      | Bin 0 -> 4344 bytes
 public/models_light/key_exp.glb       | Bin 0 -> 4332 bytes
 public/models_light/secondary_exp.glb | Bin 0 -> 4340 bytes
 4 files changed, 43 insertions(+), 3 deletions(-)
 create mode 100644 public/models_light/back_exp.glb
 create mode 100644 public/models_light/key_exp.glb
 create mode 100644 public/models_light/secondary_exp.glb

diff --git a/components/expDiagram.vue b/components/expDiagram.vue
index d5160f3..c21309d 100644
--- a/components/expDiagram.vue
+++ b/components/expDiagram.vue
@@ -14,6 +14,33 @@ const explosion_state = useState<boolean>('explosion_state', () => false)
 const toggleExpState = () => {
     explosion_state.value = !explosion_state.value
 }
+const back_light = ref()
+const key_light = ref()
+const secondary_light = ref()
+const loadAll = async () => {
+    const { scene: back } = await useGLTF('/models_light/back_exp.glb')
+    const { scene: key } = await useGLTF('/models_light/key_exp.glb')
+    const { scene: secondary } = await useGLTF('/models_light/secondary_exp.glb')
+
+    const k = 1
+
+    back_light.value = back.children[0]
+    // back_light.value.intensity = back_light.value.intensity * k
+    back_light.value.intensity = 250
+
+    key_light.value = key.children[0]
+    // key_light.value.intensity = key_light.value.intensity * k
+    key_light.value.intensity = 250
+    key_light.value.cast_shadow = true
+
+    secondary_light.value = secondary.children[0]
+    // secondary_light.value.intensity = secondary_light.value.intensity * k
+    secondary_light.value.intensity = 50
+
+}
+onMounted(() => {
+    loadAll()
+})
 </script>
 <template>
     <div class="h-96 relative">
@@ -26,15 +53,28 @@ const toggleExpState = () => {
                 </Suspense>
                 <ModelDiagram />
 
-                <TresDirectionalLight :position="[2, 2, 2]" :intensity="2" color="#f2f2f2" cast-shadow />
-                <TresDirectionalLight :position="[2, 2, -2]" :intensity="1" color="#f2f2f2" cast-shadow />
-                <TresAmbientLight />
+                <TresPointLight v-bind="back_light" v-if="back_light":position="[back_light.position.x, back_light.position.y, back_light.position.z]" />
+                <TresPointLight v-bind="key_light" v-if="key_light":position="[key_light.position.x, key_light.position.y, key_light.position.z]" />
+                <TresPointLight v-bind="secondary_light" v-if="secondary_light"
+                    :position="[secondary_light.position.x, secondary_light.position.y, secondary_light.position.z]" />
             </TresCanvas>
         </ClientOnly>
         <span class="cursor-pointer absolute text-3xl top-0 left-0" @click="toggleExpState">
             <Icon name="mdi:checkbox-outline" v-if="explosion_state" />
             <Icon name="mdi:square-outline" v-else />
         </span>
+        <div class="grid grid-cols-3 bg-slate-400">
+            <template v-for="(value, key) in { back: back_light, key: key_light, secondary: secondary_light }">
+                <div v-if="value">
+                    <strong>{{ key }}</strong><br />
+                    <label>decay</label><input type="number" step="0.1" v-model="value.decay" /><br />
+                    <label>intensity</label><input type="number" step="0.1" v-model="value.intensity" /><br />
+                    <label>position x</label><input type="number" step="0.1" v-model="value.position.x" /><br />
+                    <label>position y</label><input type="number" step="0.1" v-model="value.position.y" /><br />
+                    <label>position z</label><input type="number" step="0.1" v-model="value.position.z" /><br />
+                </div>
+            </template>
+        </div>
     </div>
 </template>
 
diff --git a/public/models_light/back_exp.glb b/public/models_light/back_exp.glb
new file mode 100644
index 0000000000000000000000000000000000000000..4e98d972f3b1fe462be0bf349af7c6cd5a84e60a
GIT binary patch
literal 4344
zcmeHIOLG)e6h4NB8lDO$pvcf5piCzHehdsTnLLPuOh^JnRVtP0nRF(Nlj+#qgHS_C
zt6aNsNtH{B6}oWYqXHW(e}ttA7cNArbmzv$ckgs}nq<c02au^b{oQlVIp6uty*;Vc
zriZ(T=&$`m;ZCBrr%K~Z!43i^6!J}>>eL<I4n1GU3zrvtukHnzDpE27HK#uB_?gk(
zQs$PLlXAKuWQALfAGlr}!E#O%R<eR~J9O&I6<iCPc_BX|T)s3pS97b2VKBGcs8_;<
zT@z;0fs@X=4cFgdFzc~hMYvleplk{iuf`P2NLhS9=GJ*v;T<8bsfs4$R7nwa%`|0M
z&kEt4Wd{nDJ%mA1-CknL3AW6MqAaY;u0UB(!DxiM6rq3<MX^(S52@a~!#2d(m25LE
z#5Yk$Vzr|HX?6u|#jB>U<OGXCUQEb?(5sbO<S4W@)Xn6h2J3Z$gsk9up&jz0n&}a9
zhG<BlZpx-^TAHEBS&@A<xY1+i+x4Ipr;0gI5=~3AEK#*I-INSn$!a+R)f81$MFRuX
z^lXoj0~8en6P8p-k`%6Y$qpUgwQH@}&3lb<&6#rN+0lo7!%6zS62;BU+x|P4+H%>y
z;)Hgs=2j-XMs>071SruI%68xs*-;PM6@F!B(4S?hnyy)rq8o-Rp_#4v*hN{2XySr6
z5kF>3d^ttrf0AU$q9vP_zQRtEogqK{<m8zLhsa)(W#3(LL-$q`V27damKz~kHie1O
z)adkRX`J7H@zUg#{xN>hriX46OQp%dIZ?>VI99hl?^alf0=8&I?8NzS?FzO6&u<O4
z+*nv}{Ohjs9xqz)mX^J`QxB*4UDqUb?<-yd7d~&utlDjMZF8a~S(atW8m1^KmS$pl
zlB7u{{E8tNs$m&ypqh#>{28KT85p$A^t<>SV3(^+kt}z&Ns8XR>qA8aKOZ>KRNr{j
zHtYNU(jjZ>>3GZ6v17&?)47vRO)_yeBKoOf|5*PdekZc2{?q5c&!BuKbjF-|HN=~4
z>MCO4C@n1TUtU(s_N(kiSWzt<ryb8?^ITqRtJ#`?lTR~ChHP$~T+z{KI$c&oNJ+CR
zYjcQZkP<HIx{CXn$t-pg4UCS{XIITt{5zrtBX%K;zxsQc`#-%mSV-gQCu7`S{^3R;
zjlYfJQD?Oi{v2G!FOLh1D~-QHZscF>guB4YVvhcNqmag5N4c!eG=`Q!N>_rRh2uz9
zf}w@uNLPZPh2uz9TMR9Ql&%CrON^PWwisHtKhl+8XyG{0mEa#AYpYDx&HS}O8u$Kj
ziTm@$Kp~C0elK$W?(9S%jk~{S#WP)<@K4}kx)@g)??P^TUY+p$--<luOL?M@#v=M;
zxvbALh88~CNLPZPh2uz9f}w@uNLPZPh2uz9TMR9Ql&%Cr3&$+C6NVNZ6X{AYv~V2h
zN-#Ssq7NQ1+xULuA$#6G*z9A^*#G!Qlka~#J907Yzjs*U{!4$VQT$p?oV)gHWn#@^
zH*!6Z8`W#|6=%k|8+ltbJM{@J-gg^aoTrU0?%zaL)MMOTqH7&jTU~8)p=%v)qKo_2
z_j&YYFXtLE?mlXD(VAD&y36BrqxWIjfA)B*{x`p>QT!9Vao<1xzRz>7jvmWLxqSW6
zhb^vidd&4iE|2MyyOFo0t5cuQ#rtlfi}%<@7x!<Xi^sIl#kn@o)ixKp*6}8~xIfir
zUwW4DJ%0LZ&FkqLI?utN*C|H^zHiYp)J^+f_t6g8MlaAF*gf<dR{OBpf$ugtKrhn?
z*c0?B9ipRj9QHV!g!d4)C$aM)F5@ZKQ>3H%8>GN0U^qirl3*p$;61~wh8+XkL$E`1
zo-7)nB5aW^Vl{--d3-HY+)ig<&!Xyf>Y~%Ir?GmTUZFnNKI(z@Svm)M4m&$(7xlvS
z(wnrK_LB;$l1O_I+XLG}GQ4}am9g^@`qg1|%F{tSnaz_)NAP6UqyinI!*l`m0`-$X
huh9VP01cyq3=P5#qKgcC!?43x9l(sbVY@NY{{X^CFLD3?

literal 0
HcmV?d00001

diff --git a/public/models_light/key_exp.glb b/public/models_light/key_exp.glb
new file mode 100644
index 0000000000000000000000000000000000000000..b194aab5229c8085c5e7818f669c5b4122711e89
GIT binary patch
literal 4332
zcmeHI%X3p@6h9X5QJxAYph&nNprq-2KLVk)>4QpXN?RCaI-Sl<dYcB*q~6>hOz7y0
zYgaCrap|y97cP8EVWZ<8;poDJ3&9!v1AP3xlbhSyHnIH!XeQ_WzVn^e@0@efVtIPF
zi-?{aAX<Eu=$)zDctdh)H7}6T4XNl=Jl_qfzLb`(Ec(?-wU#KtB{5L;D)XM7812m^
zZtE!}WolAVy6yS3QndnOH6=?cNy)ntcom_lU9WlbQhG+Za(QyDTq-UGwYlYbr4ZEJ
zvNRhvob=wSm;7xSiyGTSgu0moDH~FuS{4julq5b#R;qAS!Cfh>T8d>@DcLkM)zKA2
zOG?4rWe*INt1ttnin}C^6MS5mT>-0F0d0}eN{DKlB($62JGfQnJ#it=t|S|+AbgpU
zWktjd4V2jxl+-#kq$RJmD5d2naV@Bp^YBs8&ql1FTTw?0QR}+$lagNz+<-?k(<7%W
z*-~WFR&CRE49ifHviNLLqrSj*E46aus;6vIv20CNEmOB0)l3>G3$Zj^)n!XnO~XuT
zDa({~Ly;|8S9C|QnCOxlcz($(H=8zJt>??$RB2w!JMimXRPfc%Zf@T7-$lEY^Zr#Y
zaLeUVVX|5;E>^r6LNuhjTl2DFzQb;T_jE>1$&RfXrr{`>X<4d*TDGeb+p!d;X$8b6
z{8q+Dm(pbZQxr#)9o2Ts6){FJJRW;Aa-qTW#M`m#mzGLF>2_$~27zD7*8_2ENE5lK
z(dp6LIFEijH+i*xj5ln0=w>#Tn;e{zv8<S9sWM+G2p4Q>tCwQb++4SSt6J4>HaA~i
zSn&KCCGUL>TBt59S1Vp6nC1mH6if}TMjcz8wp0=Aj@Z|fY$%T7*s6gps+wci=$@h&
ziVeMn*G0D+OElEbVTM0TRvZhBHU<9@UVgDzZGt3O-Nq?=;cg6NHQw=f-FU~gs{8-k
zL2LW&%{MHb9X;Oc&Pwi@Vq-VL^i$dXvHnR(EWuiY_#Ai!`MZHP=2eOTUUA#hVGBiW
zVS#^cMKISdieFw$cT7wh>&-LV+LwcE*W0i#`FLi<Qtj<0*GyCzcULtTRN~pSwLXMB
zh!Iy!Q^&q07Q2ZCM#t%kYxXMs1<~gtZYGYu`Foo6pWPqK#BuS{G1ljQx|xaN??ZdU
zS?z?sL@w*M#~G0;j(>n}s9)`byO3Ad9Q*ZVCXT-ieMOyd3@(`%uLy$+<B(T`!G&?i
zE5hKyIONq9gG(mHE5hK?!h%;@3@)q>c|{mp7>B$f{PSaDRq(o%zMhHW-ajw1K5Y$T
z;<)RNEbI3qCo*x|{Z-Rm@alwrK`y~d<cj0n@NLbj6Mpa{%Qj!D6PY-cQK#?~b;dEc
zaBo9i5e65=A+HF73*(Sigu#Vz$g3>|mrRUTgu#We@a=@bg>6D!5e65=A+HFFSrL8s
zNXYt+BM-&%!J$T<c((M9k2d)Jli86=asB-x2J0{XrHA%wJ}uw1XVVjBw%wd-oo^Vg
zSy#)m<-0j=GiIkck&EkY!;AB@;l=tbc!f2#s*8AS$kmotTVL?nkT>GR`i*rSyVc9N
zhOB#!npHIW)o|{yy=nD6jO)*xXvY8UcRjRUR~zg8`S%0%y*7G09s2V5<ByuT&YP`V
z>wMX!lkeudO<tYq1TU_;4KJ>-4KLPj!HaF$@Zwxs@M`M|UK{d8yjUNrvoGGu)*e57
zHv9Fo51sp9(HoQ^3*Wct8S19}ko##D?VuNFFXUc&9;f{{?ZS5l9i&(2B;-kYjSkZ>
zIstitPC<K^<tf~}gk?Mpd74Z_f0Hyw4H?c-k`zdV3~0}?G;m`f_YmX|T_A@>C<~dT
zOE?YTbOB!n5qHu#$a9Fgle*{(<Qbe^pjW96vX6S8eU8pUp2y9zw3~V%d+9COLkCEQ
z)Jdj&u<e2DAr;zvELGgRjCxH-lhSkuPa)G}(@{Kyv?)W!=?Gnfyh!~d(d#q-IY7gx
ZAVGtWgQy|_-7w@ZP6yGWZpd!*^gjgXEj9oE

literal 0
HcmV?d00001

diff --git a/public/models_light/secondary_exp.glb b/public/models_light/secondary_exp.glb
new file mode 100644
index 0000000000000000000000000000000000000000..892b80209ee34097d19c62f7668d26efc9d34310
GIT binary patch
literal 4340
zcmeHIOK%%h6h5R6AbmnxXbYw8w6ujf&b%LP-H<qshNf|vq*bLTipI{wadGT09+y^b
z1QKgjEGw}@T@@BAcqr`##E(F*V8Mcd1QJ^w-#s2rrio4R0~*U`zI*O@ednBUisk9y
zE+YDCKhg3|qPM4V;|<BJ)x1DTH>9Fh@q9O^`chiDyy#ae)mowmm&8EXtIT_TVzf7x
zxTU9*l&MKc>6Yi$O4SOC)s!r)Bqi^5;8ldGcCF^kOX(Tu@}<eSa;dl&)aI7!l|oQ=
z%hGJzaMF9XUh=nSENW~Q5$a|Vq-;oqYFRLtQIhx|S*gNR1$U&hp=*Yc(iKfM4ck^#
zGbsgkmOU_7uEGqQD(;dvPKaYlmKAAbb_L981++#=D<P_JqR@7V@8DXU_r!%fyOM0Q
z0`VmWS~E~)S5Q{Vydf=lwM8i{N6BkJwVa2Kik>!NP2G$>Vu)HdP)JICHE;tS)l83^
zvSdq<O<T21+c7LdP0Hf4L5&&%->uZjEmtFDXo~D;hGXf93Y0Wb7D8#ds>>F-X_!ef
zrP*k&p(>W8tB%T4m)yYfOK!Q@w)tv3U-qU-^J40OU-zPtuY`7U^RE96hOwOYuXur5
zE|&_E)p~KU;?)qMA?4kgmlabUb_=|%Gjd9HY~3&oN6}2nQWcc4Rh`(8r7%q^Aco<$
zGDf<TCi9=7II8TZwqve{L5lJ5;G>}n4dy4_k!8QMR0>MBLIXDl{8GLih+{*V$W4t-
zkLJdC_~W_BEB#}<W79)7vbo&k;G8U_RZO&0nJ*QDi-v4rkHoOKxo!bhwW{B2Zoa;-
z;Q7}}-g_LhP+eNCR=i3u&1-HbV&x0fI(9v6sUq5Kv9T%HP#njxRRdjAHOH{gJw-7T
z8+y%BEZuS}(NIH&8U8F;aV#|26#Ps02@reLCP<RiZJff_?)p$x<1LTZjkj#Gy8q7|
zw6^Zve8=M1(c_KotmLjKHg+RSKb7qt>z~9=L{eId5T66jAb%(D#=J@~z)NnMI&7iH
zEiCYlt_bG(Me+Nq>5hqMW4(EXoBMLGt$G_4CLhnNSgO7C<eG^}<L;^^gGxNRw$_KR
z2QlKRY3kV5L?W@+O*Ak%PM=-1SMjfi9*nq|IR5JIY1V&wZ!i<b#ZSgqpa0=TCXT-i
z?Gb0S6aE~ztY02yM6Njg4!)s&wG-|_USV_e=Np+g{yOv(b;dEcWMaG`3@(gAUJ(Wt
z#v!i=gA3!3S6d7&nHaAKgG&nwUTrbBus-A!VQ^s_@`~_}kBwEq>t^~|CXRdmxWxLj
zHIRwpuHUn)-<_Pu#Bui*O?$zs6aERg1TT>*j(5SgHLp(i{%={f`BI(8#IcMzg|DbH
zj=_a{8}f=UxG)ZRMHpNdhrA*TE{sE7Z85lHV!R>@E{uh5Ck!rZ6Y`2MxG)ZRMOe&=
z=z~W>*1sQlD4zEZHu}V~rGI>+!S^4}j$DlE?;SQ+f9X#>v|saS`K~>io;b7Z##~SM
zhVhzpwLDwC8}l|}cB&J(xb8N*I8Pg1tlxxJSYxZYh}XJYZF#lz1+R5^BVMduU+2-A
zy_{>vy8EbEMYCTG=PuiuR`0{O{_OE){BM5ML;ELcW8FXhzR$i_M~|gLUp{~IVKdh`
zvz6-!U$*JwyD@K*SEo9`i|cN~i)(Ddi}joEVw*O+IM*h;+WLamy1WrD*2n7Xi}$j%
z$4{Tlem(6&=RR2UI;F_M_bqycx@jNeKH5Rs=mpvXxrd&^X&+8I@ZClS=w&(qd4gW0
zLv)mmLmsD-&>muW5;rem8Bal;A`{WyAPrJOhBK5T1yUgc+A}N-+*rsx1UW?K$)OR-
zLT2eAPD41I$Jar`?Q|CMETV3wE;<c)8mH&!73zcRqaJ9VrE`$yaI=$kQ7>dKy-B-i
zKk1M<$+Q=?J&--5Lc5oxikp{EuL)^VnhxSAWSVR`f~Sx+W#||krVEf4sGlTyjRqhG
cXc!eFXb^G`RV1Jrh8)J}0D9C7*^Qq52ZS;%j{pDw

literal 0
HcmV?d00001