3D Table Configurator Tutorial With Blockly

In this tutorial we show you how to code a simple 3D table configurator by using Blockly coding editor.

We then export the script to JavaScript and import it to your website. HTML, JavaScript and CSS were set up in the previous tutorial, thus if you want to learn how that works, check it out!

IMPORTANT - because we now have both BABYLONJS & THREEJS runners you need to include the bitbybit-runner.js by using this format:

< Previous Next >

Curriculum

Course Lectures

Navigate freely between lectures by clicking on them. Approximate time required: 115 minutes.

Introduction To BITBYBIT-RUNNER.JS

21 min

If you are looking for ways to create your own 3D website, you're in the right place. In this tutorial we introduce you to bitbybit-runner.js library, which hosts powerful CAD algorithms naturally embedded in Babylon.js game engine.

Introduction Tutorial With Blockly

8 min

We will code a simple visual script that will create a 3D cube in Blockly visual coding editor. Then we will export that cube to bitbybit-runner.js and integrate it in your website on stackblitz.

Introduction Tutorial With TypeScript

11 min

Learn how you to write TypeScript code and leverage Monaco editor on bitbybit.dev website for your needs and integrate the code produced to your JavaScript based 3D websites. In this tutorial Matas will give two examples of how to do that.

3D Table Configurator Tutorial With Rete

24 min

In this tutorial we will code a very simple 3D table configurator in Rete editor on bitbybit.dev web cad platform. Then we will export this code and execute it on separate static website on StackBlitz.