feeles-ide
Version:
The hackable and serializable IDE to make learning material
88 lines (87 loc) • 4.29 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>.メニュー</title>
<style>
body {
background-color: #FFFFFF;
}
a.btn {
display: inline-block;
background-color: #3399FF;
color: #FFFFFF;
text-decoration: none;
margin: 4px;
padding: 4px;
border-radius: 2px;
white-space: nowrap;
transform: rotate(-4deg);
}
</style>
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<h2>Menu</h2>
<h3>動くコンテンツ🎮</h3>
<a class="btn" href="slingshot/index.html">スリングショット</a>
<a class="btn" href="coins/index.html">コインゲーム</a>
<a class="btn" href="wreckingBall/index.html">モンケーン</a>
<a class="btn" href="bridge/index.html">ブリッジ</a>
<!-- <a class="btn" href="ballPool/index.html">ボールプール</a> -->
<a class="btn" href="catapult/index.html">発射台</a>
<!-- <a class="btn" href="cloth/index.html">布</a> -->
<a class="btn" href="chains/index.html">ロープ</a>
<!-- <a class="btn" href="avalanche/index.html">坂道</a> -->
<!-- <a class="btn" href="sprites/index.html">ビーチボールと木の箱</a> -->
<!-- <a class="btn" href="mixed/index.html">ミックス</a> -->
<!-- <a class="btn" href="timescale/index.html">スローモーション</a> -->
<!-- <a class="btn" href="staticFriction/index.html">静止まさつ力</a> -->
<a class="btn" href="free/index.html">自由コーナー</a>
<h3>きほんのパラメータ🔰</h3>
<a class="btn" href="rectangle/index.html">位置と大きさ</a>
<a class="btn" href="isStatic/index.html">かべ・ゆか</a>
<a class="btn" href="angle/index.html">かたむき</a>
<a class="btn" href="density/index.html">重さ</a>
<a class="btn" href="restitution/index.html">はね返り</a>
<a class="btn" href="airFriction/index.html">空気ていこう</a>
<a class="btn" href="friction/index.html">まさつ力</a>
<a class="btn" href="render/index.html">色</a>
<a class="btn" href="chamfer/index.html">角丸 1</a>
<a class="btn" href="rounded/index.html">角丸 2</a>
<a class="btn" href="timescaleSimple/index.html">時間の早さ</a>
<a class="btn" href="gravity/index.html">重力</a>
<h3>オブジェクトを組み合わせる⚡️</h3>
<a class="btn" href="stack/index.html">スタック</a>
<a class="btn" href="circleStack/index.html">円のスタック</a>
<a class="btn" href="constraint/index.html">バネ</a>
<a class="btn" href="softBody/index.html">ソフトボディ</a>
<a class="btn" href="pyramid/index.html">ピラミッド</a>
<a class="btn" href="car/index.html">車</a>
<a class="btn" href="newtonsCradle/index.html">ニュートンのゆりかご</a>
<a class="btn" href="compound/index.html">オブジェクトの合成</a>
<a class="btn" href="compoundStack/index.html">合成したオブジェクトのスタック</a>
<h3>ハイレベル💋</h3>
<a class="btn" href="events/index.html">イベント</a>
<a class="btn" href="sensors/index.html">センサー</a>
<a class="btn" href="manipulation/index.html">オブジェクトを直接操作する</a>
<a class="btn" href="compositeManipulation/index.html">スタック全体の操作</a>
<a class="btn" href="collisionFiltering/index.html">カテゴリーごとのしょう突</a>
<a class="btn" href="concave/index.html">好きな形のオブジェクト</a>
<a class="btn" href="raycasting/index.html">線分とのしょうとつ</a>
<a class="btn" href="views/index.html">ズームとスクロール</a>
<a class="btn" href="attractors/index.html">万有引力</a>
<h3>コラム🎤</h3>
<a class="btn" href="broadphase/index.html">ブロードフェーズ</a>
<a class="btn" href="sleeping/index.html">スリープモード</a>
<a class="btn" href="svg/index.html">ベクタ画像</a>
<a class="btn" href="terrain/index.html">地形</a>
<a class="btn" href="gyro/index.html">ジャイロセンサー</a>
<a class="btn" href="stress/index.html">圧力 1</a>
<a class="btn" href="stress2/index.html">圧力 2</a>
<hr>
これらのサンプルは Liam Brummitt 氏の
<a class="btn" href="http://brm.io/matter-js/demo/">原作</a>
をもとに改変したものです
</body>
</html>