Anderson Mancini ektogamat

What i'm using in streams and while working

	// Created by Anderson Mancini 2023
	// React Three Fiber AutoFocus Component to be used
	// as an extension for default Depth Of Field from react-three/postprocessing

	// HOW TO USE?
	// import AutoFocusDOF from './AutoFocusDOF'
	//
	// And add this component inside the EffectsComposer...
	//...
	// <EffectComposer>

	/** Using a faux sphere in screen space, determine the arc transform to orbit
	* the camera around a target position. A continuous orientation will
	* be provided for further calls.
	*/
	function arcBallTransform(
	scrSize, // Screen size, vec2
	scrPos0, // Starting mouse position, vec2
	scrPos1, // Ending Mouse Positiong, vec2
	rotOrientation, // Current arc orientation, quaternion
	targetPos, // Position to orbit around

	// Model 1

	// Model 1 Maps
	const s1RoomColor = textureLoader.load('/Threesources/Textures/HighRes/s1RoomBaseColor.jpg')
	const s1RoomRoughness = textureLoader.load('/Threesources/Textures/HighRes/s1RoomRoughness.jpg')
	const s1RoomMetalness = textureLoader.load('/Threesources/Textures/HighRes/s1RoomMetallic.jpg')
	const s1RoomNormal = textureLoader.load('/Threesources/Textures/HighRes/s1RoomNormal.jpg')
	const s1RoomOpacity = textureLoader.load('/Threesources/Textures/HighRes/s1RoomOpacity.png')

	// Model 1 Flip

	import * as THREE from "three"

	// credits for the box-projecting shader code go to codercat (https://codercat.tk)

	const worldposReplace = /* glsl */`
	#if defined( USE_ENVMAP ) \|\| defined( DISTANCE ) \|\| defined ( USE_SHADOWMAP )
	vec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );

	#ifdef BOX_PROJECTED_ENV_MAP
	vWorldPosition = worldPosition.xyz;