Skip to content

Commit 71ef93e

Browse files
added hex house concept for threejs tutorial page to docs
1 parent 80f146a commit 71ef93e

File tree

2 files changed

+381
-396
lines changed

2 files changed

+381
-396
lines changed

docs/learn/npm-packages/threejs/advanced-parametric-3d-model.mdx renamed to docs/learn/npm-packages/threejs/advanced-parametric-3d-model.md

Lines changed: 7 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ description: "Learn how to build an advanced, interactive parametric 3D model us
66
tags: [npm-packages, threejs]
77
---
88

9+
import BitByBitRenderCanvas from '@site/src/components/BitByBitRenderCanvas';
910
import Tabs from '@theme/Tabs';
1011
import TabItem from '@theme/TabItem';
1112
import CodeBlock from '@theme/CodeBlock';
@@ -39,21 +40,12 @@ This example demonstrates:
3940

4041
We are providing a higher level explanations of the codebase below, but for working reference always check this live example on StackBlitz, which, as platform evolves could change slightly.
4142

42-
<div className="stackblitz-embed-container">
43-
<iframe
44-
src="https://stackblitz.com/edit/hex-shell-threejs-bitbybit-for-docs?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark"
45-
style={{
46-
width: '100%',
47-
height: '700px',
48-
border: '0',
49-
borderRadius: '4px',
50-
overflow: 'hidden',
51-
}}
52-
title="Advanced Parametric 3D Model with Three.js & Bitbybit"
53-
allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
54-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
55-
></iframe>
56-
</div>
43+
<BitByBitRenderCanvas
44+
requireManualStart={true}
45+
iframeUrl="https://stackblitz.com/edit/hex-shell-threejs-bitbybit-for-docs?embed=1&file=src%2Fmain.ts&theme=dark"
46+
title="StackBlitz - Advanced Parametric 3D Model with Three.js & Bitbybit"
47+
/>
48+
5749

5850
### Find the source code on [Bitbybit GitHub Examples](https://github.com/bitbybit-dev/bitbybit/tree/master/examples/vite/threejs/hex-shell)
5951

0 commit comments

Comments
 (0)