Getting started
Vectary DashboardAccount SettingsRolesHow To Get HelpLibraryScene OrientationShortcutsSystem RequirementsStudio Navigation
User InterfaceDesign modeEdit modeLeft bar - Project & Workspaces Right bar - Properties panelCanvas toolsControl BarDesign process
CameraFile ImportingNURBS (CAD)Object EditingColors and MaterialsLighting and EnvironmentsVersion HistoryAnimated MaterialsInteractionsAnimationsFloating UIVariantsHotspotDecalsUV mapping2D to 3DFigma frames import Figma Plugin - Vectary 3D Studio LiteRenderingAdding commentsSharing and embedding
Sharing your projectsFile ExportingClone projects (Sharing Settings)Augmented Reality (WebAR)WebXR (beta)Embedding to other softwareOptimizing a Shared projectLoading screenScene performance analyzerModel API
IntroductionQuick StartEvents & ListenersFloating UI ConfiguratorsEcommerceRendering
Photorealistic real-time rendering, all in the browser
Real-time render
In Vectary, everything is rendered instantly right as you create the scene. Rendering works as soon as you open the project. Some effects, such as reflections and soft shadows, do need to be enabled separately in order to be visible (To enable them in effects, read more here). They are disabled by default for a better experience, since not all users have powerful GPUs. If you see that after setting up the effects, the scene doesn't work as fast as you'd like, simply hide the effects temporarily and turn them back on when you need them.
The appearance of the materials is greatly influenced by the lighting. With a good lighting setup, the materials in your scene will look truly photorealistic. This is especially true for complex materials that use advanced properties (refraction, subsurface scattering, etc.). The more you experiment with lighting, the more you'll be satisfied with the results. For example, a good trick to get a feel for the effect of light on materials and the scene is to turn off global lighting (Environment) and use only local light sources. Read more about working with light here.
To export an image, just click on this button at the bottom of the canvas and in a matter of seconds, a high-resolution render will be displayed:
Photon and Instant render
It is important to note that are the two old renderers that can be found in Menu ➞ Open Renderer: Instant and Photon. They were transferred from the old version of Vectary (3.0) to keep the familiar rendering for users. However, there are some limitations.
Instant - this rendering no longer works, but on this tab you can export images in various sizes.
Photon - still works, but it is no longer supported, so various bugs are possible.
We are proud of Photon, and it does achieve great results, but the era of real-time rendering has arrived. The new, real-time rendering already shows very similar results to Photon, and in some cases completely the same quality. In some specific cases Photon will be better, but we are working continuously to further optimize and improve real-time rendering quality.
Real-time rendering in Vectary shows each step of the creative process as it happens, displaying a change or an edit in real-time. Being able to see the instant visual impact of any changes is essential. Waiting for a render should no longer be a part of the 3D content design workflow.
System requirements for 3D rendering in Vectary
Vectary's real-time rendering runs on all devices: Apple, PCs, mobile devices, TVs, and iPads/tablets. Other 3D rendering programs typically work with a dedicated, single platform to create fast, high-end results. Vectary supports all devices thanks to WebGL in the browser.