Skip to content

Commit c5d8870

Browse files
renamed Three.js to ThreeJS to normalize naming convention in docs.
1 parent 71ef93e commit c5d8870

11 files changed

Lines changed: 186 additions & 186 deletions

File tree

docs/learn/about.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@ Our online school is dedicated to teaching programming, mathematics, virtual rea
8888

8989
Beyond our hosted platform, we empower developers to take our core technology into their own hands.
9090

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.
9292
* Learn more: [**Our NPM Packages**](/learn/npm-packages/intro) {/* Link to your NPM packages page */}
9393
* **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.
9494

docs/learn/getting-started/overview.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -84,12 +84,12 @@ These allow you to leverage our CAD capabilities within your preferred 3D render
8484

8585
**Key Features & Benefits:**
8686
* **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.
8888
* **Community & Control:** Leverage the power of open-source, contribute, or fork as needed.
8989
* **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.
9090

9191
<Admonition type="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>
9393
<p>They generally **do not** include:</p>
9494
<ul>
9595
<li>The pre-built 3D Model Configurators (those are part of our online platform services).</li>

docs/learn/npm-packages/babylonjs/hex-house-concept.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ In this related video tutorial you can see how the results of this app look like
3030
</div>
3131

3232
<Admonition type="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>
3434
<p>
3535
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.
3636
</p>
Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,28 @@
11
---
22
sidebar_position: 1
3-
title: "Introduction to Babylon.js"
4-
sidebar_label: "Babylon.js Overview"
5-
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."
66
tags: [npm-packages, babylonjs]
77
---
88

99
import Admonition from '@theme/Admonition';
1010

11-
# Introduction to Babylon.js: A Powerful 3D Engine for the Web
11+
# Introduction to BabylonJS: A Powerful 3D Engine for the Web
1212

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.
1414

15-
**Visit the official Babylon.js homepage:** <a href="https://babylonjs.com/" target="_blank" rel="noopener noreferrer">babylonjs.com</a>
15+
**Visit the official BabylonJS homepage:** <a href="https://babylonjs.com/" target="_blank" rel="noopener noreferrer">babylonjs.com</a>
1616

1717
<img
1818
src="https://bitbybit.dev/assets/babylon_logo.png"
1919
width="150"
20-
alt="Babylon.js Logo"
21-
title="Babylon.js Logo" />
20+
alt="BabylonJS Logo"
21+
title="BabylonJS Logo" />
2222

23-
## What is Babylon.js Capable Of?
23+
## What is BabylonJS Capable Of?
2424

25-
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.
2626

2727
Key capabilities and features include:
2828

@@ -40,52 +40,52 @@ Key capabilities and features include:
4040
* **Audio Engine:** Integrated spatial audio and sound effect capabilities.
4141
* **XR Support:** Built-in support for WebXR, enabling Virtual Reality (VR) and Augmented Reality (AR) experiences.
4242
* **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.
4444
* **Cross-Platform:** Runs on any browser that supports WebGL or WebGPU.
4545

46-
## Why Choose Babylon.js?
46+
## Why Choose BabylonJS?
4747

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:
4949

5050
* **Ease of Use:** Designed with a focus on simplicity and a gentle learning curve, especially for developers familiar with object-oriented programming.
5151
* **Comprehensive Feature Set:** Many advanced features are available out-of-the-box, reducing the need for numerous external libraries.
5252
* **Strong Performance:** Actively developed with performance in mind.
5353
* **Excellent Documentation and Playground:** Extensive official documentation and an interactive "Playground" environment make learning and experimenting very effective.
5454
* **TypeScript & Tooling:** Being written in TypeScript provides robust development experience.
5555
* **Microsoft Backing & Strong Community:** Developed and maintained by Microsoft along with a passionate and growing open-source community.
56-
* **Active Forum:** The <a href="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 <a href="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.
5959

6060
<Admonition type="info" title="FIY Babylonjs is used in all our visual programming editors & 3D Bits app">
6161
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 ❤️❤️❤️
6262
</Admonition>
6363

6464
## Learning Resources & Community
6565

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:
6767

68-
* **Official Documentation:** <a href="https://doc.babylonjs.com/" target="_blank" rel="noopener noreferrer">Babylon.js Documentation</a> - Comprehensive guides, tutorials, and API references.
69-
* **Babylon.js Playground:** <a href="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):** <a href="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:** <a href="https://doc.babylonjs.com/" target="_blank" rel="noopener noreferrer">BabylonJS Documentation</a> - Comprehensive guides, tutorials, and API references.
69+
* **BabylonJS Playground:** <a href="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):** <a href="https://forum.babylonjs.com/" target="_blank" rel="noopener noreferrer">forum.babylonjs.com</a> - The central hub for community support, questions, and showcasing projects.
7171
* **Babylon 101 (Tutorials):** <a href="https://www.youtube.com/playlist?list=PLym1B0rdkvqhuCNSXzxw6ofEkrpYI70P4" target="_blank" rel="noopener noreferrer">Babylon 101 Series</a> - Great for beginners.
72-
* **YouTube Channel:** <a href="https://www.youtube.com/channel/UCyOemMa5EJkIgVavJjSCLKQ" target="_blank" rel="noopener noreferrer">Official Babylon.js YouTube</a> - Tutorials and community highlights.
72+
* **YouTube Channel:** <a href="https://www.youtube.com/channel/UCyOemMa5EJkIgVavJjSCLKQ" target="_blank" rel="noopener noreferrer">Official BabylonJS YouTube</a> - Tutorials and community highlights.
7373
* **GitHub Repository:** <a href="https://github.com/BabylonJS/Babylon.js" target="_blank" rel="noopener noreferrer">BabylonJS/Babylon.js</a> - The engine's source code.
7474

75-
## How Bitbybit Uses Babylon.js
75+
## How Bitbybit Uses BabylonJS
7676

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.
7878

79-
* **Integration Package:** We provide the <a href="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 <a href="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.
8181
* **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.
8282

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.
8484

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:
8787
<a href="https://github.com/bitbybit-dev/bitbybit/tree/master/packages/dev/babylonjs" target="_blank" rel="noopener noreferrer">bitbybit-dev/bitbybit/tree/master/packages/dev/babylonjs</a>.
8888

8989
---
9090

91-
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

Comments
 (0)