fsylvain/generic-threejs-game
1
0
Fork 0
mirror of https://github.com/Floriansylvain/generic-threejs-game.git synced 2026-08-20 03:53:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: improved render distance system + camera culling

Browse Source
This commit is contained in:
Florian Sylvain
2024-03-15 03:04:04 +01:00
parent 7d22a4eee9
commit 1143b8ecec
2 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Player.tsx
+10 -3
View File
@@ -20,14 +20,17 @@ export interface KeyPressed {
sprint: boolean;
}
const PLAYER_SPEED = 4.75;
const SHADOW_DRAW_DISTANCE = 30;
const PLAYER_SPEED = 4.75 * 10;
const DRAW_DISTANCE = 50;
const SHADOW_RESOLUTION = 2048;
const MOUSE_X_SENSITIVITY = 0.002;
const MOUSE_Y_SENSITIVITY = 0.001;
const ANIM_SPEED = 0.2;
const CAMERA_RADIUS = 2;
const CAMERA_HEIGHT = 1.5;
const SHADOW_DRAW_DISTANCE = DRAW_DISTANCE * 1.2;
export function Player(): JSX.Element {
const model = useGLTF("/Adventurer.glb");
const anims = useAnimations(model.animations, model.scene);
@@ -206,7 +209,7 @@ export function Player(): JSX.Element {
100,
model.scene.position.z + 100,
]}
shadow-mapSize={[2048, 2048]}
shadow-mapSize={[SHADOW_RESOLUTION, SHADOW_RESOLUTION]}
intensity={6}
>
<orthographicCamera
@@ -219,6 +222,10 @@ export function Player(): JSX.Element {
]}
/>
</directionalLight>
<fog
attach={"fog"}
args={["lightblue", DRAW_DISTANCE * 0.8, DRAW_DISTANCE]}
></fog>
</>
);
}