Name
*
Code
{"properties":{"frame":0,"maxFrame":600,"maxFrameLocked":false,"realtimeState":true,"mainCameraPath":"/cameras/cameras:sopGroup/perspectiveCamera1","versions":{"polygonjs":"1.5.75"}},"root":{"type":"root","nodes":{"grid":{"type":"geo","nodes":{"planeHelper1":{"type":"planeHelper","flags":{"display":true}}},"params":{"CADLinearTolerance":{"overriden_options":{"callback":"{}"}},"CADAngularTolerance":{"overriden_options":{"callback":"{}"}},"CADCurveAbscissa":{"overriden_options":{"callback":"{}"}},"CADCurveTolerance":{"overriden_options":{"callback":"{}"}},"CADDisplayEdges":{"overriden_options":{"callback":"{}"}},"CADEdgesColor":{"overriden_options":{"callback":"{}"}},"CADDisplayMeshes":{"overriden_options":{"callback":"{}"}},"CADMeshesColor":{"overriden_options":{"callback":"{}"}},"CADWireframe":{"overriden_options":{"callback":"{}"}},"CSGFacetAngle":{"overriden_options":{"callback":"{}"}},"CSGLinesColor":{"overriden_options":{"callback":"{}"}},"CSGMeshesColor":{"overriden_options":{"callback":"{}"}},"CSGWireframe":{"overriden_options":{"callback":"{}"}},"QUADTriangles":{"overriden_options":{"callback":"{}"}},"QUADWireframe":{"overriden_options":{"callback":"{}"}},"TetScale":{"overriden_options":{"callback":"{}"}},"TetDisplayLines":{"overriden_options":{"callback":"{}"}},"TetDisplaySharedFaces":{"overriden_options":{"callback":"{}"}},"TetDisplayPoints":{"overriden_options":{"callback":"{}"}},"TetDisplayCenter":{"overriden_options":{"callback":"{}"}},"TetDisplaySphere":{"overriden_options":{"callback":"{}"}}},"flags":{"display":true}},"HTMLElement":{"type":"geo","nodes":{"CSS3DObject1":{"type":"CSS3DObject","params":{"html":"<div>this is an html element</div>"}},"transform1":{"type":"transform","params":{"applyOn":1,"t":[1.3726335552229398,0.7530751438336716,0]},"inputs":["CSS3DObject1"],"flags":{"display":true}}},"params":{"CADLinearTolerance":{"overriden_options":{"callback":"{}"}},"CADAngularTolerance":{"overriden_options":{"callback":"{}"}},"CADCurveAbscissa":{"overriden_options":{"callback":"{}"}},"CADCurveTolerance":{"overriden_options":{"callback":"{}"}},"CADDisplayEdges":{"overriden_options":{"callback":"{}"}},"CADEdgesColor":{"overriden_options":{"callback":"{}"}},"CADDisplayMeshes":{"overriden_options":{"callback":"{}"}},"CADMeshesColor":{"overriden_options":{"callback":"{}"}},"CADWireframe":{"overriden_options":{"callback":"{}"}},"CSGFacetAngle":{"overriden_options":{"callback":"{}"}},"CSGLinesColor":{"overriden_options":{"callback":"{}"}},"CSGMeshesColor":{"overriden_options":{"callback":"{}"}},"CSGWireframe":{"overriden_options":{"callback":"{}"}},"QUADTriangles":{"overriden_options":{"callback":"{}"}},"QUADWireframe":{"overriden_options":{"callback":"{}"}},"TetScale":{"overriden_options":{"callback":"{}"}},"TetDisplayLines":{"overriden_options":{"callback":"{}"}},"TetDisplaySharedFaces":{"overriden_options":{"callback":"{}"}},"TetDisplayPoints":{"overriden_options":{"callback":"{}"}},"TetDisplayCenter":{"overriden_options":{"callback":"{}"}},"TetDisplaySphere":{"overriden_options":{"callback":"{}"}}},"flags":{"display":true}},"cameras":{"type":"geo","nodes":{"perspectiveCamera1":{"type":"perspectiveCamera","params":{"position":[3.0161526633531355,1.1787657307191874,2.8147382086475234],"rotation":[-24.122924785072435,45.85678029788119,17.814452381427213]}},"cameraControls1":{"type":"cameraControls","nodes":{"cameraOrbitControls1":{"type":"cameraOrbitControls","params":{"target":[-0.49051798309373357,-0.5386971640144519,-0.7160581349452563]}}},"params":{"node":"cameraOrbitControls1"},"inputs":["perspectiveCamera1"]},"cameraCSSRenderer1":{"type":"cameraCSSRenderer","nodes":{"CSS3DRenderer1":{"type":"CSS3DRenderer"}},"params":{"node":"CSS3DRenderer1"},"inputs":["cameraControls1"],"flags":{"display":true}}},"params":{"CADLinearTolerance":{"overriden_options":{"callback":"{}"}},"CADAngularTolerance":{"overriden_options":{"callback":"{}"}},"CADCurveAbscissa":{"overriden_options":{"callback":"{}"}},"CADCurveTolerance":{"overriden_options":{"callback":"{}"}},"CADDisplayEdges":{"overriden_options":{"callback":"{}"}},"CADEdgesColor":{"overriden_options":{"callback":"{}"}},"CADDisplayMeshes":{"overriden_options":{"callback":"{}"}},"CADMeshesColor":{"overriden_options":{"callback":"{}"}},"CADWireframe":{"overriden_options":{"callback":"{}"}},"CSGFacetAngle":{"overriden_options":{"callback":"{}"}},"CSGLinesColor":{"overriden_options":{"callback":"{}"}},"CSGMeshesColor":{"overriden_options":{"callback":"{}"}},"CSGWireframe":{"overriden_options":{"callback":"{}"}},"QUADTriangles":{"overriden_options":{"callback":"{}"}},"QUADWireframe":{"overriden_options":{"callback":"{}"}},"TetScale":{"overriden_options":{"callback":"{}"}},"TetDisplayLines":{"overriden_options":{"callback":"{}"}},"TetDisplaySharedFaces":{"overriden_options":{"callback":"{}"}},"TetDisplayPoints":{"overriden_options":{"callback":"{}"}},"TetDisplayCenter":{"overriden_options":{"callback":"{}"}},"TetDisplaySphere":{"overriden_options":{"callback":"{}"}}},"flags":{"display":true}}},"params":{"mainCameraPath":"/cameras/cameras:sopGroup/perspectiveCamera1"}},"ui":{"nodes":{"grid":{"pos":[0,-150],"nodes":{"planeHelper1":{"pos":[0,0]}}},"HTMLElement":{"pos":[0,-50],"comment":"[Enter this node](.) to see how it is setup","nodes":{"CSS3DObject1":{"pos":[0,250],"comment":"This node is what creates the HTML elements inside your 3D experiences. Note that for it to be visible, it needs a [CSSRenderer](/perspectiveCamera1/ROP/CSS3DRenderer1) node added to the camera.\\n\\nAnd you can change the html `content`, `id`, `class`3"},"transform1":{"pos":[0,600]}}},"cameras":{"pos":[0,50],"nodes":{"perspectiveCamera1":{"pos":[0,-50]},"cameraControls1":{"pos":[0,100],"nodes":{"cameraOrbitControls1":{"pos":[0,0]}}},"cameraCSSRenderer1":{"pos":[0,250],"nodes":{"CSS3DRenderer1":{"pos":[0,100],"comment":"With this node, you can set the CSS rules that will be added to your page. In this case, it updates the `.CSS3DObject` class, which is used by the [CSS3DObject](/HTMLElement/CSS3DObject1)"}}}}}}},"shaders":{},"jsFunctionBodies":{}}
Code editor
{"multiple_panel":{"split_ratio":0.5,"split_panel0":{"split_ratio":0.5,"split_panel0":{"panelTypes":["viewer","params","network"],"currentPanelIndex":0,"panel_data":{"camera":"/cameras/cameras:sopGroup/perspectiveCamera1","isViewerInitLayoutData":true,"linkIndex":1,"overlayedNetwork":{"allowed":false,"displayed":false}}},"split_panel1":{"panelTypes":["viewer","params","network"],"currentPanelIndex":1,"panel_data":{"active_folder":389,"linkIndex":1}},"split_mode":"vertical"},"split_panel1":{"panelTypes":["viewer","params","network"],"currentPanelIndex":2,"panel_data":{"camera":{"position":{"x":-57.572483916210444,"y":-30.166887960403585},"zoom":1.2373177726624698},"history":{"2":{"position":{"x":-57.572483916210444,"y":-30.166887960403585},"zoom":1.2373177726624698},"138":{"position":{"x":200,"y":-150},"zoom":1.298317772662469},"149":{"position":{"x":200,"y":-100},"zoom":1.5933177726624683},"196":{"position":{"x":19.874182775360016,"y":-134.93709138768},"zoom":1.5933177726624683},"203":{"position":{"x":-207.11352848837998,"y":-50.62762119218},"zoom":1.5933177726624683},"253":{"position":{"x":-117.43914093477056,"y":-441.7599411027827},"zoom":1.1683177726624705},"282":{"position":{"x":50,"y":-150},"zoom":1.298317772662469},"383":{"position":{"x":-76.25251851631056,"y":-206.42095921587105},"zoom":1.298317772662469},"568":{"position":{"x":-81.64411073463555,"y":-39.28160044779635},"zoom":1.298317772662469}},"paramsDisplayed":false,"linkIndex":1}},"split_mode":"horizontal"},"currentNodes":["/","/","/","/","/","/","/","/"],"navigationHistory":{"nodePaths":{"1":["/","/HTMLElement","/","/cameras","/","/cameras","/","/cameras","/","/","/cameras","/cameras/cameraCSSRenderer1","/cameras","/"],"2":[],"3":[],"4":[],"5":[],"6":[],"7":[],"8":[]},"index":{"1":13,"2":-1,"3":-1,"4":-1,"5":-1,"6":-1,"7":-1,"8":-1}},"fullscreenPanelId":null,"saveOptions":{"checkRemoteAssetsUse":true,"minimizeFilesCount":false},"paramsModal":[]}
Used nodes
event/cameraOrbitControls;obj/geo;rop/CSS3DRenderer;sop/CSS3DObject;sop/cameraCSSRenderer;sop/cameraControls;sop/perspectiveCamera;sop/planeHelper;sop/transform
Used operations
Used modules
Used assemblers
Used integrations
[]
Used assets
Nodes map
{"/grid":"obj/geo","/grid/planeHelper1":"sop/planeHelper","/HTMLElement":"obj/geo","/HTMLElement/CSS3DObject1":"sop/CSS3DObject","/HTMLElement/transform1":"sop/transform","/cameras":"obj/geo","/cameras/perspectiveCamera1":"sop/perspectiveCamera","/cameras/cameraControls1":"sop/cameraControls","/cameras/cameraControls1/cameraOrbitControls1":"event/cameraOrbitControls","/cameras/cameraCSSRenderer1":"sop/cameraCSSRenderer","/cameras/cameraCSSRenderer1/CSS3DRenderer1":"rop/CSS3DRenderer"}
Js version
Editor version
Engine version
Name
*
Code
{"properties":{"frame":0,"maxFrame":600,"maxFrameLocked":false,"realtimeState":true,"mainCameraPath":"/cameras/cameras:sopGroup/perspectiveCamera1","versions":{"polygonjs":"1.5.75"}},"root":{"type":"root","nodes":{"grid":{"type":"geo","nodes":{"planeHelper1":{"type":"planeHelper","flags":{"display":true}}},"params":{"CADLinearTolerance":{"overriden_options":{"callback":"{}"}},"CADAngularTolerance":{"overriden_options":{"callback":"{}"}},"CADCurveAbscissa":{"overriden_options":{"callback":"{}"}},"CADCurveTolerance":{"overriden_options":{"callback":"{}"}},"CADDisplayEdges":{"overriden_options":{"callback":"{}"}},"CADEdgesColor":{"overriden_options":{"callback":"{}"}},"CADDisplayMeshes":{"overriden_options":{"callback":"{}"}},"CADMeshesColor":{"overriden_options":{"callback":"{}"}},"CADWireframe":{"overriden_options":{"callback":"{}"}},"CSGFacetAngle":{"overriden_options":{"callback":"{}"}},"CSGLinesColor":{"overriden_options":{"callback":"{}"}},"CSGMeshesColor":{"overriden_options":{"callback":"{}"}},"CSGWireframe":{"overriden_options":{"callback":"{}"}},"QUADTriangles":{"overriden_options":{"callback":"{}"}},"QUADWireframe":{"overriden_options":{"callback":"{}"}},"TetScale":{"overriden_options":{"callback":"{}"}},"TetDisplayLines":{"overriden_options":{"callback":"{}"}},"TetDisplaySharedFaces":{"overriden_options":{"callback":"{}"}},"TetDisplayPoints":{"overriden_options":{"callback":"{}"}},"TetDisplayCenter":{"overriden_options":{"callback":"{}"}},"TetDisplaySphere":{"overriden_options":{"callback":"{}"}}},"flags":{"display":true}},"HTMLElement":{"type":"geo","nodes":{"CSS3DObject1":{"type":"CSS3DObject","params":{"html":"<div>this is an html element</div>"}},"transform1":{"type":"transform","params":{"applyOn":1,"t":[1.3726335552229398,0.7530751438336716,0]},"inputs":["CSS3DObject1"],"flags":{"display":true}}},"params":{"CADLinearTolerance":{"overriden_options":{"callback":"{}"}},"CADAngularTolerance":{"overriden_options":{"callback":"{}"}},"CADCurveAbscissa":{"overriden_options":{"callback":"{}"}},"CADCurveTolerance":{"overriden_options":{"callback":"{}"}},"CADDisplayEdges":{"overriden_options":{"callback":"{}"}},"CADEdgesColor":{"overriden_options":{"callback":"{}"}},"CADDisplayMeshes":{"overriden_options":{"callback":"{}"}},"CADMeshesColor":{"overriden_options":{"callback":"{}"}},"CADWireframe":{"overriden_options":{"callback":"{}"}},"CSGFacetAngle":{"overriden_options":{"callback":"{}"}},"CSGLinesColor":{"overriden_options":{"callback":"{}"}},"CSGMeshesColor":{"overriden_options":{"callback":"{}"}},"CSGWireframe":{"overriden_options":{"callback":"{}"}},"QUADTriangles":{"overriden_options":{"callback":"{}"}},"QUADWireframe":{"overriden_options":{"callback":"{}"}},"TetScale":{"overriden_options":{"callback":"{}"}},"TetDisplayLines":{"overriden_options":{"callback":"{}"}},"TetDisplaySharedFaces":{"overriden_options":{"callback":"{}"}},"TetDisplayPoints":{"overriden_options":{"callback":"{}"}},"TetDisplayCenter":{"overriden_options":{"callback":"{}"}},"TetDisplaySphere":{"overriden_options":{"callback":"{}"}}},"flags":{"display":true}},"cameras":{"type":"geo","nodes":{"perspectiveCamera1":{"type":"perspectiveCamera","params":{"position":[3.0161526633531355,1.1787657307191874,2.8147382086475234],"rotation":[-24.122924785072435,45.85678029788119,17.814452381427213]}},"cameraControls1":{"type":"cameraControls","nodes":{"cameraOrbitControls1":{"type":"cameraOrbitControls","params":{"target":[-0.49051798309373357,-0.5386971640144519,-0.7160581349452563]}}},"params":{"node":"cameraOrbitControls1"},"inputs":["perspectiveCamera1"]},"cameraCSSRenderer1":{"type":"cameraCSSRenderer","nodes":{"CSS3DRenderer1":{"type":"CSS3DRenderer"}},"params":{"node":"CSS3DRenderer1"},"inputs":["cameraControls1"],"flags":{"display":true}}},"params":{"CADLinearTolerance":{"overriden_options":{"callback":"{}"}},"CADAngularTolerance":{"overriden_options":{"callback":"{}"}},"CADCurveAbscissa":{"overriden_options":{"callback":"{}"}},"CADCurveTolerance":{"overriden_options":{"callback":"{}"}},"CADDisplayEdges":{"overriden_options":{"callback":"{}"}},"CADEdgesColor":{"overriden_options":{"callback":"{}"}},"CADDisplayMeshes":{"overriden_options":{"callback":"{}"}},"CADMeshesColor":{"overriden_options":{"callback":"{}"}},"CADWireframe":{"overriden_options":{"callback":"{}"}},"CSGFacetAngle":{"overriden_options":{"callback":"{}"}},"CSGLinesColor":{"overriden_options":{"callback":"{}"}},"CSGMeshesColor":{"overriden_options":{"callback":"{}"}},"CSGWireframe":{"overriden_options":{"callback":"{}"}},"QUADTriangles":{"overriden_options":{"callback":"{}"}},"QUADWireframe":{"overriden_options":{"callback":"{}"}},"TetScale":{"overriden_options":{"callback":"{}"}},"TetDisplayLines":{"overriden_options":{"callback":"{}"}},"TetDisplaySharedFaces":{"overriden_options":{"callback":"{}"}},"TetDisplayPoints":{"overriden_options":{"callback":"{}"}},"TetDisplayCenter":{"overriden_options":{"callback":"{}"}},"TetDisplaySphere":{"overriden_options":{"callback":"{}"}}},"flags":{"display":true}}},"params":{"mainCameraPath":"/cameras/cameras:sopGroup/perspectiveCamera1"}},"ui":{"nodes":{"grid":{"pos":[0,-150],"nodes":{"planeHelper1":{"pos":[0,0]}}},"HTMLElement":{"pos":[0,-50],"comment":"[Enter this node](.) to see how it is setup","nodes":{"CSS3DObject1":{"pos":[0,250],"comment":"This node is what creates the HTML elements inside your 3D experiences. Note that for it to be visible, it needs a [CSSRenderer](/perspectiveCamera1/ROP/CSS3DRenderer1) node added to the camera.\\n\\nAnd you can change the html `content`, `id`, `class`3"},"transform1":{"pos":[0,600]}}},"cameras":{"pos":[0,50],"nodes":{"perspectiveCamera1":{"pos":[0,-50]},"cameraControls1":{"pos":[0,100],"nodes":{"cameraOrbitControls1":{"pos":[0,0]}}},"cameraCSSRenderer1":{"pos":[0,250],"nodes":{"CSS3DRenderer1":{"pos":[0,100],"comment":"With this node, you can set the CSS rules that will be added to your page. In this case, it updates the `.CSS3DObject` class, which is used by the [CSS3DObject](/HTMLElement/CSS3DObject1)"}}}}}}},"shaders":{},"jsFunctionBodies":{}}
Code editor
{"multiple_panel":{"split_ratio":0.5,"split_panel0":{"split_ratio":0.5,"split_panel0":{"panelTypes":["viewer","params","network"],"currentPanelIndex":0,"panel_data":{"camera":"/cameras/cameras:sopGroup/perspectiveCamera1","isViewerInitLayoutData":true,"linkIndex":1,"overlayedNetwork":{"allowed":false,"displayed":false}}},"split_panel1":{"panelTypes":["viewer","params","network"],"currentPanelIndex":1,"panel_data":{"active_folder":389,"linkIndex":1}},"split_mode":"vertical"},"split_panel1":{"panelTypes":["viewer","params","network"],"currentPanelIndex":2,"panel_data":{"camera":{"position":{"x":-57.572483916210444,"y":-30.166887960403585},"zoom":1.2373177726624698},"history":{"2":{"position":{"x":-57.572483916210444,"y":-30.166887960403585},"zoom":1.2373177726624698},"138":{"position":{"x":200,"y":-150},"zoom":1.298317772662469},"149":{"position":{"x":200,"y":-100},"zoom":1.5933177726624683},"196":{"position":{"x":19.874182775360016,"y":-134.93709138768},"zoom":1.5933177726624683},"203":{"position":{"x":-207.11352848837998,"y":-50.62762119218},"zoom":1.5933177726624683},"253":{"position":{"x":-117.43914093477056,"y":-441.7599411027827},"zoom":1.1683177726624705},"282":{"position":{"x":50,"y":-150},"zoom":1.298317772662469},"383":{"position":{"x":-76.25251851631056,"y":-206.42095921587105},"zoom":1.298317772662469},"568":{"position":{"x":-81.64411073463555,"y":-39.28160044779635},"zoom":1.298317772662469}},"paramsDisplayed":false,"linkIndex":1}},"split_mode":"horizontal"},"currentNodes":["/","/","/","/","/","/","/","/"],"navigationHistory":{"nodePaths":{"1":["/","/HTMLElement","/","/cameras","/","/cameras","/","/cameras","/","/","/cameras","/cameras/cameraCSSRenderer1","/cameras","/"],"2":[],"3":[],"4":[],"5":[],"6":[],"7":[],"8":[]},"index":{"1":13,"2":-1,"3":-1,"4":-1,"5":-1,"6":-1,"7":-1,"8":-1}},"fullscreenPanelId":null,"saveOptions":{"checkRemoteAssetsUse":true,"minimizeFilesCount":false},"paramsModal":[]}
Used nodes
event/cameraOrbitControls;obj/geo;rop/CSS3DRenderer;sop/CSS3DObject;sop/cameraCSSRenderer;sop/cameraControls;sop/perspectiveCamera;sop/planeHelper;sop/transform
Used operations
Used modules
Used assemblers
Used integrations
[]
Used assets
Nodes map
{"/grid":"obj/geo","/grid/planeHelper1":"sop/planeHelper","/HTMLElement":"obj/geo","/HTMLElement/CSS3DObject1":"sop/CSS3DObject","/HTMLElement/transform1":"sop/transform","/cameras":"obj/geo","/cameras/perspectiveCamera1":"sop/perspectiveCamera","/cameras/cameraControls1":"sop/cameraControls","/cameras/cameraControls1/cameraOrbitControls1":"event/cameraOrbitControls","/cameras/cameraCSSRenderer1":"sop/cameraCSSRenderer","/cameras/cameraCSSRenderer1/CSS3DRenderer1":"rop/CSS3DRenderer"}
Js version
Editor version
Engine version
Logout
0%
There was a problem displaying your scene:
view scene source