Skip to content

farohan/3d

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

3d

Dive into 5 different 3-D Worlds with this site: https://farohan.github.io/3d/

Languages Used: HTML, CSS, Plain JavaScript

I used absolutely no libraries or frameworks for this project.

Warning: Not intended for mobile devices.

For Developers

Search for "high resolution equirectangular images." When you find one that you like, go to this website: https://jaxry.github.io/panorama-to-cubemap/ and turn your downloaded image into a cubemap.

Image download guidelines:

nz - front - 0

pz - back - 1

nx - left - 2

px - right - 3

py - top - 4

ny - bottom - 5

When you click on the "cubemapped" images, they will be downloaded as such: nz.png, pz.png, etc. Rename the images to numbers: 0, 1, 2, etc.

Then loop through the numbers, which will paste each image onto the screen.

This may seem difficult, but trust me: In the end, if everything goes as expected, you will get a smooth 3D experience.