You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/learn/about.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -88,7 +88,7 @@ Our online school is dedicated to teaching programming, mathematics, virtual rea
88
88
89
89
Beyond our hosted platform, we empower developers to take our core technology into their own hands.
90
90
91
-
***Open-Source NPM Packages:** We provide a suite of MIT-licensed NPM packages that expose our underlying geometry kernels (OCCT, JSCAD, Manifold) and rendering integrations (e.g., for Three.js, BabylonJS). This allows you to build completely custom 3D applications, tools, or embed specific functionalities into your existing websites.
91
+
***Open-Source NPM Packages:** We provide a suite of MIT-licensed NPM packages that expose our underlying geometry kernels (OCCT, JSCAD, Manifold) and rendering integrations (e.g., for ThreeJS, BabylonJS). This allows you to build completely custom 3D applications, tools, or embed specific functionalities into your existing websites.
92
92
* Learn more: [**Our NPM Packages**](/learn/npm-packages/intro) {/* Link to your NPM packages page */}
93
93
***Runners:** For even simpler integration of pre-built Bitbybit scripts or functionalities into web pages, we offer runners that can execute these scripts within a defined context on your site.
Copy file name to clipboardExpand all lines: docs/learn/getting-started/overview.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -84,12 +84,12 @@ These allow you to leverage our CAD capabilities within your preferred 3D render
84
84
85
85
**Key Features & Benefits:**
86
86
***Flexibility:** Build custom 3D tools, viewers, or applications tailored to your specific needs.
87
-
***Integration:** Seamlessly incorporate our computational geometry capabilities into your existing JavaScript or TypeScript projects using either Three.js or BabylonJS.
87
+
***Integration:** Seamlessly incorporate our computational geometry capabilities into your existing JavaScript or TypeScript projects using either ThreeJS or BabylonJS.
88
88
***Community & Control:** Leverage the power of open-source, contribute, or fork as needed.
89
89
***MIT Licensed:** All our core NPM packages are licensed under the permissive MIT license, granting you broad freedom to use, modify, and distribute your projects.
90
90
91
91
<Admonitiontype="info"title="What's Included (and Not Included)">
92
-
<p>Our NPM packages provide the foundational geometric algorithms and data structures that power our platform, along with rendering integrations for Three.js and Babylon.js.</p>
92
+
<p>Our NPM packages provide the foundational geometric algorithms and data structures that power our platform, along with rendering integrations for ThreeJS and BabylonJS.</p>
93
93
<p>They generally **do not** include:</p>
94
94
<ul>
95
95
<li>The pre-built 3D Model Configurators (those are part of our online platform services).</li>
Copy file name to clipboardExpand all lines: docs/learn/npm-packages/babylonjs/hex-house-concept.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -30,7 +30,7 @@ In this related video tutorial you can see how the results of this app look like
30
30
</div>
31
31
32
32
<Admonitiontype="info"title="Note on video tutorial">
33
-
<p>This tutorial originally used the Three.js game engine, but rest assured—the geometry creation logic maps directly (1:1) to what we've built in Babylon.js. See the StackBlitz example below for reference.</p>
33
+
<p>This tutorial originally used the ThreeJS game engine, but rest assured—the geometry creation logic maps directly (1:1) to what we've built in BabylonJS. See the StackBlitz example below for reference.</p>
34
34
<p>
35
35
While the original tutorial was based on a somewhat outdated app structure, we've provided a more modern and well-organized version here. You can also use this scaffold as a starting point for your own projects.
description: "An overview of Babylon.js, a powerful and easy-to-use WebGL-based 3D game engine, and its integration with Bitbybit."
3
+
title: "Introduction to BabylonJS"
4
+
sidebar_label: "BabylonJS Overview"
5
+
description: "An overview of BabylonJS, a powerful and easy-to-use WebGL-based 3D game engine, and its integration with Bitbybit."
6
6
tags: [npm-packages, babylonjs]
7
7
---
8
8
9
9
import Admonition from '@theme/Admonition';
10
10
11
-
# Introduction to Babylon.js: A Powerful 3D Engine for the Web
11
+
# Introduction to BabylonJS: A Powerful 3D Engine for the Web
12
12
13
-
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework. Built with ease of use and performance in mind, it allows developers to create stunning 3D experiences, from games to data visualizations and product configurators, directly in the web browser using WebGL and WebGPU.
13
+
BabylonJS is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework. Built with ease of use and performance in mind, it allows developers to create stunning 3D experiences, from games to data visualizations and product configurators, directly in the web browser using WebGL and WebGPU.
14
14
15
-
**Visit the official Babylon.js homepage:** <ahref="https://babylonjs.com/"target="_blank"rel="noopener noreferrer">babylonjs.com</a>
15
+
**Visit the official BabylonJS homepage:** <ahref="https://babylonjs.com/"target="_blank"rel="noopener noreferrer">babylonjs.com</a>
Babylon.js is a comprehensive 3D engine, offering a rich set of features out-of-the-box, making it a strong choice for a wide array of 3D web applications.
25
+
BabylonJS is a comprehensive 3D engine, offering a rich set of features out-of-the-box, making it a strong choice for a wide array of 3D web applications.
26
26
27
27
Key capabilities and features include:
28
28
@@ -40,52 +40,52 @@ Key capabilities and features include:
40
40
***Audio Engine:** Integrated spatial audio and sound effect capabilities.
41
41
***XR Support:** Built-in support for WebXR, enabling Virtual Reality (VR) and Augmented Reality (AR) experiences.
42
42
***Performance Optimizations:** Features like octrees, incremental loading, Level of Detail (LOD), and an inspector tool for debugging and optimizing scenes.
43
-
***TypeScript First:**Babylon.js itself is written in TypeScript, offering excellent type safety, autocompletion, and developer tooling.
43
+
***TypeScript First:**BabylonJS itself is written in TypeScript, offering excellent type safety, autocompletion, and developer tooling.
44
44
***Cross-Platform:** Runs on any browser that supports WebGL or WebGPU.
45
45
46
-
## Why Choose Babylon.js?
46
+
## Why Choose BabylonJS?
47
47
48
-
Babylon.js has gained significant traction and is favored by many developers for several reasons:
48
+
BabylonJS has gained significant traction and is favored by many developers for several reasons:
49
49
50
50
***Ease of Use:** Designed with a focus on simplicity and a gentle learning curve, especially for developers familiar with object-oriented programming.
51
51
***Comprehensive Feature Set:** Many advanced features are available out-of-the-box, reducing the need for numerous external libraries.
52
52
***Strong Performance:** Actively developed with performance in mind.
53
53
***Excellent Documentation and Playground:** Extensive official documentation and an interactive "Playground" environment make learning and experimenting very effective.
54
54
***TypeScript & Tooling:** Being written in TypeScript provides robust development experience.
55
55
***Microsoft Backing & Strong Community:** Developed and maintained by Microsoft along with a passionate and growing open-source community.
56
-
***Active Forum:** The <ahref="https://forum.babylonjs.com/"target="_blank"rel="noopener noreferrer">Babylon.js Forum</a> is exceptionally active and supportive, with direct engagement from the core team and enthusiastic users.
57
-
***Backward Compatibility:**Babylon.js has a strong commitment to backward compatibility, meaning projects built with older versions are generally well-supported on newer releases, providing stability for long-term projects.
58
-
***Growing Ecosystem:** While perhaps not as vast as Three.js in third-party plugins, its ecosystem is rapidly growing, and its integrated nature often reduces the need for external additions.
56
+
***Active Forum:** The <ahref="https://forum.babylonjs.com/"target="_blank"rel="noopener noreferrer">BabylonJS Forum</a> is exceptionally active and supportive, with direct engagement from the core team and enthusiastic users.
57
+
***Backward Compatibility:**BabylonJS has a strong commitment to backward compatibility, meaning projects built with older versions are generally well-supported on newer releases, providing stability for long-term projects.
58
+
***Growing Ecosystem:** While perhaps not as vast as ThreeJS in third-party plugins, its ecosystem is rapidly growing, and its integrated nature often reduces the need for external additions.
59
59
60
60
<Admonitiontype="info"title="FIY Babylonjs is used in all our visual programming editors & 3D Bits app">
61
61
Due to various considerations and historical reasons Babylonjs is our native rendering engine in visual programming (Rete, Blockly) & Monaco editors. We love the engine and it's features. This does not mean that ThreeJS or other supproted engines are worse or that we are crazy not to have chose something else! We love them all ❤️❤️❤️
62
62
</Admonition>
63
63
64
64
## Learning Resources & Community
65
65
66
-
If you're looking to get started or deepen your knowledge of Babylon.js:
66
+
If you're looking to get started or deepen your knowledge of BabylonJS:
67
67
68
-
***Official Documentation:** <ahref="https://doc.babylonjs.com/"target="_blank"rel="noopener noreferrer">Babylon.js Documentation</a> - Comprehensive guides, tutorials, and API references.
69
-
***Babylon.js Playground:** <ahref="https://playground.babylonjs.com/"target="_blank"rel="noopener noreferrer">Babylon.js Playground</a> - An interactive environment to write and test Babylon.js code live.
70
-
***Babylon.js Forum (Official):** <ahref="https://forum.babylonjs.com/"target="_blank"rel="noopener noreferrer">forum.babylonjs.com</a> - The central hub for community support, questions, and showcasing projects.
68
+
***Official Documentation:** <ahref="https://doc.babylonjs.com/"target="_blank"rel="noopener noreferrer">BabylonJS Documentation</a> - Comprehensive guides, tutorials, and API references.
69
+
***BabylonJS Playground:** <ahref="https://playground.babylonjs.com/"target="_blank"rel="noopener noreferrer">BabylonJS Playground</a> - An interactive environment to write and test BabylonJS code live.
70
+
***BabylonJS Forum (Official):** <ahref="https://forum.babylonjs.com/"target="_blank"rel="noopener noreferrer">forum.babylonjs.com</a> - The central hub for community support, questions, and showcasing projects.
71
71
***Babylon 101 (Tutorials):** <ahref="https://www.youtube.com/playlist?list=PLym1B0rdkvqhuCNSXzxw6ofEkrpYI70P4"target="_blank"rel="noopener noreferrer">Babylon 101 Series</a> - Great for beginners.
72
-
***YouTube Channel:** <ahref="https://www.youtube.com/channel/UCyOemMa5EJkIgVavJjSCLKQ"target="_blank"rel="noopener noreferrer">Official Babylon.js YouTube</a> - Tutorials and community highlights.
72
+
***YouTube Channel:** <ahref="https://www.youtube.com/channel/UCyOemMa5EJkIgVavJjSCLKQ"target="_blank"rel="noopener noreferrer">Official BabylonJS YouTube</a> - Tutorials and community highlights.
73
73
***GitHub Repository:** <ahref="https://github.com/BabylonJS/Babylon.js"target="_blank"rel="noopener noreferrer">BabylonJS/Babylon.js</a> - The engine's source code.
74
74
75
-
## How Bitbybit Uses Babylon.js
75
+
## How Bitbybit Uses BabylonJS
76
76
77
-
Bitbybit's engine-agnostic core allows it to integrate with various rendering engines, and Babylon.js is one of our primary supported engines.
77
+
Bitbybit's engine-agnostic core allows it to integrate with various rendering engines, and BabylonJS is one of our primary supported engines.
78
78
79
-
***Integration Package:** We provide the <ahref="https://www.npmjs.com/package/@bitbybit-dev/babylonjs"target="_blank"rel="noopener noreferrer">`@bitbybit-dev/babylonjs`</a> NPM package. This package contains the specific logic to bridge Bitbybit's core geometric data (from OCCT, JSCAD, etc.) with the Babylon.js rendering engine.
80
-
***Drawing Logic:** Key functions within this package, such as `drawAnyAsync`, are responsible for taking generic geometric entities and efficiently creating the corresponding `BABYLON.Mesh` objects, applying materials, and adding them to your Babylon.js scene for rendering.
79
+
***Integration Package:** We provide the <ahref="https://www.npmjs.com/package/@bitbybit-dev/babylonjs"target="_blank"rel="noopener noreferrer">`@bitbybit-dev/babylonjs`</a> NPM package. This package contains the specific logic to bridge Bitbybit's core geometric data (from OCCT, JSCAD, etc.) with the BabylonJS rendering engine.
80
+
***Drawing Logic:** Key functions within this package, such as `drawAnyAsync`, are responsible for taking generic geometric entities and efficiently creating the corresponding `BABYLON.Mesh` objects, applying materials, and adding them to your BabylonJS scene for rendering.
81
81
***Seamless Experience:** When using Bitbybit's visual editors (Rete, Blockly) or the Monaco TypeScript editor on our platform you'll have 1:1 experience when using NPM packages.
82
82
83
-
The `@bitbybit-dev/babylonjs` package enables developers to combine Bitbybit's advanced CAD and computational geometry features with the rich, game-ready capabilities of the Babylon.js engine.
83
+
The `@bitbybit-dev/babylonjs` package enables developers to combine Bitbybit's advanced CAD and computational geometry features with the rich, game-ready capabilities of the BabylonJS engine.
84
84
85
-
**Source Code for Bitbybit's Babylon.js Integration:**
86
-
The source code for our Babylon.js integration can be found in our main GitHub repository, typically under a path like:
85
+
**Source Code for Bitbybit's BabylonJS Integration:**
86
+
The source code for our BabylonJS integration can be found in our main GitHub repository, typically under a path like:
Babylon.js offers a compelling option for web developers looking to create high-quality 3D interactive experiences with a well-supported, feature-rich, and developer-friendly engine. Bitbybit's integration facilitates the use of our specialized geometry tools within this powerful environment.
91
+
BabylonJS offers a compelling option for web developers looking to create high-quality 3D interactive experiences with a well-supported, feature-rich, and developer-friendly engine. Bitbybit's integration facilitates the use of our specialized geometry tools within this powerful environment.
0 commit comments