diff --git a/public/models/tracks/paris-bis-transformed.glb b/public/models/tracks/paris-bis-transformed.glb new file mode 100644 index 0000000..c2ca24c Binary files /dev/null and b/public/models/tracks/paris-bis-transformed.glb differ diff --git a/public/models/tracks/paris-bis.glb b/public/models/tracks/paris-bis.glb new file mode 100644 index 0000000..82efb63 Binary files /dev/null and b/public/models/tracks/paris-bis.glb differ diff --git a/src/App.jsx b/src/App.jsx index 401ec87..fa2c1a8 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -2,10 +2,11 @@ import { Canvas } from '@react-three/fiber' import { Experience } from './components/Experience' import { Suspense, useEffect, useMemo } from 'react' import { Physics } from '@react-three/rapier' -import { KeyboardControls, Loader, OrbitControls, Preload, Stats } from '@react-three/drei' +import { Environment, KeyboardControls, Loader, OrbitControls, Preload, Stats } from '@react-three/drei' import { insertCoin, onPlayerJoin } from 'playroomkit' import { useStore } from "./components/store"; import * as THREE from "three"; +import { ParisBis } from './components/models/tracks/Paris-bis' export const Controls = { up: 'up', @@ -57,12 +58,13 @@ function App() { <> { gl.toneMapping = THREE.AgXToneMapping + gl.setClearColor(0x000000, 0) }}> diff --git a/src/components/Experience.jsx b/src/components/Experience.jsx index 5f750fd..8f6f827 100644 --- a/src/components/Experience.jsx +++ b/src/components/Experience.jsx @@ -41,6 +41,7 @@ import { useEffect, useState, useRef } from "react"; import { useFrame, useLoader } from "@react-three/fiber"; import { LUTPass, LUTCubeLoader } from "three-stdlib"; import { useCurvedPathPoints } from "./useCurvedPath"; +import { ParisBis } from "./models/tracks/Paris-bis"; export const Experience = () => { const onCollide = (event) => {}; @@ -145,12 +146,13 @@ export const Experience = () => { /> )} - + {/* */} + - + {/* */} {networkBananas.map((banana) => ( @@ -192,7 +194,7 @@ export const Experience = () => { disableDepthPass > - + {/* */} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +} + +useGLTF.preload('./models/tracks/paris-bis.glb') diff --git a/src/components/models/tracks/Tour_paris_promenade.jsx b/src/components/models/tracks/Tour_paris_promenade.jsx index ff1fcc8..9e67d7c 100644 --- a/src/components/models/tracks/Tour_paris_promenade.jsx +++ b/src/components/models/tracks/Tour_paris_promenade.jsx @@ -17,7 +17,7 @@ export function Paris(props) { materials.M_Cmn_ShadowCollision.opacity = 0 materials.M_Cmn_ShadowCollision.transparent = true return ( - + diff --git a/src/components/store.jsx b/src/components/store.jsx index b9ef1d9..d197a77 100644 --- a/src/components/store.jsx +++ b/src/components/store.jsx @@ -13,7 +13,7 @@ export const items = [ ] export const useStore = create((set, get) => ({ - gameStarted: false, + gameStarted: true, controls: "", particles1: [], particles2: [],