If you have any questions or need further assistance, don’t hesitate to join our Discord community. We’re always there to connect with you and offer support!

​
What is three.js ?

Three.js is an open-source, cross-browser JavaScript library that makes it easier to create and display animated 3D computer graphics in a web browser using WebGL. In essence, it abstracts the low-level complexities of WebGL, allowing developers to build interactive 3D scenes, animations, and even games with relative ease. The library supports various rendering modes—such as WebGL, SVG, and CSS3D—and comes with a rich set of features including multiple types of cameras, lights, materials, animations, and controls.

​
How to Build a 3D Website Using Three.js in Trickle

Want to create a stunning website with 3D models? Follow these steps to import and use 3D models in Trickle.

​
Step 1 - Get Your 3D Model

You can either:

  • Create your own 3D model and upload it to a publicly accessible server.

  • Download a model from a 3D resource website.

Recommended 3D model sources:

Example model links:

​
Step 2 - Import the 3D Model into Trickle

  1. Open your project in Trickle.

  2. Click the Settings button in the top-right corner.

  3. Navigate to the Custom Knowledge tab.

  4. Add your 3D model names and their corresponding links.

​
Step 3 - Instruct the Coding Agent to Use the 3D Model

Using the chat interface on the left side of the project, you can communicate with the Coding Agent and specify when and where to use your 3D model.

Example Prompt

Type this into the chat interface on the left side of your project, and the agent will handle the rest!

Please add the 3D models described in Custom Knowledge to the scene.