diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/chatbubble.jsx | 4 | ||||
| -rw-r--r-- | src/components/ground.jsx | 3 |
2 files changed, 5 insertions, 2 deletions
diff --git a/src/components/chatbubble.jsx b/src/components/chatbubble.jsx index a9c0c85..8e1dfd1 100644 --- a/src/components/chatbubble.jsx +++ b/src/components/chatbubble.jsx @@ -6,6 +6,8 @@ import { Html } from '@react-three/drei'; import { AppContext } from '../App'; import Color from 'color'; import { Vector3 } from 'three'; +import messageBubbleModelURL from '../../assets/message-bubble.glb'; +import { meta } from '@eslint/js'; export default function ChatBubble({ id, position, text }) { const meshRef = useRef(); @@ -74,7 +76,7 @@ export default function ChatBubble({ id, position, text }) { } } }, -2); - const { nodes } = useGLTF('../assets/message-bubble.glb'); + const { nodes } = useGLTF(messageBubbleModelURL); let color = Color(active ? everforest.blue : everforest.purple); if (activatable) { diff --git a/src/components/ground.jsx b/src/components/ground.jsx index cc128de..c83aad8 100644 --- a/src/components/ground.jsx +++ b/src/components/ground.jsx @@ -1,11 +1,12 @@ import { useRef } from 'react'; +import terrainModelURL from '../../assets/terrain.glb' import * as everforest from '../_everforest.module.scss' import { RigidBody } from '@react-three/rapier'; import { useGLTF } from '@react-three/drei'; export default function Ground() { const meshRef = useRef(); - const { nodes } = useGLTF('../assets/terrain.glb'); + const { nodes } = useGLTF(terrainModelURL); return ( <RigidBody type='fixed' colliders="trimesh"> |