PDBLoader.js 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. /**
  2. * @author alteredq / http://alteredqualia.com/
  3. * @author Mugen87 / https://github.com/Mugen87
  4. */
  5. THREE.PDBLoader = function ( manager ) {
  6. this.manager = ( manager !== undefined ) ? manager : THREE.DefaultLoadingManager;
  7. };
  8. THREE.PDBLoader.prototype = {
  9. constructor: THREE.PDBLoader,
  10. load: function ( url, onLoad, onProgress, onError ) {
  11. var scope = this;
  12. var loader = new THREE.FileLoader( scope.manager );
  13. loader.load( url, function ( text ) {
  14. var json = scope.parsePDB( text );
  15. scope.createModel( json, onLoad );
  16. }, onProgress, onError );
  17. },
  18. // Based on CanvasMol PDB parser
  19. parsePDB: function ( text ) {
  20. function trim( text ) {
  21. return text.replace( /^\s\s*/, '' ).replace( /\s\s*$/, '' );
  22. }
  23. function capitalize( text ) {
  24. return text.charAt( 0 ).toUpperCase() + text.substr( 1 ).toLowerCase();
  25. }
  26. function hash( s, e ) {
  27. return "s" + Math.min( s, e ) + "e" + Math.max( s, e );
  28. }
  29. function parseBond( start, length ) {
  30. var eatom = parseInt( lines[ i ].substr( start, length ) );
  31. if ( eatom ) {
  32. var h = hash( satom, eatom );
  33. if ( bhash[ h ] === undefined ) {
  34. bonds.push( [ satom - 1, eatom - 1, 1 ] );
  35. bhash[ h ] = bonds.length - 1;
  36. } else {
  37. // doesn't really work as almost all PDBs
  38. // have just normal bonds appearing multiple
  39. // times instead of being double/triple bonds
  40. // bonds[bhash[h]][2] += 1;
  41. }
  42. }
  43. }
  44. var CPK = { "h": [ 255, 255, 255 ], "he": [ 217, 255, 255 ], "li": [ 204, 128, 255 ], "be": [ 194, 255, 0 ], "b": [ 255, 181, 181 ], "c": [ 144, 144, 144 ], "n": [ 48, 80, 248 ], "o": [ 255, 13, 13 ], "f": [ 144, 224, 80 ], "ne": [ 179, 227, 245 ], "na": [ 171, 92, 242 ], "mg": [ 138, 255, 0 ], "al": [ 191, 166, 166 ], "si": [ 240, 200, 160 ], "p": [ 255, 128, 0 ], "s": [ 255, 255, 48 ], "cl": [ 31, 240, 31 ], "ar": [ 128, 209, 227 ], "k": [ 143, 64, 212 ], "ca": [ 61, 255, 0 ], "sc": [ 230, 230, 230 ], "ti": [ 191, 194, 199 ], "v": [ 166, 166, 171 ], "cr": [ 138, 153, 199 ], "mn": [ 156, 122, 199 ], "fe": [ 224, 102, 51 ], "co": [ 240, 144, 160 ], "ni": [ 80, 208, 80 ], "cu": [ 200, 128, 51 ], "zn": [ 125, 128, 176 ], "ga": [ 194, 143, 143 ], "ge": [ 102, 143, 143 ], "as": [ 189, 128, 227 ], "se": [ 255, 161, 0 ], "br": [ 166, 41, 41 ], "kr": [ 92, 184, 209 ], "rb": [ 112, 46, 176 ], "sr": [ 0, 255, 0 ], "y": [ 148, 255, 255 ], "zr": [ 148, 224, 224 ], "nb": [ 115, 194, 201 ], "mo": [ 84, 181, 181 ], "tc": [ 59, 158, 158 ], "ru": [ 36, 143, 143 ], "rh": [ 10, 125, 140 ], "pd": [ 0, 105, 133 ], "ag": [ 192, 192, 192 ], "cd": [ 255, 217, 143 ], "in": [ 166, 117, 115 ], "sn": [ 102, 128, 128 ], "sb": [ 158, 99, 181 ], "te": [ 212, 122, 0 ], "i": [ 148, 0, 148 ], "xe": [ 66, 158, 176 ], "cs": [ 87, 23, 143 ], "ba": [ 0, 201, 0 ], "la": [ 112, 212, 255 ], "ce": [ 255, 255, 199 ], "pr": [ 217, 255, 199 ], "nd": [ 199, 255, 199 ], "pm": [ 163, 255, 199 ], "sm": [ 143, 255, 199 ], "eu": [ 97, 255, 199 ], "gd": [ 69, 255, 199 ], "tb": [ 48, 255, 199 ], "dy": [ 31, 255, 199 ], "ho": [ 0, 255, 156 ], "er": [ 0, 230, 117 ], "tm": [ 0, 212, 82 ], "yb": [ 0, 191, 56 ], "lu": [ 0, 171, 36 ], "hf": [ 77, 194, 255 ], "ta": [ 77, 166, 255 ], "w": [ 33, 148, 214 ], "re": [ 38, 125, 171 ], "os": [ 38, 102, 150 ], "ir": [ 23, 84, 135 ], "pt": [ 208, 208, 224 ], "au": [ 255, 209, 35 ], "hg": [ 184, 184, 208 ], "tl": [ 166, 84, 77 ], "pb": [ 87, 89, 97 ], "bi": [ 158, 79, 181 ], "po": [ 171, 92, 0 ], "at": [ 117, 79, 69 ], "rn": [ 66, 130, 150 ], "fr": [ 66, 0, 102 ], "ra": [ 0, 125, 0 ], "ac": [ 112, 171, 250 ], "th": [ 0, 186, 255 ], "pa": [ 0, 161, 255 ], "u": [ 0, 143, 255 ], "np": [ 0, 128, 255 ], "pu": [ 0, 107, 255 ], "am": [ 84, 92, 242 ], "cm": [ 120, 92, 227 ], "bk": [ 138, 79, 227 ], "cf": [ 161, 54, 212 ], "es": [ 179, 31, 212 ], "fm": [ 179, 31, 186 ], "md": [ 179, 13, 166 ], "no": [ 189, 13, 135 ], "lr": [ 199, 0, 102 ], "rf": [ 204, 0, 89 ], "db": [ 209, 0, 79 ], "sg": [ 217, 0, 69 ], "bh": [ 224, 0, 56 ], "hs": [ 230, 0, 46 ], "mt": [ 235, 0, 38 ],
  45. "ds": [ 235, 0, 38 ], "rg": [ 235, 0, 38 ], "cn": [ 235, 0, 38 ], "uut": [ 235, 0, 38 ], "uuq": [ 235, 0, 38 ], "uup": [ 235, 0, 38 ], "uuh": [ 235, 0, 38 ], "uus": [ 235, 0, 38 ], "uuo": [ 235, 0, 38 ] };
  46. var atoms = [];
  47. var bonds = [];
  48. var histogram = {};
  49. var bhash = {};
  50. var lines = text.split( "\n" );
  51. var x, y, z, e;
  52. for ( var i = 0, l = lines.length; i < l; ++ i ) {
  53. if ( lines[ i ].substr( 0, 4 ) == "ATOM" || lines[ i ].substr( 0, 6 ) == "HETATM" ) {
  54. x = parseFloat( lines[ i ].substr( 30, 7 ) );
  55. y = parseFloat( lines[ i ].substr( 38, 7 ) );
  56. z = parseFloat( lines[ i ].substr( 46, 7 ) );
  57. e = trim( lines[ i ].substr( 76, 2 ) ).toLowerCase();
  58. if ( e === "" ) e = trim( lines[ i ].substr( 12, 2 ) ).toLowerCase();
  59. atoms.push( [ x, y, z, CPK[ e ], capitalize( e ) ] );
  60. if ( histogram[ e ] === undefined ) histogram[ e ] = 1;
  61. else histogram[ e ] += 1;
  62. } else if ( lines[ i ].substr( 0, 6 ) == "CONECT" ) {
  63. var satom = parseInt( lines[ i ].substr( 6, 5 ) );
  64. parseBond( 11, 5 );
  65. parseBond( 16, 5 );
  66. parseBond( 21, 5 );
  67. parseBond( 26, 5 );
  68. }
  69. }
  70. return { "ok": true, "atoms": atoms, "bonds": bonds, "histogram": histogram };
  71. },
  72. createModel: function ( json, callback ) {
  73. var geometryAtoms = new THREE.BufferGeometry();
  74. var geometryBonds = new THREE.BufferGeometry();
  75. var i, l;
  76. var verticesAtoms = [];
  77. var colors = [];
  78. var verticesBonds = [];
  79. geometryAtoms.elements = [];
  80. var atoms = json.atoms;
  81. var bonds = json.bonds;
  82. for ( i = 0, l = atoms.length; i < l; i ++ ) {
  83. var atom = atoms[ i ];
  84. var x = atom[ 0 ];
  85. var y = atom[ 1 ];
  86. var z = atom[ 2 ];
  87. verticesAtoms.push( x, y, z );
  88. var r = atom[ 3 ][ 0 ] / 255;
  89. var g = atom[ 3 ][ 1 ] / 255;
  90. var b = atom[ 3 ][ 2 ] / 255;
  91. colors.push( r, g, b );
  92. geometryAtoms.elements.push( atom[ 4 ] );
  93. }
  94. for ( i = 0, l = bonds.length; i < l; i ++ ) {
  95. var bond = bonds[ i ];
  96. var start = bond[ 0 ];
  97. var end = bond[ 1 ];
  98. verticesBonds.push( verticesAtoms[ ( start * 3 ) + 0 ] );
  99. verticesBonds.push( verticesAtoms[ ( start * 3 ) + 1 ] );
  100. verticesBonds.push( verticesAtoms[ ( start * 3 ) + 2 ] );
  101. verticesBonds.push( verticesAtoms[ ( end * 3 ) + 0 ] );
  102. verticesBonds.push( verticesAtoms[ ( end * 3 ) + 1 ] );
  103. verticesBonds.push( verticesAtoms[ ( end * 3 ) + 2 ] );
  104. }
  105. geometryAtoms.addAttribute( 'position', new THREE.Float32BufferAttribute( verticesAtoms, 3 ) );
  106. geometryAtoms.addAttribute( 'color', new THREE.Float32BufferAttribute( colors, 3 ) );
  107. geometryBonds.addAttribute( 'position', new THREE.Float32BufferAttribute( verticesBonds, 3 ) );
  108. callback( geometryAtoms, geometryBonds, json );
  109. }
  110. };