feat(performance): improve performance of threejs usages

readyplayerme · Sep 22, 2023 · d37fcb1 · d37fcb1
1 parent 6326748
commit d37fcb1
Showing 1 changed file with 2 additions and 14 deletions.
diff --git a/src/App/App.component.tsx b/src/App/App.component.tsx
@@ -1,22 +1,10 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { Avatar } from 'src/components/Avatar';
 import { Sparkles, StatsGl } from '@react-three/drei';
 import { EnvironmentModel } from '../components/Models';
 import styles from './App.module.scss';
 
 function App() {
-  const [model, setModel] = useState('64d61e9e17883fd73ebe5eb7');
-  const models = ['64d61e9e17883fd73ebe5eb7', '64b650ef27e920b1c5ff9416'];
-  const getRandomValueFromArray = (arr: string | any[]) => {
-    const randomIndex = Math.floor(Math.random() * arr.length);
-    return arr[randomIndex];
-  };
-
-  setInterval(() => {
-    const newModel = getRandomValueFromArray(models);
-    console.log(newModel);
-    setModel(newModel);
-  }, 5000);
   return (
     <div className={styles.app}>
       <div className={styles.settings}>
@@ -30,7 +18,7 @@ function App() {
       <div className={styles.container}>
         <div className={styles.card}>
           <Avatar
-            modelSrc={`https://models.readyplayer.me/${model}.glb?morphTargets=ARKit,Eyes Extra&textureAtlas=none&lod=0`}
+            modelSrc="https://models.readyplayer.me/64d61e9e17883fd73ebe5eb7.glb?morphTargets=ARKit,Eyes Extra&textureAtlas=none&lod=0"
             shadows
             animationSrc="/male-idle-2.fbx"
             style={{ background: 'rgb(9,20,26)' }}