mirror of
https://github.com/3dmol/3Dmol.js.git
synced 2026-06-04 08:39:49 +09:00
Initialize screenOffset to avoid warning message.
Issue #518 and Pull #522
This commit is contained in:
dkoes
@@ -14,15 +14,15 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 4,
|
||||
"execution_count": 7,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
"data": {
|
||||
"application/3dmoljs_load.v0": "<div id=\"3dmolviewer_156233516553\" style=\"position: relative; width: 640px; height: 480px\">\n <p id=\"3dmolwarning_156233516553\" style=\"background-color:#ffcccc;color:black\">You appear to be running in JupyterLab (or JavaScript failed to load for some other reason). You need to install the 3dmol extension: <br>\n <tt>jupyter labextension install jupyterlab_3dmol</tt></p>\n </div>\n<script>\n\nvar loadScriptAsync = function(uri){\n return new Promise((resolve, reject) => {\n var tag = document.createElement('script');\n tag.src = uri;\n tag.async = true;\n tag.onload = () => {\n resolve();\n };\n var firstScriptTag = document.getElementsByTagName('script')[0];\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n});\n};\n\nif(typeof $3Dmolpromise === 'undefined') {\n$3Dmolpromise = null;\n $3Dmolpromise = loadScriptAsync('https://3dmol.csb.pitt.edu/build/3Dmol.js');\n}\n\nvar viewer_156233516553 = null;\nvar warn = document.getElementById(\"3dmolwarning_156233516553\");\nif(warn) {\n warn.parentNode.removeChild(warn);\n}\n$3Dmolpromise.then(function() {\nviewer_156233516553 = $3Dmol.createViewer($(\"#3dmolviewer_156233516553\"),{backgroundColor:\"white\"});\n\tviewer_156233516553.addModel(\"\\n RDKit 3D\\n\\n 6 6 0 0 0 0 0 0 0 0999 V2000\\n -0.9517 0.7811 -0.6622 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 0.2847 1.3329 -0.3121 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 1.2365 0.5518 0.3512 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 0.9517 -0.7811 0.6644 C 0 0 0 0 0 0 0 0 0 0 0 0\\n -0.2847 -1.3329 0.3144 C 0 0 0 0 0 0 0 0 0 0 0 0\\n -1.2365 -0.5518 -0.3489 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 1 2 2 0\\n 2 3 1 0\\n 3 4 2 0\\n 4 5 1 0\\n 5 6 2 0\\n 6 1 1 0\\nM END\\n$$$$\",\"sdf\");\n\tviewer_156233516553.setStyle({\"stick\": {}});\n\tviewer_156233516553.zoomTo();\nviewer_156233516553.render();\n});\n</script>",
|
||||
"application/3dmoljs_load.v0": "<div id=\"3dmolviewer_16222152588824453\" style=\"position: relative; width: 640px; height: 480px\">\n <p id=\"3dmolwarning_16222152588824453\" style=\"background-color:#ffcccc;color:black\">You appear to be running in JupyterLab (or JavaScript failed to load for some other reason). You need to install the 3dmol extension: <br>\n <tt>jupyter labextension install jupyterlab_3dmol</tt></p>\n </div>\n<script>\n\nvar loadScriptAsync = function(uri){\n return new Promise((resolve, reject) => {\n var tag = document.createElement('script');\n tag.src = uri;\n tag.async = true;\n tag.onload = () => {\n resolve();\n };\n var firstScriptTag = document.getElementsByTagName('script')[0];\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n});\n};\n\nif(typeof $3Dmolpromise === 'undefined') {\n$3Dmolpromise = null;\n $3Dmolpromise = loadScriptAsync('https://3dmol.org/build/3Dmol.js');\n}\n\nvar viewer_16222152588824453 = null;\nvar warn = document.getElementById(\"3dmolwarning_16222152588824453\");\nif(warn) {\n warn.parentNode.removeChild(warn);\n}\n$3Dmolpromise.then(function() {\nviewer_16222152588824453 = $3Dmol.createViewer($(\"#3dmolviewer_16222152588824453\"),{backgroundColor:\"white\"});\nviewer_16222152588824453.zoomTo();\n\tviewer_16222152588824453.addModel(\"\\n RDKit 3D\\n\\n 6 6 0 0 0 0 0 0 0 0999 V2000\\n -0.9517 0.7811 -0.6622 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 0.2847 1.3329 -0.3121 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 1.2365 0.5518 0.3512 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 0.9517 -0.7811 0.6644 C 0 0 0 0 0 0 0 0 0 0 0 0\\n -0.2847 -1.3329 0.3144 C 0 0 0 0 0 0 0 0 0 0 0 0\\n -1.2365 -0.5518 -0.3489 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 1 2 2 0\\n 2 3 1 0\\n 3 4 2 0\\n 4 5 1 0\\n 5 6 2 0\\n 6 1 1 0\\nM END\\n$$$$\",\"sdf\");\n\tviewer_16222152588824453.setStyle({\"stick\": {}});\n\tviewer_16222152588824453.zoomTo();\nviewer_16222152588824453.render();\n});\n</script>",
|
||||
"text/html": [
|
||||
"<div id=\"3dmolviewer_156233516553\" style=\"position: relative; width: 640px; height: 480px\">\n",
|
||||
" <p id=\"3dmolwarning_156233516553\" style=\"background-color:#ffcccc;color:black\">You appear to be running in JupyterLab (or JavaScript failed to load for some other reason). You need to install the 3dmol extension: <br>\n",
|
||||
"<div id=\"3dmolviewer_16222152588824453\" style=\"position: relative; width: 640px; height: 480px\">\n",
|
||||
" <p id=\"3dmolwarning_16222152588824453\" style=\"background-color:#ffcccc;color:black\">You appear to be running in JupyterLab (or JavaScript failed to load for some other reason). You need to install the 3dmol extension: <br>\n",
|
||||
" <tt>jupyter labextension install jupyterlab_3dmol</tt></p>\n",
|
||||
" </div>\n",
|
||||
"<script>\n",
|
||||
@@ -42,20 +42,21 @@
|
||||
"\n",
|
||||
"if(typeof $3Dmolpromise === 'undefined') {\n",
|
||||
"$3Dmolpromise = null;\n",
|
||||
" $3Dmolpromise = loadScriptAsync('https://3dmol.csb.pitt.edu/build/3Dmol.js');\n",
|
||||
" $3Dmolpromise = loadScriptAsync('https://3dmol.org/build/3Dmol.js');\n",
|
||||
"}\n",
|
||||
"\n",
|
||||
"var viewer_156233516553 = null;\n",
|
||||
"var warn = document.getElementById(\"3dmolwarning_156233516553\");\n",
|
||||
"var viewer_16222152588824453 = null;\n",
|
||||
"var warn = document.getElementById(\"3dmolwarning_16222152588824453\");\n",
|
||||
"if(warn) {\n",
|
||||
" warn.parentNode.removeChild(warn);\n",
|
||||
"}\n",
|
||||
"$3Dmolpromise.then(function() {\n",
|
||||
"viewer_156233516553 = $3Dmol.createViewer($(\"#3dmolviewer_156233516553\"),{backgroundColor:\"white\"});\n",
|
||||
"\tviewer_156233516553.addModel(\"\\n RDKit 3D\\n\\n 6 6 0 0 0 0 0 0 0 0999 V2000\\n -0.9517 0.7811 -0.6622 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 0.2847 1.3329 -0.3121 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 1.2365 0.5518 0.3512 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 0.9517 -0.7811 0.6644 C 0 0 0 0 0 0 0 0 0 0 0 0\\n -0.2847 -1.3329 0.3144 C 0 0 0 0 0 0 0 0 0 0 0 0\\n -1.2365 -0.5518 -0.3489 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 1 2 2 0\\n 2 3 1 0\\n 3 4 2 0\\n 4 5 1 0\\n 5 6 2 0\\n 6 1 1 0\\nM END\\n$$$$\",\"sdf\");\n",
|
||||
"\tviewer_156233516553.setStyle({\"stick\": {}});\n",
|
||||
"\tviewer_156233516553.zoomTo();\n",
|
||||
"viewer_156233516553.render();\n",
|
||||
"viewer_16222152588824453 = $3Dmol.createViewer($(\"#3dmolviewer_16222152588824453\"),{backgroundColor:\"white\"});\n",
|
||||
"viewer_16222152588824453.zoomTo();\n",
|
||||
"\tviewer_16222152588824453.addModel(\"\\n RDKit 3D\\n\\n 6 6 0 0 0 0 0 0 0 0999 V2000\\n -0.9517 0.7811 -0.6622 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 0.2847 1.3329 -0.3121 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 1.2365 0.5518 0.3512 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 0.9517 -0.7811 0.6644 C 0 0 0 0 0 0 0 0 0 0 0 0\\n -0.2847 -1.3329 0.3144 C 0 0 0 0 0 0 0 0 0 0 0 0\\n -1.2365 -0.5518 -0.3489 C 0 0 0 0 0 0 0 0 0 0 0 0\\n 1 2 2 0\\n 2 3 1 0\\n 3 4 2 0\\n 4 5 1 0\\n 5 6 2 0\\n 6 1 1 0\\nM END\\n$$$$\",\"sdf\");\n",
|
||||
"\tviewer_16222152588824453.setStyle({\"stick\": {}});\n",
|
||||
"\tviewer_16222152588824453.zoomTo();\n",
|
||||
"viewer_16222152588824453.render();\n",
|
||||
"});\n",
|
||||
"</script>"
|
||||
]
|
||||
@@ -94,26 +95,9 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 5,
|
||||
"execution_count": null,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
"data": {
|
||||
"application/3dmoljs_load.v0": "<script>\n $3Dmolpromise.then(function() { //wrap in promise for non-interactive functionality\n \tviewer_156233516553.setStyle({\"stick\": {\"color\": \"blue\"}});\n\n viewer_156233516553.render();\n });\n </script>",
|
||||
"text/html": [
|
||||
"<script>\n",
|
||||
" $3Dmolpromise.then(function() { //wrap in promise for non-interactive functionality\n",
|
||||
" \tviewer_156233516553.setStyle({\"stick\": {\"color\": \"blue\"}});\n",
|
||||
"\n",
|
||||
" viewer_156233516553.render();\n",
|
||||
" });\n",
|
||||
" </script>"
|
||||
]
|
||||
},
|
||||
"metadata": {},
|
||||
"output_type": "display_data"
|
||||
}
|
||||
],
|
||||
"outputs": [],
|
||||
"source": [
|
||||
"view.setStyle({'stick':{'color':'blue'}})\n",
|
||||
"view.update()"
|
||||
@@ -121,30 +105,9 @@
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 6,
|
||||
"execution_count": null,
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
"data": {
|
||||
"application/3dmoljs_load.v0": "<script>\n $3Dmolpromise.then(function() { //wrap in promise for non-interactive functionality\n \tviewer_156233516553.addModel(\"4\\n* (null), Energy -1000.0000000\\nN 0.000005 0.019779 -0.000003 -0.157114 0.000052 -0.012746\\nH 0.931955 -0.364989 0.000003 1.507100 -0.601158 -0.004108\\nH -0.465975 -0.364992 0.807088 0.283368 0.257996 -0.583024\\nH -0.465979 -0.364991 -0.807088 0.392764 0.342436 0.764260\\n\",\"xyz\",{\"vibrate\": {\"frames\": 10, \"amplitude\": 1}});\n\tviewer_156233516553.setStyle({\"model\": 1},{\"stick\": {}});\n\tviewer_156233516553.setBackgroundColor(\"0xeeeeee\");\n\tviewer_156233516553.animate({\"loop\": \"backAndForth\"});\n\tviewer_156233516553.zoomTo();\n\n viewer_156233516553.render();\n });\n </script>",
|
||||
"text/html": [
|
||||
"<script>\n",
|
||||
" $3Dmolpromise.then(function() { //wrap in promise for non-interactive functionality\n",
|
||||
" \tviewer_156233516553.addModel(\"4\\n* (null), Energy -1000.0000000\\nN 0.000005 0.019779 -0.000003 -0.157114 0.000052 -0.012746\\nH 0.931955 -0.364989 0.000003 1.507100 -0.601158 -0.004108\\nH -0.465975 -0.364992 0.807088 0.283368 0.257996 -0.583024\\nH -0.465979 -0.364991 -0.807088 0.392764 0.342436 0.764260\\n\",\"xyz\",{\"vibrate\": {\"frames\": 10, \"amplitude\": 1}});\n",
|
||||
"\tviewer_156233516553.setStyle({\"model\": 1},{\"stick\": {}});\n",
|
||||
"\tviewer_156233516553.setBackgroundColor(\"0xeeeeee\");\n",
|
||||
"\tviewer_156233516553.animate({\"loop\": \"backAndForth\"});\n",
|
||||
"\tviewer_156233516553.zoomTo();\n",
|
||||
"\n",
|
||||
" viewer_156233516553.render();\n",
|
||||
" });\n",
|
||||
" </script>"
|
||||
]
|
||||
},
|
||||
"metadata": {},
|
||||
"output_type": "display_data"
|
||||
}
|
||||
],
|
||||
"outputs": [],
|
||||
"source": [
|
||||
"xyz = '''4\n",
|
||||
"* (null), Energy -1000.0000000\n",
|
||||
@@ -164,18 +127,14 @@
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": null,
|
||||
"metadata": {
|
||||
"collapsed": true
|
||||
},
|
||||
"metadata": {},
|
||||
"outputs": [],
|
||||
"source": []
|
||||
},
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": null,
|
||||
"metadata": {
|
||||
"collapsed": true
|
||||
},
|
||||
"metadata": {},
|
||||
"outputs": [],
|
||||
"source": []
|
||||
}
|
||||
@@ -189,14 +148,14 @@
|
||||
"language_info": {
|
||||
"codemirror_mode": {
|
||||
"name": "ipython",
|
||||
"version": 2
|
||||
"version": 3
|
||||
},
|
||||
"file_extension": ".py",
|
||||
"mimetype": "text/x-python",
|
||||
"name": "python",
|
||||
"nbconvert_exporter": "python",
|
||||
"pygments_lexer": "ipython2",
|
||||
"version": "2.7.17"
|
||||
"pygments_lexer": "ipython3",
|
||||
"version": "3.8.5"
|
||||
}
|
||||
},
|
||||
"nbformat": 4,
|
||||
|
||||
Reference in New Issue
Block a user