본문 바로가기
개발자의 정보/Web

웹에서 3D 단백질 모델 그리기

by pastory 2020. 2. 13.

업무의 특성상 웹 화면에 단백질 3D 모델을 표현해야 한다. 방법을 몰라 이리저리 고민하게 되었다.

MD (Molecular Dynamics) 관련 작업을 하다보니 어쩔 수 없는 일이었다.

 

구글신은 모든 것을 알고 계신다!

 

검색만이 답이다. 구글을 돌리고 돌리고 또 돌리고 링크를 타고 타고 또 타고 다니며 알게 된 사이트 들이 몇가지 있다.

아래의 목록이 그 결과이다.

 

1.     PV – JavaScript Protein viewer (MIT license) https://biasmv.github.io/pv/

2.     JMOL (GNU license) http://jmol.sourceforge.net/

3.     NGL (MIT license) https://github.com/arose/ngl

4.     Molsoft http://www.molsoft.com/activeicmjs.html

5.     GLmol http://webglmol.osdn.jp/index-en.html

6.     Miew https://github.com/epam/miew

7.     EZmol http://www.sbg.bio.ic.ac.uk/ezmol/

8.     Litemol https://www.litemol.org/

 

그외  목록 https://medevel.com/15-3d-molecular-protein-modelling/

 

상업적인 목적과 범용성에 맞추어 NGL을 사용하기로 한다.

가장 큰 이유는 쉬운 적용과 알기 쉬운 몇가지 예제들 그리고 문서이다.

 

http://nglviewer.org/ngl/gallery/

 

NGL - gallery

 

nglviewer.org

위 사이트를 보면 매우 친절하게 그림으로 설명해 주고 있다.

 

http://nglviewer.org/ngl/api/manual/index.html

 

Manual | NGL Viewer

Molecular Representations Each loaded structure can be displayed using a variety of representations that can be combined to create complex molecular views. Multiple representation types are supported, including space-filling spheres for atoms (spacefill),

nglviewer.org

이와 같은 각종 매뉴얼도 존재한다.

 

http://nglviewer.org/ngl/api/identifiers.html

 

Reference | NGL Viewer

The browser name: "Opera", "Chrome", "Firefox", "Mobile Safari", "Internet Explorer", "Safari" or false.

nglviewer.org

심지어 소스까지.

http://nglviewer.org/ngl/api/source.html

 

Source | NGL Viewer

src/ngl.js - - 7624 byte 277 2017-11-02 18:12:15 (UTC)

nglviewer.org

이제 NGL을 쓰지 않을 이유가 없다.

http://nglviewer.org/

 

NGL Viewer Projects

NGL Viewer NGL Viewer is a collection of tools for web-based molecular graphics. WebGL is employed to display molecules like proteins and DNA/RNA with a variety of representations.

nglviewer.org

 

댓글