Текущая версия |
Ваш текст |
Строка 17: |
Строка 17: |
| ==Код программы== | | ==Код программы== |
| Код программы: | | Код программы: |
− | <div class="mw-collapsible mw-collapsed"> | + | <div class="NavContent"> |
− | '''JS:''' <div class="mw-collapsible-content">
| |
− | <syntaxhighlight lang="javascript" line start="1" enclose="div">
| |
| <br /> | | <br /> |
| window.addEventListener('load',main,false) | | window.addEventListener('load',main,false) |
Строка 51: |
Строка 49: |
| var rad = 10; | | var rad = 10; |
| var dt=1/60; | | var dt=1/60; |
− | | + | </div> |
| function Particle(x,y,vx,vy){ | | function Particle(x,y,vx,vy){ |
| var that=this; | | var that=this; |
Строка 171: |
Строка 169: |
| } | | } |
| } | | } |
− | </syntaxhighlight>
| |
− | </div>
| |
− | <div class="mw-collapsible mw-collapsed">
| |
− | '''HTML:''' <div class="mw-collapsible-content">
| |
− | <syntaxhighlight lang="javascript" line start="1" enclose="div">
| |
− | <!DOCTYPE html>
| |
− | <html>
| |
− | <head>
| |
− | <title>Particles</title>
| |
− | <script src='particles.js'></script>
| |
− | <style>
| |
− | input{
| |
− | width:100px;
| |
− | height:30px;
| |
− | }
| |
− | button{
| |
− | width:90px;
| |
− | height:30px;
| |
− | }
| |
− | div table{
| |
− | margin-left:auto;
| |
− | margin-right:auto;}
| |
− | table td{
| |
− | text-align:center;
| |
− | width:180px;
| |
− | height:30px;
| |
− | }
| |
− | </style>
| |
− | </head>
| |
− | <body>
| |
− | <center>
| |
− | <h1><i> Молекулярная динамика </i></h1>
| |
− | <table>
| |
− | <tr><td colspan="2">
| |
− | <canvas id='canvasex2' width=500 height=500 background-color=#FF99CC style='border: 1px dashed #000000' ></canvas>
| |
− | </td></tr><tr><td>
| |
− | <canvas id='canvasex1' width=220 height=300 background-color=#FF99CC style='border: 1px dashed #000000' ></canvas>
| |
− | </td><td>
| |
− | <canvas id='canvasex3' width=220 height=300 background-color=#FF99CC style='border: 1px dashed #000000' ></canvas>
| |
− | </td></tr><tr>
| |
− | <td><h2><i> Потенциальная энергия</i></td>
| |
− | <td><h2><i> Кинетическая энергия</i> </td></tr>
| |
− | </table>
| |
− | <table>
| |
− | <tr>
| |
− | <td><input type="button" id="start" value="start" > </td>
| |
− | <td> <input type="button" id="una" value="stop" width=40 height=20></td>
| |
− | <td> <button onclick='window.location.reload(true)' style ='width=100 height=20'>clear</button></td>
| |
− | </table>
| |
− | <table>
| |
− | <tr><th>
| |
− | <input type="range" min="15" max="40" id="num"
| |
− | oninput="main()" value="0"></th>
| |
− | <th><div id="my">0</div></th></tr>
| |
− | <tr><th>
| |
− | <input type="number" id="b" name="b" value="0.0001"
| |
− | min="0.0001" max="0.002" step="0.0002" style='border: 1px dashed #000000'></th>
| |
− | <th> <div> <h3><i> Вязкость</i></div></th></tr>
| |
− | <tr><th>
| |
− | <input type="number" id="D" name="D" value="5"
| |
− | min="1" max="10" step="1" style='border: 1px dashed #000000'></th>
| |
− | <th> <div> <h3><i> Энергия связи</i></div></th></tr>
| |
− | </table>
| |
− | </center>
| |
− | </body>
| |
− | </html>
| |
− |
| |
− | </syntaxhighlight>
| |
| </div> | | </div> |