teoyoung

WebGl courses + tutorials
---------------------------------------
1. Great GLSL course
https://thebookofshaders.com/
https://thebookofshaders.com/?lan=ru (russian language)

2. WebGl basics
https://webglfundamentals.org
https://webglfundamentals.org/webgl/lessons/ru (russian language)

dghez

import { MathUtils } from "three";

export default function distance(width, camera) {
  const vFOV = MathUtils.degToRad(camera.fov);
  const distance = width / camera.aspect / (2 * Math.tan(vFOV / 2));
  const heightPlane = 2 * Math.tan(vFOV / 2) * distance;
  return { distance, height: heightPlane };
}

ayamflow

var cameraZ = camera.position.z;
var planeZ = 5;
var distance = cameraZ - planeZ;
var aspect = viewWidth / viewHeight;
var vFov = camera.fov * Math.PI / 180;
var planeHeightAtDistance = 2 * Math.tan(vFov / 2) * distance;
var planeWidthAtDistance = planeHeightAtDistance * aspect;

// or