Kivicube Docs
  • What is Kivicube
  • Getting Started
    • Create Project
      • Create Project
      • Create Scene
      • Create scene content
      • Create Scene Interaction
      • Save and Share Scene
  • Business Scene Tutorial
    • WebAR Model Video Interactive Scene Production
  • Manual
    • Editor
      • Asset Area
      • Interaction Area
        • Scene View
          • Scene Settings
      • Object Settings Panel
      • Asset Details Panel
      • Menu
        • Function Setting
        • Save and Share
    • Management Console
      • Project Management
    • Resources Specification
      • Picture
        • Basic Specification
      • 3D Model
        • Modeling Basic Specification
          • Modeling Suggestions
        • Modeling creation basic workflow
        • gltf/glb creation workflow
          • gltf/glb Model Overview
          • glTF Model Format Export Tutorial
          • Common modeling software export glTF
          • glTF Tools
          • glTF Model Format Upload Tutorial
        • USDZ creation workflow
          • USDZ Tool
          • Create AR content with Reality Composer
        • AR Model Editor
        • Model animation cut frame tutorial
        • Use Unity to do animation segmentation
        • Model normal issues
        • Non-professional modeling tool recommendation
        • Model automatic optimization tool- Microsoft Dynamics 365 Import Tool
        • Model replacement
      • Video
        • AR Video
        • Transparent video
      • Audio
        • Basic Specification
      • Background
        • Environment-360 panorama
      • Asset Converter
      • Panorama
      • Image Tracking
        • Basic Specification
        • Best Optimized Method
        • Make identification map
        • Support tracking identification map
        • 3D Tracking
  • AR Open Service
    • Image Tracking
    • Image Cloud Recognition API
Powered by GitBook
On this page
  • 1. Best Optimized Method
  • 1.1 Set the appropriate color mode
  • 1.2 Choose an appropriate picture size
  • 1.3 Set an appropriate picture resolution
  • 1.4 Set an appropriate picture format
  • 1.5 Appropriately compressed images
  • 1.6 Set an appropriate picture size pixel value
  • 2. Create Environment-360 panorama
  • 2.1 Shoot with a panoramic camera
  • 2.2 Manually made by hand drawing
  • 2.3 Rendering through modeling software or game engine

Was this helpful?

  1. Manual
  2. Resources Specification
  3. Background

Environment-360 panorama

  • Supported formats: jpg, jpeg, png

  • Size limit: 1024(px)x512(px) to 4096(px)x2048(px)

  • File size limit: within 5M • Picture aspect ratio limit: 2:1

1. Best Optimized Method

1.1 Set the appropriate color mode

  • Set to RGB color, so you can find out whether there is a color difference problem in time;

  • When exporting image files, you must check "Color Space"-"Convert to sRGB". After exporting the file, check whether the image has color difference;

1.2 Choose an appropriate picture size

If you need to display the background image clearly enough, we recommend that the image size should be set to 4096(px)x2048(px);

1.3 Set an appropriate picture resolution

It is recommended that the picture resolution be set to 72PPI.

1.4 Set an appropriate picture format

Determine whether the picture contains transparent parts, if there are no transparent parts, it is recommended to export to jpg or jpeg format; If the transparent part is included, you need to export the png format. It should be noted that the transparent part in the Web3D scene will be displayed as pure white (the background image is pure white);

1.5 Appropriately compressed images

1.6 Set an appropriate picture size pixel value

The picture length and width pixel values are set to the power of 2, such as 4096, 2048, 1024, etc.

2. Create Environment-360 panorama

Normally, there are 3 ways:

2.1 Shoot with a panoramic camera

2.2 Manually made by hand drawing

Click here to learn more about the manual panorama production process, and you can also refer to the following video tutorials: Video 1 Video 2 Tutorial 2.

Download 360-degree perspective:

2.3 Rendering through modeling software or game engine

Click here to learn more about the process of 3DS MAX rendering 360-degree panorama Click here to learn more about Unity's process of rendering 360-degree panoramas.

PreviousBackgroundNextAsset Converter

Last updated 4 years ago

Was this helpful?

It is recommended to upload to the image compression platform Tinypng for processing, click here to use immediately:

Reference for authoring 360-degree panoramic pictures: .

https://tinypng.com/
https://developers.google.cn/vr/discover/360-degree-media
1MB
Grid.jpg
image