From 7c1304f15914b22a35152fd7bbef827ea8f02f76 Mon Sep 17 00:00:00 2001 From: Christian Beutel <> Date: Sun, 17 Nov 2024 18:08:01 +0100 Subject: [PATCH] adds sophie --- web/src/lib/components/mountain.svelte | 9 ++++++++- web/static/audio/sophie.mp3 | Bin 0 -> 7405 bytes 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 web/static/audio/sophie.mp3 diff --git a/web/src/lib/components/mountain.svelte b/web/src/lib/components/mountain.svelte index 41c6db98..93ad47e9 100644 --- a/web/src/lib/components/mountain.svelte +++ b/web/src/lib/components/mountain.svelte @@ -9,7 +9,10 @@ Command: npx @threlte/gltf@2.0.1 static/models/mountain.glb import { useGltf } from "@threlte/extras"; import { backInOut } from "svelte/easing"; import { tweened } from "svelte/motion"; - import { Group, Mesh, SpotLight } from "three"; + import { Group, Mesh } from "three"; + + import { interactivity } from "@threlte/extras"; + interactivity(); export const ref = new Group(); export let rotation: number = 0; @@ -20,6 +23,9 @@ Command: npx @threlte/gltf@2.0.1 static/models/mountain.glb const component = forwardEventHandlers(); + const bark = new Audio("/audio/sophie.mp3"); + bark.volume = 0.5 + const sunZPosition = tweened($theme == "light" ? 11.7 : -20, { duration: 1000, easing: backInOut, @@ -209,6 +215,7 @@ Command: npx @threlte/gltf@2.0.1 static/models/mountain.glb rotation={[-2.94, 0.25, Math.PI]} scale={1.5} bind:ref={dog} + on:click={() => bark.play()} /> nv+p-E12g0yN*G~)AtN~|!jN+sGAKEVfQU*E7?7Mnkf0#okaLnGO3p|U z6@Q>)K|xT0D{`r@0e>wgO_%9b@8R{zOsYwWniHgEn z|1(1=G=`X54&7!;NjMq;%-`2tP^sKj>deuwvf;dY0iZ?z!+9)0H-$v%Xb zXeSs1PuusxQ6!PL%*7q^8&Gy>JN^N=0h1*l}g zzwGF;!@t9zY`oN`?S~vAZ@?}9i-ZAo7q-!VUMVmamWQ2ah>;7zBnqLze}@x>2Phss zQlRfgh@!(VKmF4zc4jp+Fj@is0GL?9{iRdyF)OH?jeQ zrG)_195eAxy9vWVAd&G(sl*RN&*eZz!ycTxmVJDBtLcb*d?)cbS+az*fstN@6O$b& z9LAW%kDAGxE+6BcNoe0SaG3DVEyLB#4xAOcg5MrJ2gjWCfc{YMoEHQmQk$a$x(w2< z=WcwSuW4b+(Gf~%_nQ{!`FUSLk+1!@22hgP{C>XqkI}P|Q0L$0l?Ud|qJ2qyN8mr{ zNXhw2{3jrldNKDs83V1Eu7lkmElxLJ8xo`}ih(=)zdUpai>lwN-yd8%{skZA61I^~7^kyb=>*dfwhq&#^3LAFyvZ;?U@7;!hllm?W538`iw3)} zC;XlpxnEvht~nrwD6Q~MN2xN74>a~Ijf{MFUH|l{V!2E(D~)4x#0{DuWv7ak6-WHa ztm>!8y4;xV!}Rc9purYIoy=8HHugNhi05s2A&vCGKhj@ zGEgxgXo#|g>ORmiE!t_15e^KpZEn^QHAwWj*GIOX&8b$eL1F zecJweL8We`wI&0CSHr$d5g&_CxNf{^RivEkS0+zsp{wuDyRvTIIh>H%A=*CYG4OLc zk_ezl=&{83zO&J{2I_mN#%l`p@6ovQKnB=czc|sY_2$bMqV` zNj|w#cR#$vv55o?Ko$U-PF+VusRE2*bFpIpxv7c&bZ@fHkuMURe9O9dTw>@iHb|x*$jw~lm8yIy5NUdpcU6jG&U&x$SSne-2-^vFO%{;U(=L&QN*+JF$ECA9!} zlZ1VZ>@+lF>$1^EM4y|iqXs;a@|j#X1i!VBv@9n!Wb_~cuhKQy6H!!80jCU%*Ur%6 zcq;sI?eW%C)}oYlQAJ)gv3*iE)rZl&;}wR?=GTh-SAO3J3l+Bi@M25=&M9tOc$`+5 z5nt$m6kO3#kTCuFj(4;9&PZ}Ya-@6|0I+ou*;zh6ZzjIfM{BF~?zRml4W++7#|9Qf zybXSCu4zRUyG)l06;E8rq82D}Lo>$H?7M9!tLZbQYVgkJf0&=7a#WK#NPJ>)G&siG zPV>xC*H4Z`Cf>b^85?^m__oJvZ^q$!34@=X=JkG4zJ`(aK0h%x38sDjgwnc(=M@%W zSgUzURCIz1fL;lxFhxBydh{Mu*HxKVo|+oTTxlOOWXYmDh+PI+Nv6)%Q_3mxK_ z9|zvCCRZk*LX4vB{URwOwn7L~u*pl`kLZNr4i%htd=5V6%+l0O6lrxw^Og7hG-bS{ z+jwrfVt1hbc0|4OnwPu3cK>Wzk9e5Fgj<>pvNu&ueq^|a>LJTHcipQJJ3t_nqzSJe zvb*mYsC#3?V~Rx#Jjr+Z5(&$^I&-2MA{*vjUhTI1lD1_=KXGHr-G$ThRe$ch^Ty0g z_t#E}4bg<7=8&->;h>rZe^ya)X%osj;t z7lGAT0GyBb?XVE>^x5iEL9q1c5R3ypwhmUkdi5~J*(lCE(ydVhbiR};+z5h!6sPV5 z5z+w>Y)z$W^6^dabn4$vU3uYqPEZf=oQRjXvQ7ZG2@ri$Lw3GHf0xLw2l?? zk11i$&_g`!k6I#H2Ca|}0NEp!UrbI=McQY>PQn~-t*9Z1x~WKkRr?9QQ(YqEyuEHx ziMSXw!C3e`aZy_h@FJt1z(c-C{&PYqDT{NfU>7S3B^MpPy;%H1!VC0_lK+paqyB8r@UC5CTZhAL&G;mh}^gbsH5 z82sa&SeuZ~r+on?IfRsZgrqlMTW-Ing6;U&%tdU=Pxz!ITlIQ5y*Mk-9rI!BDM$#~ z)_qvj6lc4vY&?_8oMAFjdXG_T`!ERna8zG%83gwQ{h~5);@>sHOMk!<7;(xWZ%xGu zb5?M$o_M)L^y@dhCG8=Gnvz(N3{e0OqyPO5peUq$wj%?9CUo+9eufFaxJgLuqWXZi zLUQ%-JgX&|u0Ia?gon~dS_TQJ1UkmXJ-074r-&G{-oi}sNAd`qMX)`5$cB1h;pR&YCbHlsuIHQC3C z{r-zMKDAMwKVto1;i<#47J5jwS){RO7-HX-&7PCni<9t?k0ig^P5zlwqX|FZI>`~L zF9L$+WNm5GG@fn+Z)M9b>q!M%g5?!#s0=sP2_jeIw!3j-`@c5`Gv8GdPvi>_l~FK& z2r2Tglc)^(Lx{z(&}h)k1tE71iFge7D>K_l4?VPgQr~N}=_UG3{^Jx${RsA$sgOEV za;L)GTJhcf0Id9l>etv*HHW(^=kPaCp4Uz{Z)Tx<2d-vr?CZBc0NV7|$J;1@wdh3( zIxQF?jG@|sjZ*)F`AkJ{ruE*jN^cJHi__rb-O%&5(TH%3>VtR3QS4$VnGZ>RI4;3A zI!Z0yt4ncC)YP1N-~SDseNjAZ#BQm0%;HsvB)MgF@Z<@8!yn0YDY#VCn4s^R1^pc6GHa8s?i` zuJo%j^<7$>=@J;Nx-I_lH1u@6du;DY`E7bDwypO4S7+Tz9A0w+gA0}$96=p^#Q@rY zo1vrqQF;5(YMACR-GnSHQHn8yZk~GdM{v#69Yz(Nq+B5!?AhmMs@tpH;HvE6Ds-)G z_sd-wl%i;5_;Pq5I!TBvHPJ<`FGfL(X)0wu{#@~A^SKEw^oiqy&OLnqqaIa!f`%|N z7muraN_UA1_irwlV2kSt56O%L1jV#(kSjeJqv9phpvXqdt0lQ?41{dHFbd8q2kpuZHLw z`Dgg<3vqBOd*H9d8bUehHD2M2d~xDRK*SWI@kQO_4Nhyb@4M3;oy8E&J7Vq7VkWe| z>jC;vu0LWo2|$+ljZav#+#E>Dy+uo#$bI^ZHbuP)wt0A(GI-_-ib&#=@GA_OAx+0* z8Îv9N$tVYD$YnN?YeZ(E0Mx5%kPpB!wo!+F&PkjMxkLaoyX43+lohllj+GVe6 zWN;o=r$#$rji62w}Oq#Ocy9xF7g+8UsVlNo|2QlJ|cb`PO%;~=&6T%$u1yPG_e7m&M z|I~0@%@g~HR-yX*)?O4K;A6&~DyJLwRrqC4rQ^M-)qLZd;^NQ2k5Wkkq7XHV%=P*m z32%&y=kJYLsp!;AWWABkZ}26@NI>43F~3g-q|>D}kx{I_%Dva0gCCr|FmXB5w1?N0 zm{K0PrK-nMu?5q4Et6Hg2#^7vpL?y!+ht{>VGB@Q^A>jGIm)@apQxwpDg@nzV6x zrUmY!Q{lf~n{S5}-x=bmYa=w3p9g^Fh3!IXNG!x*xVR*7nB>8(6(Qj?TB{DGguGxZMftr$AFs;L5v@flSobVms(qK@5xgHTk%HyjCO0l&`&=r5mjk(gWcSU(`f`wS&PW#?8oTg z?LTqxD*)M*FuD+~Z`SUlp#1PH@^_O;m5W>(xfnkAeJ=V&`9orf^cCJOLXNdWQ-MI1 z5Tpi^uNayOBbZWsQp&X}Dv0+a{jmVJs9-Iap4ycA^M(&njJo}kyg_HT^Fv!q@B9;e z;oC3Zk7B0ZeD1&o(Om|#QL>YAblxD==SJazzmR%h-LNlu|EuEpRS&~oB(-}qcz~9_ z^&uMI6pO_>J;7tS_$KBehd)IUH{H}F_)xfLkJU&PC+o46_#e%rGUUx6s00$yB(R`s zj;krIjMeix^Me?8;5Cnlt3guQI(&RfL}l+LtzQlW!L$q`>}Bwun@v)pGqEg@c4V9^ zl=gQ>fUEkw)*R`$bgOkvlHQ(QPXy5xv3G=YR}8}sj6m?r#(k(Dl!c~Dnvm>NFd(`| zPNtDuAo&6_(Pp&7XxJxGQ}Jv3LUBzvD;+9bzJ+seK*XRtRRG+C(fYuma@``o78(x0 z-J?idQ|*`XyhH1hl~j?^9Hr@Eh!RocqH-p)q+6#_-*twEmYXh5i>2}#7{Kyg$^3E9 zDju>dYUa<80%rk}Y&msNk6?YHU&?%kKZ$A=eli%xiz9`zQYP*D-YkW=-CWfWKvGgNnBBgp zrl9Op{1W`p>YC0DP*Nm0ejq}{RVxY4ah1ooLoj+bq0VTp@cPNo4XPabvv*^L{J}%^ zHV@WWM9Ko`8g;BzSORfIt6W5<=$`PBT9X^Hl^5G4kjSltw<8x%jwaO0BT}o{Z zOQ?=!K4LF~%e<(InJ6n;Iav=Vm!8~s=Q%PyGhTG_%_(>mOqLTDbtRWL>$~V&Y7uNQe>a2jIJOtpNzNfk)y)nx(XoWIkd-eNnk1ALqlwG~(7 z8RrX$_8OS50_{S<6Q6o_PQFKv#adHlKC*IfaJ>bn6y<%zn;0=KMq<3 zAk{qMLDV`(mzdcqd)^>&)dr1C`7!%QuF~MB%PZ)^VZO{g8~L1B()ZID<)x#YL#9+S z(hH|MC8tAV!u>2KZ)8lrJ*@xcNub{hzXmGN)oCB}p&M0LL*a_BYWz~Y)!*SfhTsD(?)QYElHpa_L+S4$x$svMHd>*4b zM5!T}ima<&aa#Y%{KB5cSf4WA(y;nO2(2HW9LI3@wR2HXPuQG5^@7;qaw?mb6yMpd zjFQ!AYJMl#<-4wrB6;0m++lMit1m|`QfwKim`?`vMzx-BacY8&+@&|*-nS`_z_#qD zGVKAO!mbGanAo14-nlL!nq5v?X(8=amc#|T1@gwvHc}D`%^L>j&k6Hw?Hx`){89?1 zY?3++RXN`k!mmYHfuVUAzT? zK5B2Ox=U2iG@EgGc|0u!!v(_6tnVAiLnu71Tlrjipf1IbrWzxLtss?7bbi|SY0JsV z>PzPQ&CxCi8VqK|56v6!m~b$p%C!znyiOqx5Ls zocn0B#=231vSIq-{x>b5xxS~tLM^L<>yFABRqO3mFC279H`##A0#ePzp?@@?o$-HN?*_k3hiAkEu^FTpI=C(|DXSz6#!2}o!%zz mERw5qC2O%z<*&y8{7@`FM7Ss&&;THb2LRar&P@K#QT_|!Xx1kH literal 0 HcmV?d00001