webglstudio.js icon indicating copy to clipboard operation
webglstudio.js copied to clipboard

Cubemap problems

Open magadan opened this issue 10 years ago • 2 comments

Hi, im trying to put my own cubemaps, when i use the default cubemaps from webgl.org demo, works ok, when i used mine im getting a half black circle on top and bottom

The problem: http://i.imgur.com/EE5eXjS.jpg

My cubemap if someone can verify. http://i.imgur.com/bPKrt5R.jpg

thanks.

magadan avatar Aug 22 '15 23:08 magadan

Hi Cristian:

Cubemaps could come in four forms, an image in polar coordinates (the default one), an image with the 6 sides arranged vertically, a cross image, or a DDS cubemap.

The problem is that with 2d images (the three first ways) it is hard to detect just by having the image. So I came up with this strange way: if the image is 6 times higher than taller then its the second type, if the file has the string CUBECROSSL then its a cross leaning left. Otherwise a polar image is assumed.

In the image width divided by six is not a integer number then it asumes its a polar image. Thats what happened to your image.

There is a tool in the Actions menu to create cubemaps from the scene or from files. Play with it and give me some feedback.

I have improved it so it gives more feedback when creating cubemaps, please update the webglstudio to the github.

I understand it is hard to deal with this problems, I will make tutorials soon.

Cheers!

jagenjo avatar Aug 23 '15 15:08 jagenjo

Got it, thanks to reply. Im using this software Pano2VR ( http://ggnome.com/ ), in my first test im converting HDR Irradiance format (from NOEMITION website) to 6 sides arranged horizontally. I will try to convert with vertically arrange as you inform. I will post my result if success here.

magadan avatar Aug 24 '15 02:08 magadan