Script: GUI and Augmented Reality In Rete
- Type
rete- Project
- WebXR GUI Experiment
- Author
- bitbybit
- Date Created
- Oct 9, 2024, 8:17:07 AM
- Last Edit Date
- Oct 9, 2024, 1:01:04 PM
Project Information
Immerse yourself in Augmented Reality (AR) with the latest Rete components - this is a lightweight demo meant for headset devices that do not run StemeVR or PCVR.
Script Code
{
"id": "rete-v2-json",
"nodes": {
"5a8fc89ba8ab67d7": {
"id": "5a8fc89ba8ab67d7",
"name": "bitbybit.babylon.meshBuilder.createTorusKnot",
"async": false,
"drawable": true,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"radius": 0.25,
"tube": 0.05,
"radialSegments": 128,
"tubularSegments": 32,
"p": 1,
"q": 3,
"sideOrientation": "frontside",
"enableShadows": true
},
"inputs": {},
"position": [
2265.9542178427946,
149.82667151561313
]
},
"b99b681494c612fb": {
"id": "b99b681494c612fb",
"name": "bitbybit.babylon.meshBuilder.createSquarePlane",
"async": false,
"drawable": true,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"size": 0.5,
"sideOrientation": "frontside",
"enableShadows": true
},
"inputs": {},
"position": [
-996.0540155431802,
883.790762979171
]
},
"74d7def4833e50ad": {
"id": "74d7def4833e50ad",
"name": "bitbybit.babylon.gui.advancedDynamicTexture.createForMesh",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"supportPointerMove": true,
"onlyAlphaTesting": false,
"invertY": true,
"sampling": "trilinear"
},
"inputs": {
"mesh": {
"connections": [
{
"node": "b99b681494c612fb",
"output": "result",
"data": {}
}
]
}
},
"position": [
-164.38351331891934,
893.2115739041101
]
},
"d563617cd181f4ad": {
"id": "d563617cd181f4ad",
"name": "bitbybit.babylon.gui.colorPicker.createColorPicker",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"name": "colorPickerName",
"defaultColor": "#f0cebb",
"color": "#f0cebb",
"size": "300px"
},
"inputs": {},
"position": [
-165.3649170237394,
1442.2043016575244
]
},
"3ba67ea388fd2245": {
"id": "3ba67ea388fd2245",
"name": "bitbybit.babylon.gui.colorPicker.createColorPickerObservableSelector",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"selector": "onValueChangedObservable"
},
"inputs": {},
"position": [
526.6131046594469,
1911.535497904974
]
},
"33e0d7c15dfa0a62": {
"id": "33e0d7c15dfa0a62",
"name": "bitbybit.babylon.gui.container.addControls",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"clearControlsFirst": true
},
"inputs": {
"controls": {
"connections": [
{
"node": "c3037594dfae3506",
"output": "list",
"data": {}
}
]
},
"container": {
"connections": [
{
"node": "74d7def4833e50ad",
"output": "result",
"data": {}
}
]
}
},
"position": [
540.9734647641217,
998.0170092803944
]
},
"c3037594dfae3506": {
"id": "c3037594dfae3506",
"name": "bitbybit.lists.createList",
"data": {},
"inputs": {
"listElements": {
"connections": [
{
"node": "d563617cd181f4ad",
"output": "result",
"data": {}
}
]
}
},
"position": [
235.90760173535026,
1280.501972880461
]
},
"9e357cfa181aa531": {
"id": "9e357cfa181aa531",
"name": "bitbybit.flow.babylon.observableListener",
"data": {},
"inputs": {
"observableSelector": {
"connections": [
{
"node": "3ba67ea388fd2245",
"output": "result",
"data": {}
}
]
},
"object": {
"connections": [
{
"node": "d563617cd181f4ad",
"output": "result",
"data": {}
}
]
}
},
"position": [
1269.0571213183723,
1460.5211114604876
]
},
"a2207ebe87e222c0": {
"id": "a2207ebe87e222c0",
"name": "bitbybit.flow.babylon.getEventDataFromObservedResult",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": true
}
},
"inputs": {
"json": {
"connections": [
{
"node": "9e357cfa181aa531",
"output": "result",
"data": {}
}
]
},
"exec": {
"connections": [
{
"node": "9e357cfa181aa531",
"output": "exec",
"data": {}
}
]
}
},
"position": [
1806.3570436188431,
1470.6374874478397
]
},
"0beaec5460480b56": {
"id": "0beaec5460480b56",
"name": "bitbybit.color.rgbObjToHex",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": true
},
"min": 0,
"max": 1
},
"inputs": {
"rgb": {
"connections": [
{
"node": "a2207ebe87e222c0",
"output": "result",
"data": {}
}
]
},
"exec": {
"connections": [
{
"node": "a2207ebe87e222c0",
"output": "exec",
"data": {}
}
]
}
},
"position": [
2270.083483693458,
1342.3311992583563
]
},
"b716f320062bb820": {
"id": "b716f320062bb820",
"name": "bitbybit.babylon.material.pbrMetallicRoughness.create",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"name": "Custom Material2",
"baseColor": "#0000ff",
"emissiveColor": "#000000",
"metallic": 0.7,
"roughness": 0.8,
"alpha": 1,
"backFaceCulling": false,
"zOffset": 0
},
"inputs": {},
"position": [
2776.8649594780636,
653.8396806802533
]
},
"fc9c062509e3b31f": {
"id": "fc9c062509e3b31f",
"name": "bitbybit.babylon.mesh.setMaterial",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"includeChildren": false
},
"inputs": {
"babylonMesh": {
"connections": [
{
"node": "5a8fc89ba8ab67d7",
"output": "result",
"data": {}
}
]
},
"material": {
"connections": [
{
"node": "b716f320062bb820",
"output": "result",
"data": {}
}
]
}
},
"position": [
3475.0116719251428,
596.1533258317767
]
},
"a2ac5d01f29c0dd4": {
"id": "a2ac5d01f29c0dd4",
"name": "bitbybit.babylon.material.pbrMetallicRoughness.setBaseColor",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": true
},
"baseColor": "#0000ff"
},
"inputs": {
"material": {
"connections": [
{
"node": "b716f320062bb820",
"output": "result",
"data": {}
}
]
},
"baseColor": {
"connections": [
{
"node": "0beaec5460480b56",
"output": "result",
"data": {}
}
]
},
"exec": {
"connections": [
{
"node": "0beaec5460480b56",
"output": "exec",
"data": {}
}
]
}
},
"position": [
3204.51727386105,
1175.10344991769
]
},
"cf7c1fafc11f3a02": {
"id": "cf7c1fafc11f3a02",
"name": "bitbybit.occt.shapes.face.createCircleFace",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"radius": 1,
"center": [
0,
0,
0
],
"direction": [
0,
1,
0
]
},
"inputs": {
"center": {
"connections": [
{
"node": "90e7494610cbf6e0",
"output": "result",
"data": {}
}
]
}
},
"position": [
4303.734815726969,
615.9041994846777
]
},
"1cfd8cbf6e1aa42b": {
"id": "1cfd8cbf6e1aa42b",
"name": "bitbybit.babylon.mesh.setPosition",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"babylonMesh": {
"connections": [
{
"node": "5a8fc89ba8ab67d7",
"output": "result",
"data": {}
},
{
"node": "b99b681494c612fb",
"output": "result",
"data": {}
}
]
},
"position": {
"connections": [
{
"node": "e0b87650b7673e4b",
"output": "result",
"data": {}
}
]
}
},
"position": [
3464.925187463409,
-283.3979240281141
]
},
"e0b87650b7673e4b": {
"id": "e0b87650b7673e4b",
"name": "bitbybit.vector.vectorXYZ",
"async": false,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"x": 0,
"y": 1.5,
"z": 3
},
"inputs": {},
"position": [
3100.17645967947,
58.10480002402926
]
},
"90e7494610cbf6e0": {
"id": "90e7494610cbf6e0",
"name": "bitbybit.vector.vectorXYZ",
"async": false,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"x": 0,
"y": 1,
"z": 3
},
"inputs": {},
"position": [
3939.046901137404,
595.4875030953968
]
},
"95acd8db3aa36aa9": {
"id": "95acd8db3aa36aa9",
"name": "bitbybit.draw.drawAnyAsync",
"async": true,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"entity": {
"connections": [
{
"node": "cf7c1fafc11f3a02",
"output": "result",
"data": {}
}
]
},
"options": {
"connections": [
{
"node": "3d61379d8c58a472",
"output": "result",
"data": {}
}
]
}
},
"position": [
4663.683726262853,
986.8627669070213
]
},
"3d61379d8c58a472": {
"id": "3d61379d8c58a472",
"name": "bitbybit.draw.optionsOcctShapeMaterial",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"precision": 0.01,
"drawEdges": false,
"edgeColour": "#ffffff",
"edgeWidth": 2
},
"inputs": {
"faceMaterial": {
"connections": [
{
"node": "b716f320062bb820",
"output": "result",
"data": {}
}
]
}
},
"position": [
3622.0638419862,
1024.3692572761913
]
},
"9aae326d9bf34693": {
"id": "9aae326d9bf34693",
"name": "bitbybit.babylon.mesh.setRotation",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"exec": {
"connections": [
{
"node": "b9946de99e5fcea7",
"output": "exec",
"data": {}
}
]
},
"rotation": {
"connections": [
{
"node": "b9946de99e5fcea7",
"output": "result",
"data": {}
}
]
},
"babylonMesh": {
"connections": [
{
"node": "5a8fc89ba8ab67d7",
"output": "result",
"data": {}
}
]
}
},
"position": [
3463.5809979406263,
-706.9624378130567
]
},
"3f84cd8b4fc56141": {
"id": "3f84cd8b4fc56141",
"name": "bitbybit.flow.time.interval",
"data": {
"interval": 20
},
"inputs": {
"exec": {
"connections": [
{
"node": "10bfc042f9624aea",
"output": "exec",
"data": {}
}
]
}
},
"position": [
2163.421484951745,
-631.1783832493802
]
},
"10bfc042f9624aea": {
"id": "10bfc042f9624aea",
"name": "bitbybit.flow.actions.trigger",
"data": {},
"inputs": {},
"position": [
1847.7770019200707,
-586.1835855275839
]
},
"b9946de99e5fcea7": {
"id": "b9946de99e5fcea7",
"name": "bitbybit.vector.vectorXYZ",
"async": false,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"x": 0,
"y": 0,
"z": 0
},
"inputs": {
"y": {
"connections": [
{
"node": "7168fc5031263146",
"output": "result",
"data": {}
}
]
},
"exec": {
"connections": [
{
"node": "7168fc5031263146",
"output": "exec",
"data": {}
}
]
}
},
"position": [
3031.4171117534893,
-829.976022517153
]
},
"7168fc5031263146": {
"id": "7168fc5031263146",
"name": "bitbybit.flow.counters.counterMinMax",
"data": {
"count": 0,
"min": 0,
"max": 360,
"step": 0.1,
"pulse": false
},
"inputs": {
"exec": {
"connections": [
{
"node": "3f84cd8b4fc56141",
"output": "exec",
"data": {}
}
]
}
},
"position": [
2534.275620009751,
-730.6817620210793
]
},
"7ad8ff732f4caaf9": {
"id": "7ad8ff732f4caaf9",
"name": "bitbybit.babylon.webXr.simple.createImmersiveARExperience",
"async": true,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {},
"position": [
1504.5586263656596,
1000.0014148497055
]
},
"98ae26639aae79f1": {
"id": "98ae26639aae79f1",
"name": "bitbybit.babylon.scene.drawDirectionalLight",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"direction": [
-100,
-100,
-100
],
"intensity": 3,
"diffuse": "#ffffff",
"specular": "#ffffff",
"shadowGeneratorMapSize": 1024,
"enableShadows": true,
"shadowDarkness": 0,
"shadowUsePercentageCloserFiltering": true,
"shadowContactHardeningLightSizeUVRatio": 0.2,
"shadowBias": 0.0001,
"shadowNormalBias": 0.002,
"shadowMaxZ": 1000,
"shadowMinZ": 0
},
"inputs": {},
"position": [
-957.4205328885399,
1485.6912239474077
]
}
}
} Plans & Pricing
Choose Your Plan
Editor plans for 3D development, API keys for server-side CAD algorithms
Editor Plans
Cloud storage, private projects & 3D algorithms for Bitbybit editors
API Key Plans
Run CAD algorithms on managed cloud servers from your own backend applications
B2B
ENTERPRISE
Custom pricingCustom software development, dedicated servers & CAD automation at scale.
CAD Automation & Software
- Custom software development
- Cloud CAD automation pipelines
- 3D configurators (STEP & GLTF)
- Batch export jobs
- Custom algorithms & deployment
Infrastructure & Support
- Custom compute allocation
- Dedicated / VPS server tenants
- Long-running computation jobs
- Custom upload limits & overage
- SLA & premium support