Introduction To Programming 3D In TypeScript
bitbybit.dev logo

Introduction To Programming 3D In TypeScript

We made this course for people interested in creating parametric geometry and 3D models in TypeScript programming language. Follow these lecture series to understand how things work and how to achieve your goals.

Beginner
Free
TypeScript

Variables And Vectors

We will begin our journey by discussing some of the basic concepts of programming. Understanding variables and vectors is crucial for creating parametric geometry.

The Code

This is the code that you should copy and paste into the editor. You can also type it in yourself. The code is explained in the video.

const start = async () => {

    bitbybit.draw.drawGridMesh(new Bit.Inputs.Draw.SceneDrawGridMeshDto());

    let x = 0;
    let y = 0;
    let z = 1;
    let vector1 = [x, y, z];

    x = 1;
    y = 2;
    let vector2 = [x, y, z];

    const opt = new Bit.Inputs.Draw.DrawBasicGeometryOptions();
    opt.size = 70;
    opt.colours = ["#00ffff"];

    bitbybit.draw.drawAnyAsync({
        entity: [vector1, vector2],
        options: opt
    });

}

start();
< PreviousNext >

Course Lectures

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