I've been struggling to implement normal maps in three.js without success. Despite finding related questions like Three.js Normal Mapping forcing mesh to not render and How to make a normal map in THREE.js correctly?, they haven't been helpful due to being outdated and no longer viable with the latest release of r71. I attempted several methods, but none seem to produce any visible changes when applying the normal map.
You can view what I have tried on this JSFiddle. Below is the code snippet of my attempts:
renderer = new THREE.WebGLRenderer({
antialias: true
});
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
// Rest of the code continues...
I am wondering if there's a mistake in my approach or if there's an updated resource that I should refer to for guidance?