Skip to content

Instantly share code, notes, and snippets.

@jackismissing
jackismissing / MatcapDisplacement.js
Last active April 28, 2024 17:55
Threejs MeshMatcapMaterial normals displacement
const matcapTexture = new THREE.TextureLoader().load(matcap);
const material = new THREE.MeshMatcapMaterial({
color: 0xFFFFFF,
matcap: matcapTexture
});
const uniforms = {
uTime: { value: 0 }
};
export const getWorldVisibleHeight = (camera) => {
const vFOV = camera.fov * Math.PI / 180;
return 2 * Math.tan(vFOV / 2) * (camera.position.z)
}
export const worldToPx = (value, camera) => {
const worldHeight = getWorldVisibleHeight(camera)
return value * worldHeight * window.innerHeight
}
How To Gulp + Sass Basics
# Crée un dossier projet et go dedans
mkdir myProject && cd myProject
# Crée un fichier config npm pour sauvegarder le nom des paquets installés.
touch package.json
# Installe Gulp globalement
How To Gulp Basics
# Crée un dossier projet et go dedans
mkdir myProject && cd myProject
# Crée un fichier config npm pour sauvegarder le nom des paquets installés.
touch packages.json
# Installe Gulp globalement