https://matheowis.github.io/HDRI-to-CubeMap/

Image converter from spherical map to cubemap
https://matheowis.github.io/HDRI-to-CubeMap/

react threejs

Last synced: 3 months ago
JSON representation

Image converter from spherical map to cubemap

• Host: GitHub
• URL: https://matheowis.github.io/HDRI-to-CubeMap/
• Owner: matheowis
• License: mit
• Created: 2018-07-23T10:32:34.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-03-19T11:48:25.000Z (about 1 year ago)
• Last Synced: 2024-01-15T05:56:58.865Z (5 months ago)
• Topics: react, threejs
• Language: JavaScript
• Homepage: https://matheowis.github.io/HDRI-to-CubeMap/
• Size: 3.33 MB
• Stars: 422
• Watchers: 12
• Forks: 73
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-threejs - HDRI-to-CubeMap
• awesome-web -

README

        
# HDRI-to-CubeMap

It converts spherical maps to cube maps

![cubemap](https://matheowis.github.io/assets//HDRI-to_Cubemap/cubemap2.gif)

live version on https://matheowis.github.io/HDRI-to-CubeMap/

Just upload a spherical map (.hdr, .png, .jpg) => check out preview (You can rotate both of them) => save it

you can get some spherical maps at https://hdrihaven.com

# Run it localy

It works way better on localhost, I'm tring to figure out why...

navigate to the root of this project and use these commands

```npm install```

```npm start```

now it works on http://localhost:8080/

# known issues

When You are out of RAM you lose webgl context, you may get black screen when it happens, than the page will stop working, and it will require reload, if your RAM usage is still high, You may be unable to view page. If Your source map wont be higher than 4096 px, it should work fine