Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>Molecula</title>
- <link href="css/style.css" rel="stylesheet">
- </head>
- <body onload = "start()">
- <form>
- <!-- окно для ввода формулы/названия молекулы -->
- <input type="text" id="searchbox" border="5" placeholder="Type here..."
- style="height:2%; width:20%; position:fixed; top:4%; left:39%;">
- <button type="text" id="sumbitSearch" border="5"
- style="height:2.35%; width:6%; position:fixed; top:4%; left:60%;"
- onclick="getMolecula(); return false;"> Search </button>
- <!-- кнопки для переключения стилей отображения -->
- <button id="ball_stick" style="height:3%; width:12%; position:fixed; left:17%; top:9%;"
- onclick="drawBallStick();" type="button"> Ball-and-stick </button>
- <button id="spacefill" style="height:3%; width:12%; position:fixed; left:30%; top:9%;"> Spacefill </button>
- <button id="stick" style="height:3%; width:12%; position:fixed; left:43%; top:9%;"
- onclick="drawMoleculaStick();" type="button"> Stick </button>
- <button id="wireframe" style="height:3%; width:12%; position:fixed; left:56%; top:9%;"> Wireframe </button>
- <button id="surface" style="height:3%; width:12%; position:fixed; left:69%; top:9%;"> Surface </button>
- <!-- кнопки переключения режима отображения -->
- <button id="view" style="height:4%; width:14%; position:fixed; left:34%; top:14%;"> View Mode </button>
- <button id="compare" style="height:4%; width:14%; position:fixed; right:34%; top:14%;"> Compare Mode </button>
- </form>
- <!-- холст для отрисовки молекулы -->
- <canvas id="glcanvas" style="height:70%; width:80%; position:fixed; top:22%; left:10%"></canvas>
- <script type="text/javascript" src="code/main.js"></script>
- <script type="text/javascript" src="code/parse.js"></script>
- <script type="text/javascript" src="code/init.js"></script>
- <script type="text/javascript" src="code/stick.js"></script>
- <script type="text/javascript" src="code/ballStick.js"></script>
- <!-- скрипты three.js -->
- <script type="text/javascript" src="three.js-master/build/three.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement