Skip to content

Commit 49bc50a

Browse files
threejs complete project setup and bitbybit-ai setup start
1 parent 47ae5ab commit 49bc50a

File tree

7 files changed

+20
-49278
lines changed

7 files changed

+20
-49278
lines changed

examples/vite/threejs/runner-occt-bottle/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta charset="UTF-8" />
66
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
77
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8-
<title>Bitbybit & PlayCanvas Hex House Concept Demo</title>
8+
<title>Bitbybit & ThreeJS Hex House Concept Demo</title>
99
</head>
1010

1111
<body>

examples/vite/threejs/runner-occt-bottle/src/helpers/init-threejs.ts

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -23,15 +23,15 @@ export function initThreeJS(canvasId = "myCanvas") {
2323
200
2424
);
2525
const scene = new Scene();
26-
scene.background = new Color(0x1a1c1f); // Set background color
26+
scene.background = new Color(0x1a1c1f);
2727

2828
scene.fog = new Fog(0x1a1c1f, 30, 80);
29-
const light = new HemisphereLight(0xffffff, 0x444444, 2); // Adjusted intensity
29+
const light = new HemisphereLight(0xffffff, 0x444444, 2);
3030
scene.add(light);
3131

3232
const renderer = new WebGLRenderer({ antialias: true, canvas: domNode });
3333
renderer.setSize(window.innerWidth, window.innerHeight);
34-
renderer.setPixelRatio(window.devicePixelRatio); // Consider devicePixelRatio for sharpness
34+
renderer.setPixelRatio(window.devicePixelRatio);
3535
renderer.shadowMap.enabled = true;
3636
renderer.shadowMap.type = VSMShadowMap;
3737

@@ -63,7 +63,7 @@ export function initThreeJS(canvasId = "myCanvas") {
6363

6464
createDirLightsAndGround(scene);
6565

66-
return { scene, camera, renderer }; // Return renderer and camera if needed elsewhere
66+
return { scene, camera, renderer };
6767
}
6868

6969
function createDirLightsAndGround(scene: Scene) {
@@ -83,7 +83,7 @@ function createDirLightsAndGround(scene: Scene) {
8383
dirLight.shadow.radius = 2;
8484
dirLight.shadow.bias = -0.0005;
8585

86-
scene?.add(dirLight);
86+
scene.add(dirLight);
8787

8888
const dirLight2 = new DirectionalLight(0xffffff, 2);
8989
dirLight2.position.set(-5, 10, -5);
@@ -94,7 +94,7 @@ function createDirLightsAndGround(scene: Scene) {
9494
dirLight2.shadow.camera.top = dist;
9595
dirLight2.shadow.camera.bottom = -dist;
9696

97-
scene?.add(dirLight2);
97+
scene.add(dirLight2);
9898

9999
const material = new MeshPhongMaterial({ color: 0x444444 });
100100
material.shininess = 0;
@@ -104,5 +104,5 @@ function createDirLightsAndGround(scene: Scene) {
104104
const ground = new Mesh(new PlaneGeometry(50, 50, 1, 1), material);
105105
ground.rotateX(-Math.PI / 2);
106106
ground.receiveShadow = true;
107-
scene?.add(ground);
107+
scene.add(ground);
108108
}

examples/vite/threejs/runner-occt-bottle/src/main.ts

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,6 @@ import { initThreeJS } from "./helpers/init-threejs";
88
import * as lil from "lil-gui";
99
import { loadRunnerScript } from "./runner/load-runner-script";
1010

11-
(window as any).THREEJS = THREEJS;
12-
13-
// Dynamically load the runner script after THREE is available on window
1411
loadRunnerScript().then(() => {
1512
start();
1613
});

0 commit comments

Comments
 (0)