soaos/forum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finally fixed stupid preload issue lol

Browse Source
This commit is contained in:
Silas Bartha 2025-02-12 00:44:55 -05:00
parent d447b608f8
commit ee22562c8e
3 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.jsx
View File

@ -7,9 +7,9 @@ import React, { Suspense, useContext, useEffect, useRef, useState } from 'react'
import { Physics } from '@react-three/rapier'; import { Physics } from '@react-three/rapier';
import Sun from './components/sun'; import Sun from './components/sun';
import * as everforest from './_everforest.module.scss' import * as everforest from './_everforest.module.scss'
import { Bloom, EffectComposer, GodRays, LensFlare, Noise, Vignette } from '@react-three/postprocessing';
import { AdditiveBlending } from 'three';
import { useGLTF } from '@react-three/drei'; import { useGLTF } from '@react-three/drei';
import terrainModelURL from './assets/terrain.glb';
import messageBubbleModelURL from './assets/message-bubble.glb';
export const AppContext = React.createContext(null); export const AppContext = React.createContext(null);
@ -55,8 +55,8 @@ function App() {
setMessages(data); setMessages(data);
}); });
},[]); },[]);
useGLTF.preload('../assets/terrain.glb'); useGLTF.preload(terrainModelURL);
useGLTF.preload('../assets/message-bubble.glb'); useGLTF.preload(messageBubbleModelURL);
return ( return (
<> <>
<div className='dot' /> <div className='dot' />

2
src/components/chatbubble.jsx
View File

@ -6,7 +6,7 @@ import { Html } from '@react-three/drei';
import { AppContext } from '../App'; import { AppContext } from '../App';
import Color from 'color'; import Color from 'color';
import { Vector3 } from 'three'; import { Vector3 } from 'three';
const messageBubbleModelURL = new URL('../assets/message-bubble.glb', import.meta.url).href import messageBubbleModelURL from '../assets/message-bubble.glb';
export default function ChatBubble({ id, position, text }) { export default function ChatBubble({ id, position, text }) {
const meshRef = useRef(); const meshRef = useRef();

3
src/components/ground.jsx
View File

@ -2,8 +2,7 @@ import { useRef } from 'react';
import * as everforest from '../_everforest.module.scss' import * as everforest from '../_everforest.module.scss'
import { RigidBody } from '@react-three/rapier'; import { RigidBody } from '@react-three/rapier';
import { useGLTF } from '@react-three/drei'; import { useGLTF } from '@react-three/drei';
import terrainModelURL from '../assets/terrain.glb';
const terrainModelURL = new URL('../assets/terrain.glb', import.meta.url).href
export default function Ground() { export default function Ground() {
const meshRef = useRef(); const meshRef = useRef();