Skip to content

Commit 0a13bd9

Browse files
matas-bitbybit-devmatas-bitbybit-dev
committed
starter templates added to vite examples. Also added links to github in the docs
1 parent 4168059 commit 0a13bd9

30 files changed

+5277
-0
lines changed

‎docs/learn/npm-packages/babylonjs/advanced-parametric-3d-model.mdx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,8 @@ We are providing a higher level explanations of the codebase below, but for work
5656
></iframe>
5757
</div>
5858

59+
### Find the source code on [Bitbybit GitHub Examples](https://github.com/bitbybit-dev/bitbybit/tree/master/examples/vite/babylonjs/hex-shell)
60+
5961
## Project Structure Overview
6062

6163
A well-organized project structure is key for managing more complex applications. This example typically involves:

‎docs/learn/npm-packages/babylonjs/start-with-babylon-js.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,8 @@ The `@bitbybit-dev/babylonjs` package conveniently includes `@babylonjs/core` as
2222
* Node.js and npm (or yarn) installed.
2323
* A basic understanding of TypeScript and Babylon.js.
2424

25+
## [Example on Bitbybit Github Repo](https://github.com/bitbybit-dev/bitbybit/tree/master/examples/vite/babylonjs/starter-template)
26+
2527
## 1. Project Setup with Vite
2628

2729
First, create a new Vite project with a TypeScript template:

‎docs/learn/npm-packages/threejs/advanced-parametric-3d-model.mdx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,8 @@ We are providing a higher level explanations of the codebase below, but for work
5555
></iframe>
5656
</div>
5757

58+
### Find the source code on [Bitbybit GitHub Examples](https://github.com/bitbybit-dev/bitbybit/tree/master/examples/vite/threejs/hex-shell)
59+
5860
## Project Structure Overview
5961

6062
This project is typically structured with:

‎docs/learn/npm-packages/threejs/start-with-three-js.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,8 @@ The `@bitbybit-dev/threejs` package conveniently includes `three` as a dependenc
2222
* Node.js and npm (or yarn) installed.
2323
* A basic understanding of TypeScript and Three.js.
2424

25+
## [Example on Bitbybit Github Repo](https://github.com/bitbybit-dev/bitbybit/tree/master/examples/vite/threejs/starter-template)
26+
2527
## 1. Project Setup with Vite
2628

2729
First, create a new Vite project with a TypeScript template:

‎examples/vite/babylonjs/starter-template/index.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Bitbybit & ThreeJS All Kernels Example</title>
8+
</head>
9+
<body>
10+
<a
11+
class="logo"
12+
href="https://bitbybit.dev"
13+
target="_blank"
14+
rel="noopener noreferrer"
15+
>
16+
<img
17+
alt="Logo of Bit by bit developers company"
18+
src="https://bitbybit.dev/assets/logo-gold-small.png"
19+
/>
20+
<div>bitbybit.dev</div>
21+
<br />
22+
<div>support the mission - subscribe</div>
23+
</a>
24+
<canvas id="babylon-canvas"></canvas>
25+
<script type="module" src="/src/main.ts"></script>
26+
</body>
27+
</html>

0 commit comments

Comments
 (0)