Supported File Formats - theripper93/canvas3dcompendium GitHub Wiki

3D File Formats

You can use GLB, GLTF and FBX files, other formats can be easly converted, Blender is suggested to perform this operation.

2D File Formats

3D Canvas supports all the file formats supported by Foundry, including Animated Webm files. Due to how 3D Canvas handles transparency, semitransparent images might be completely cut of by the processing.

While the Weather System supports animated file formats, the Particle Effect System does not.

Animated Images

While 3D Canvas supports animated webm, it's possible that your browser, or some browser extension blocks video autoplay. Because the 3D Library loads animated images differently than 2D it might bump into that block, if they don't work for you, try to switch browser or disable extensions.

Creating Space Skies

(note that you can use this same method to convert any other cubemap)

  1. Generate your sky here Space 3D
  2. Once you are happy with the result, select the resolution (1K is suggested) and download the skybox
  3. Unzip the downloaded file
  4. Head here 360Toolkit
  5. Select the 6 different images (the last option with the 6 images in a 3x2 grid)
  6. Click "Chose Files" and upload the 6 images you downloaded previously
  7. After a bit you will be able to download the file. Convert to jpeg or webp if you wish.
  8. In 3D Canvas, go into Scene settings and in the HDRI field select the file you generated!

Converting a Spherical HDRI map to a Cube Map for 3d Canvas

a guide by @simulacrum

Find the HDRI you want to use.

There are lots of free sites out there for example https://polyhaven.com/hdris https://www.ihdri.com/hdri-skies-outdoor/ https://hdrmaps.com/ https://locationtextures.com/panoramas/

  • Go here https://matheowis.github.io/HDRI-to-CubeMap/
  • Upload you image. It doesn't take EXR's so you'll have to convert those to HDRI's, PNGs or JPEGS.
  • Once it's uploaded it will appear in the 3D view. You can now see how the Cube map will look (It's possible to move the image by dragging on it but don't or it won't line up with your HDRI)
  • Adjust the Exposure. Make it darker. The hdri lights the cube map so you will have to compensate for this, either now or in your image editor later.
  • Choose Export and choose the bottom option export as Pngs choosing the size you want for the individual sides (2k is normally enough but you can try 4k if your machine can handle it or 1k if not).
  • Click Process and once it's finished download them

Preparing the files

  • Now the names of the files don't match up with 3d Canvas so use a file Renamer to swap them (see below). Also remember that your prefix must match on every file (ie. name_bk, name_ft etc)
  • Next you need to alter the images in an image editor like Photoshop or Gimp (trust me it will be flipped otherwise) All the images will need flipping horizontally. After flipping them all horizontally you will also have to rotate clockwise just the _up and _dn images 90 degrees.
  • Now save them all down.
  • You can get the file size down by changing them to jpgs (don't use much if any compression as it shows). Webp looks very compressed so I don't use it.
  • That's it you now have an 8bit cube map that matches you 32 bit HDRI that will be a much smaller file size that the equivalent HDRI. Now you can use a 1k hdri to give you the lighting and reflections and use the 8bit Cube Map as the background image.