BITBYBIT APPS Block for Shopify's '3D Bits' App
Learn how to use the BITBYBIT APPS theme app extension block to develop and deploy professional 3D & 2D product presentations on Shopify
TypeScript is a superset of JavaScript that adds static types, enhancing code quality and maintainability.
View all tagsLearn how to use the BITBYBIT APPS theme app extension block to develop and deploy professional 3D & 2D product presentations on Shopify
Learn to build a 3D table configurator by exporting TypeScript code from Bitbybit and integrating it into a web application on StackBlitz using Bitbybit Runner.
Learn how to use colors and apply them to 3D geometry in Bitbybit with examples in Rete, Blockly, and TypeScript.
Learn to create a parametric 3D cube using OpenCascade (OCCT) and TypeScript in the Bitbybit environment.
Learn how to create a surface by lofting between several wire shapes.
Learn how to create a surface by lofting between several wire shapes and use various advanced options that help you make more intricate shapes.
Learn how to create a 3D shape by extruding a 2D wire profile or face.
Learn about the different ways to use our platform, including 3D Model Configurators, Rete, Blockly, and Monaco (TypeScript) editors.
Learn about our use of Monaco editor for TypeScript, understand the global context and how you should code in it.
Learn what you will find in the General category
Learn how to create a 3D website using Bitbybit Runner by integrating a TypeScript program built with Bitbybit into a StackBlitz project.
Learn about TypeScript, how it enhances JavaScript for safer and more robust coding, and how it's used with the Monaco editor on the Bitbybit platform.
Learn how to generate a hexagonal grid of points and hexagon outlines using Bitbybit's Point class, with examples in Rete, Blockly, and TypeScript.
Learn how to use the Point class to create and visualize a spiral pattern of points in Bitbybit with Rete, Blockly, and TypeScript.
Learn how to create 3D spiral or helical shapes by extruding a 2D wire profile along an axis while rotating it.
Learn when and how to run your code in Bitbybit using TypeScript, Blockly, or Rete editors, and what to expect.
Learn how to create and format text strings and then render them as 3D text geometry in Bitbybit using Rete, Blockly, and TypeScript.
Learn why errors happen in Bitbybit, how they are reported in different editors (Rete, Blockly, TypeScript), and how to approach fixing them.
Learn the concepts behind drawing 3D objects in Bitbybit, the role of BabylonJS, and what you can draw and manipulate.
Learn what scripts are in Bitbybit, their types (Blockly, Rete, TypeScript), visibility, and how they can be combined within a project.
An overview of the Bitbybit main GitHub monorepo, its structure, contents, and the technologies used.
Learn how to use draw components and functions within Bitbybit's Rete, Blockly, and TypeScript environments to render and customize 3D geometry.
Learn how to use vector span and easing functions to create interesting point distributions for drawing in Bitbybit, with examples in Rete, Blockly, and TypeScript.
Understanding the synergy between visual programming and text-based scripting (TypeScript, JavaScript, JSON) within Bitbybit's Rete editor.
Learn how to create your first 3D "Hello World" program using the Bitbybit Monaco programming editor.