ここではbox2d-jqueryプラグインの紹介をしていきます。
デモはこちら
https://office-goto.info/demo/box2d/
ダウンロードはこちら
https://github.com/franzenzenhofer/box2d-jquery
head内で読み込み
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="js/lib/jquery.box2d.min.js"></script>
jquery.box2d.min.jsを読み込んでください。
script
$(function(){ $("h1, p, #box").box2d({'y-velocity':5}); });
ターゲットで指定するだけです。
要素が多いとかなり重たくなってしまうので注意が必要です。