3dmol 中文文档教程

Question

3Dmol.js

3Dmol.js 是一个面向对象的、基于 webGL 的在线分子可视化 JavaScript 库 - 无需 Java！

由于 3Dmol.js 是在宽松的 BSD 开源许可证下获得许可的，您可以在任何项目中自由使用它，只要正确确认代码并且 引用。

使用 3Dmol.js，您可以将呈现精美的分子可视化效果添加到您的 Web 应用程序中。 功能包括：

• support for pdb, sdf, mol2, xyz, and cube formats
• parallelized molecular surface computation
• sphere, stick, line, cross, cartoon, and surface styles
• atom property based selection and styling
• labels
• clickable interactivity with molecular data
• geometric shapes including spheres and arrows

请参阅文档以了解如何将 3Dmol.js 用作托管查看器、可嵌入查看器、或作为更大应用程序的组件。

Examples

PDB

我们支持使用 PDB 查询和 PDB 文件。

首先，您只需使用 div 的 id 创建查看器。

var viewer = $3Dmol.createViewer($("#div"));

然后您可以下载一个蛋白质数据库模型（此处为 pdb:1MO8）并以您选择的样式显示它。

$3Dmol.download("pdb:1MO8",viewer,{multimodel:true, frames:true},function(){
    viewer.setStyle({}, {cartoon:{color:"spectrum"}});
    viewer.render();
});

Surfaces

我们还支持使用异步加载的表面，支持不同的配色方案

viewer.addSurface($3Dmol.SurfaceType.VDW, {
    opacity:0.85,
    voldata: new $3Dmol.VolumeData(volumedata, "cube"),
    volscheme: new $3Dmol.Gradient.ROYGB(range[1],range[0])
},{});

Shapes

支持使用不同的形状和样式。

viewer.addCylinder({start:{x:0.0,y:2.0,z:0.0},
    end:{x:0.0,y:10.0,z:0.0},
    radius:0.5,
    fromCap:false,
    toCap:true,
    color:'teal'});
viewer.addCylinder({start:{x:15.0,y:0.0,z:0.0},
    end:{x:20.0,y:0.0,z:0.0},
    radius:1.0,
    color:'black',
    fromCap:false,
    toCap:false});

Documentation

请在 3dmol 查看我们的文档。 js。 我们有教程，以及平台的稳定版本。

Contact

请将任何问题或疑虑发送至 dkoes@pitt.edu。 您也可以在 github 上提交问题。

Citing

如果您使用 3Dmol.js，请引用我们的生物信息学论文。

Funding

3DMol.js 由国家综合医学研究所的 R01GM108340 资助。 内容完全由作者负责，并不一定代表美国国立综合医学研究所或美国国立卫生研究院的官方观点。