diff --git a/apps/web/src/components/ThreeHero/index.tsx b/apps/web/src/components/ThreeHero/index.tsx index dd236bb124..4a11ed2905 100644 --- a/apps/web/src/components/ThreeHero/index.tsx +++ b/apps/web/src/components/ThreeHero/index.tsx @@ -16,7 +16,7 @@ import * as THREE from 'three'; import { useRef, useMemo, useCallback, useState, useEffect, Suspense } from 'react'; import { Canvas, useFrame, useThree } from '@react-three/fiber'; -import { Lightformer, Environment, Html, Center } from '@react-three/drei'; +import { Lightformer, Environment, Html, Center, Stats } from '@react-three/drei'; import { Physics, RigidBody, @@ -113,6 +113,7 @@ export default function Scene(): JSX.Element { + ); @@ -201,7 +202,6 @@ export function Everything(props) { - ); } @@ -210,7 +210,7 @@ function Boxes({ count = 10 }) { const instancedApi = useRef(null); const { viewport } = useThree(); const vec = useMemo(() => new THREE.Vector3(), []); - const gravityEffect = 0.003; + const gravityEffect = 0.001; const instances = useMemo(() => { const temp = []; @@ -258,48 +258,11 @@ function Boxes({ count = 10 }) { ); } -/* -function Boxes({ count = 10 }: { count?: number }) { - const boxes = useMemo( - () => - new Array(count).fill(null).map((_, index) => { - return ( - - - - ); - }), - [count], - ); - - return {boxes}; -} - - -function Balls({ count = 10 }: { count?: number }) { - const boxes = useMemo( - () => - new Array(count).fill(null).map((_, index) => { - return ( - - - - - - - ); - }), - [count], - ); - - return {boxes}; -}*/ - function Balls({ count = 20 }) { const instancedApi = useRef(null); const { viewport } = useThree(); const vec = useMemo(() => new THREE.Vector3(), []); - const gravityEffect = 0.00005; + const gravityEffect = 0.00003; const instances = useMemo(() => { const temp = []; diff --git a/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx b/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx index 4c459fca45..1979b6fa9c 100644 --- a/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx +++ b/apps/web/src/components/base-org/root/BuildAndRewardSection/index.tsx @@ -8,7 +8,7 @@ import Card from 'apps/web/src/components/base-org/Card'; import Button from 'apps/web/src/components/base-org/Button'; import { ButtonVariants } from 'apps/web/src/components/base-org/Button/types'; import Link from 'next/link'; -import { useCallback, useState, useRef, useEffect } from 'react'; +import { useCallback, useRef } from 'react'; import cubes from './assets/cubes.webm'; export default function BuildAndRewardSection() {