碰撞的小球(很有意思)

认真你就输了丶
认真你就输了丶 发布于 2016-12-26 21:45:18 浏览:2396 类型:原创 - 随笔 分类:HTML/CSS - h5 二维码: 作者原创 版权保护
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>碰撞的小球</title>
  <style type="text/css" media="screen">
        *{ padding: 0; margin: 0; font-family: sans-serif; }
        body {
            background: #222;
        }
        canvas:active {
            cursor: pointer;
            cursor: -webkit-grabbing;
        }
        #stage {
            margin: 12px;
            width: 100%;
        }
  </style>
</head>
<body>
  <div style="text-align:center"><div id="stage"></div></div>
  <script src='http://cdn.bootcss.com/matter-js/0.5.0-alpha/matter.min.js'></script>
  <script type="text/javascript">
    (function() {
        this.Cradle = {};
        var Engine = Matter.Engine,
            Gui = Matter.Gui,
            World = Matter.World,
            Bodies = Matter.Bodies,
            Body = Matter.Body,
            Composite = Matter.Composite,
            Composites = Matter.Composites,
            Common = Matter.Common,
            Constraint = Matter.Constraint;
        var _engine;
        Cradle.init = function() {
        var container = document.getElementById('stage');
        // engine options - these are the defaults
        var options = {
            positionIterations: 5,
            velocityIterations: 3,
            enableSleeping: false,
            timeScale: 1
        };
        _engine = Engine.create(container, options);
        Engine.run(_engine);

        var _world = _engine.world;
        World.clear(_world);
        Engine.clear(_engine);
        _engine.enabled = true;
        _engine.enableSleeping = false;
        _engine.world.gravity.y = 1;

        var renderOptions = _engine.render.options;
            renderOptions.wireframes = true;
            renderOptions.showAxes = true;
            renderOptions.showPositions = true;

        var cradle = Composites.newtonsCradle(240, 10, 6, 30, 200);
        World.addComposite(_world, cradle);
        Body.translate(cradle.bodies[0], { x: -180, y: -100 });
        };

        if (window.addEventListener) {
            window.addEventListener('load', Cradle.init);
        }
        else if (window.attachEvent) {
            window.attachEvent('load', Cradle.init);
        }
    })();
  </script>
</body>
</html>
标签:
z
给个赞 35 人点赞
收藏 44 人收藏
评论 已有 8 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最热评论
737456827
7374568272016-12-29 09:36:471F
你写点注释不会吗??一点好的习惯都没有 让人看的不是很懂,虽然我觉得很牛,但是 档次就下去了
举报 支持 (1) 回复 (2)
copy大侠
copy大侠2016-12-29 13:41:203F
你这提建议的方式也很没有档次 //@737456827:你写点注释不会吗??一点好的习惯都没有 让人看的不是很懂,虽然我觉得很牛,但是 档次就下去了
举报 支持 (1) 回复 (1)
最新评论
探花
探花2017-01-10 16:42:418F
http://www.open-open.com/lib/view/home/1393999878115
举报 支持 (0) 回复 (0)
探花
探花2017-01-10 16:30:097F
楼主,你先弄懂啊,然后在在发上去,写注释啊
举报 支持 (0) 回复 (0)
ddvbbk
ddvbbk2017-01-05 16:09:436F
鬼畜的球
举报 支持 (0) 回复 (0)
737456827
7374568272016-12-29 14:08:415F
所以你不懂要搞懂,写注释啊 ,让大家看的懂啊,不然你写上的就没太大意义了 //@认真你就输了丶emoticonemoticonemoticon 接收批评 ,但这是模仿别人的,有的地方也不是很懂 ,所以就没写注释 //@737456827:你写点注释不会吗??一点好的习惯都没有 让人看的不是很懂,虽然我觉得很牛,但是 档次就下去了
举报 支持 (0) 回复 (0)
737456827
7374568272016-12-29 14:07:564F
虚心接受,但是坚决不改,因为没有建设性意见 //@copy大侠:你这提建议的方式也很没有档次 //@737456827:你写点注释不会吗??一点好的习惯都没有 让人看的不是很懂,虽然我觉得很牛,但是 档次就下去了
举报 支持 (0) 回复 (0)
copy大侠
copy大侠2016-12-29 13:41:203F
你这提建议的方式也很没有档次 //@737456827:你写点注释不会吗??一点好的习惯都没有 让人看的不是很懂,虽然我觉得很牛,但是 档次就下去了
举报 支持 (1) 回复 (1)
认真你就输了丶
认真你就输了丶2016-12-29 10:03:222F
emoticonemoticonemoticon 接收批评 ,但这是模仿别人的,有的地方也不是很懂 ,所以就没写注释 //@737456827:你写点注释不会吗??一点好的习惯都没有 让人看的不是很懂,虽然我觉得很牛,但是 档次就下去了
举报 支持 (0) 回复 (1)
737456827
7374568272016-12-29 09:36:471F
你写点注释不会吗??一点好的习惯都没有 让人看的不是很懂,虽然我觉得很牛,但是 档次就下去了
举报 支持 (1) 回复 (2)
认真你就输了丶 认真你就输了丶 作者

涸辙遗鲋,旦暮成枯;人而无志,与彼何殊.

作者最新