Collections:
addBox() - Create 3D Boxes
How to create 3D Boxes with 3Dmol.js addBox() methods?
✍: FYIcenter.com
viewer.addBox() method in the $3Dmol.GLViewer class allows you to create 3D box objects. Here is the signature of the addBox() method:
{$3Dmol.GLViewer} addBox({BoxSpec} spec) -> {$3Dmol.GLShape}
Here is an HTML code example, Draw-Box.html, that uses the addBox() method:
<html><head> <script src="/3Dmol-min.js"></script> <style> .mol-container {width: 400px; height: 400px; position: relative;} </style> </head> <body> <div id="container-01" class="mol-container"></div> <script> $(function() { let element = $('#container-01'); let config = { backgroundColor: 'grey' }; let viewer = $3Dmol.createViewer( element, config ); viewer.addBox({center:{x:0,y:0,z:0},dimensions: {w:3,h:4,d:2},color:'magenta'}); viewer.zoomTo(); viewer.rotate(45, {x:1,y:1,z:1}); viewer.render(); }); </script> </body></html>
This example HTML code will display a 3D box as shown below:
⇒ addLabel() - Create Text Labels
⇐ GLViewer Class and Instance Methods
⇑⇑ 3Dmol.js FAQ
2023-09-07, 252🔥, 0💬
Popular Posts:
Molecule Summary: ID: FYI-1003436 Names: InChIKey: YSUUIPAGPVQNSM-UHFFFAOYS A-NSMILES: COc1ccc2c(c1)...
Molecule Summary: ID: FYI-1001001 SMILES: C#CC#CCN1NC(C(O)[NH2+]CC (C)(C)C)C2CC=CC=C21Received at FY...
Molecule Summary: ID: FYI-1001938 SMILES: CC(=O)OC1=CC=CC=C1C(=O)O Received at FYIcenter.com on: 202...
Molecule Summary: ID: FYI-1001331 SMILES: CC(C)(O[C@@H]1C[C@@H]([C @H](C[C@@H](C([C@]2(C)C= C3)=CC3=O)...
Molecule Summary: ID: FYI-1001336 SMILES: Fc1ccc(c(C(NOCC2CC2)=NC( =O)Cc2ccccc2)c1F)C(F)(F) FReceived...