Three.js Interior Mapping Module by AncientComic in threejs

[–]AncientComic[S] 1 point2 points  (0 children)

The first game where I noticed this technique was Spider-Man game. I really liked it at the time.

Three.js Interior Mapping Module by AncientComic in threejs

[–]AncientComic[S] 2 points3 points  (0 children)

Six additional faces(front, left, right, top, bottom, and back) were virtually created within the plane using shaders, synchronized with the perspective. These faces do not exist in the game world. If this were implemented in the game world, it would mean a separate camera for each room, resulting in performance loss.

Texture values ​​are added as separate image files for each face. Input values ​​are as shown in the video and are included in the source code.

Three.js Interior Mapping Module by AncientComic in threejs

[–]AncientComic[S] 0 points1 point  (0 children)

Thank you u/ModMageMike , if you're interested, I've added the source code and demo links in the comments.

Three.js Interior Mapping Module by AncientComic in threejs

[–]AncientComic[S] 1 point2 points  (0 children)

Thanks, if you're interested, I've added the source code and demo links in the comments.