Tutorial - Previewing and publishing

How to preview and publish your interactive presentation

Once you have created a presentation in CL3VER, you can preview it to test that everything is working correctly, then publish it to generate a hyperlink to an online version of the presentation that you can share or embed in web pages.

(For this tutorial we’re going to use the project created in the “Importing into a new project” tutorial. The model used in the project is the Modern House by Rick B, which you can download for free from the SketchUp 3D Warehouse. The .kmz file can be downloaded at http://bit.ly/cl3verhouse)

In this tutorial

– Previewing the presentation
– Publishing the presentation
– Viewing the presentation offline
– Viewing statistics for the presentation

Previewing the presentation

Once you have set up the steps of your presentation and linked them to interface elements, you can preview the results. Select Project > Preview.


If you have made any changes to the scene, CL3VER will ask you to save them. You must do this before you can launch the preview.

CL3VER will launch the preview in a pop-up window.

The preview is fully interactive, and can be navigated using the same mouse controls as the editor, or via the interface controls you have set up.

If you need to make adjustments to the presentation, close the preview, make the changes in the editor, and repeat the process until you are happy with the results.

Publishing the presentation

Once you’re happy with the results in the preview you can publish the presentation on a link or embed it on any website via iFrame.

Get a shareable link

To publish the presentation, select Project > Publish. This will convert your project into an interactive web page you can share via social media, or embed in your own website. The Publish Project dialog will appear.

The settings in this dialog let you customize the published web page.

The Title field lets you set the title of the web page. The Description and Tags fields let you enter the short description that search engines will display for it, and the metatags they will use to index it. Autoplay determines whether the presentation will play automatically, or wait for user input. Quality determines the visual quality of a published presentation: higher quality means longer loading times. You can also password-protect the presentation by entering a password in the Password field. The Share this link field will be blank, unless you have published the presentation before, and are now updating it.

When you are ready, click Publish. CL3VER will begin to convert the project into a web page. This process can take a few minutes, particularly for a complex presentation.

Once you see the Project Published dialog, you can click the hyperlink to launch the presentation. The presentation will prompt you for the password you have set up.

Embeddign the presentation

To embed the presentation in your own web pages, return to the Publish Project dialog and click Embed. The Embedded iframe dialog will appear.

Select one of the radio buttons to control the resolution of the embedded presentation. Small is 320 x 240 pixels, Medium is 480 x 360, Large is 640 x 480, and Custom lets you enter custom values in the Width and Height fields below.

The HTML code in the field at the top of the dialog updates as you change the resolution. When you are ready, just copy and paste the code into that of your web page.

Viewing the presentation offline

To download your presentation in a format you can view offline, select Project > Download. You don’t need to have published a presentation in order to download it. The Download Project dialog will appear.

Click the download link to download the presentation. You can either open the .html file directly in your default web browser, or choose a location to which to save it.

The .html file will enable you to view the presentation without the need for an active internet connection. You can open it in any modern web browser that support WebGL.

Viewing statistics for the presentation

In order to help you optimize your presentation for viewing online, particularly on mobile devices, CL3VER can display a breakdown of file size and memory use.
To view the breakdown for the presentation, select Project > Stats. If you have any unsaved changes to the scene, you will be prompted to save them first.

Profile_01 ok

The Scene Statistics dialog will appear.

The Download Size section of the dialog shows the total file size of the presentation, broken down by file type. The Memory Use section shows the RAM used by each of the file types once the presentation is loaded. The Rendering section shows the number of draw calls the presentation makes once loaded, and the geometry count for the scene.

The final section shows the compatibility of the presentation with iOS devices, including iPads and recent models of iPhone. The information is displayed as a table, broken down by process type (rendering) and file type (textures, environment cubemaps, normal maps and lightmaps for materials). A tick in a column indicates that this aspect of the presentation is fully compatible with the iOS device in question; if not, performance on the device will be rated in words (Very Low, Low and so on). If the presentation does not contain that type of file, it will be listed as Off.