ektogamat

// 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>

sketchpunk

/** 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

imrobbiegreen

// 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

0beqz

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;