Make 3D Websites With Runners

In this tutorial series you will learn how you can leverage Bitbybit runners to create your own BabylonJS or ThreeJS websites.

Intermediate
Free
TypeScript
Image showing abstract parametric model

Introduction To BITBYBIT-RUNNER.JS

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.

We will code a simple visual script that will create a 3D cube. Then we will set up the very simple website on StackBlitz. We'll include bitbybit-runner.js file from our CDN, set up very simple HTML and JavaScript code to enable us to use visual programming script in our website. Cube's size property will be controlled through UI input element on your website.

< OverviewNext >

Course lectures

These are all the lectures of the course. Navigate freely between them by clicking.

Approximate Time Required: 115 minutes

Introduction To BITBYBIT-RUNNER.JS

Approx. time required: 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

Approx. time required: 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

Approx. time required: 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

Approx. time required: 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.

3D Table Configurator Tutorial With Blockly

Approx. time required: 21 min.

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

3D Table Configurator Tutorial With TypeScript

Approx. time required: 15 min.

In this tutorial you will learn how to create a 3D website by using JavaScript, HTML and CSS by exporting code from Bitbybit TypeScript web CAD editor.

Exporting Visual Script To ThreeJS Project

Approx. time required: 15 min.

In this tutorial, you will discover how to use the Three.js game engine to execute CAD algorithms exported from Bitbybit visual scripts.

Back To School