Explorerはサポートしていません)。他のブラウザを試してみてください。アドレスバーに「about:flags」と入れて出てきた設定の中の「タッチイベントを有効にする」を「ON」にしてください。上に貼り付けたのは分子運動のシミュレーションで、分子どうしが力を及ぼし合いつつ動いている。見ていると近づくと斥力が働いて運動量を交換しつつまた離れていく様子が見える。実は「このプログラム」の為だけに書いた部分は↓だけである。Phystem(canvas_string,20,20,0.5);ps.makeEdge();ps.drawVFlg=true;initBunsi(100);ps.start();}もちろん、プログラム全体はこれで終わりではないが、残りの部分は「このプログラム」の為だけに書いた部分ではなく、いろんなプログラムで共有できる部分なのである。src="phystem.js"></script>で読み込むようになっている。どんなのができるかというと、「ニュートンのゆりかご」(授業では実物を見せます。Youtubeならこれなど)をこのプログラムでシミュレートしたのが、ニュートンのゆりかごです。振り子を使ったおもちゃでは「ペンデュラムウェーブ」(授業では実物を見せます。こんなのも、かんたんにプログラムできるようになります。phystem.jsの中で定義されているclassの説明は、scrapboxによるまとめで見ることができる(プログラムするときは「新しいウィンドウで開く」で横に開いておくとよい)。ここから始まるチュートリアルの目標は、Webで動く物理シミュレーションの作り方の例を学ぶ(言語はブラウザがあれば動く、javascriptという言語を使用する)。物理シミュレーションのような問題でプログラムを共有する仕組みとして有利な方法である「オブジェクト指向」のプログラミング方法を学ぶ。これらのプログラムを動かす環境としては、Chrome,Edge,Firefoxなどのwebブラウザがあればよい。Codeなど、テキストが編集できるエディタならなんでもよい。なんならWindows付属のメモ帳でも問題ない)でプログラムの編集を行う。テキストエディタでなんとか.htmlファイルを編集し、それをwebブラウザで開くだけで実行できる。Chromeなどにはjavascriptのデバッガがついているので、それを使うとバグの発見などは楽である。以下の目次に従って、簡単なところから実行していくことにしよう。←動かせるようにします。←かごをつくってバスケゲーム風に。←これは数値入力の練習。←バネに「重心表示」の機能を持たせる(少し難しい)作って欲しいのは、なんらかの「遊べる」「見ていて楽しい」「勉強になる」物理シミュレーション。プログラムできるのは質点系のみでしかも2次元運動しかできないが、いろいろおもしろいものが作れるのではないかと思う。