Create and Embed 3D Content on Your Site | Getting Started with Aircada

Introduction

In this tutorial, you will learn how to create and embed a simple 3D scene on your website using Aircada. This guide will walk you through the process step-by-step, covering everything from setting up your scene to enhancing its realism and embedding it online. Whether you're a beginner or looking to enhance your web content, this tutorial is perfect for you.

Step 1: Create a New Scene

• Open Aircada in your web browser.
• Click on the "Create New Scene" button.
• Choose a blank canvas to start your project.

Step 2: Add a Basic Shape and Texture

• Select the shape tool from the toolbar.
• Choose a basic shape (like a cube or sphere) and place it in your scene.

To add texture

• Click on the texture option in the properties panel.
• Upload your texture image or choose one from the library.

Step 3: Enhance Realism with Environment Maps

• Find the environment settings in the sidebar.
• Select an environment map to provide realistic lighting and reflections.
• Adjust the intensity and angle of the environment map as needed to achieve the desired effect.

Step 4: Set Up an Orbit Camera

• Locate the camera settings in the tool menu.
• Choose the "Orbit Camera" option.

Adjust the camera settings to define how users will interact with the 3D scene

• Set rotation speed.
• Customize zoom limits.

Step 5: Embed the Scene on the Web

• Once your scene is ready, click on the "Embed" option.
• Copy the provided HTML code snippet.
• Paste the code into the HTML of your website where you want the 3D scene to appear.
• Ensure that the width and height parameters in the code match your design requirements.

Conclusion

You have successfully created and embedded a 3D scene using Aircada! Key takeaways include the creation of basic shapes, application of textures, utilization of environment maps for realism, and setting up an orbit camera for interactive viewing. Next, explore more advanced features in Aircada or experiment with different shapes and textures to enhance your skills. Happy creating!