使用小球随机从管道掉落模拟的高斯分布图 - 踏得网

Gaussian Distribution with Physics 位于最中间的管道掉落的小球最多，依次向两边递减。

matter, 小球

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 3951
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

(function() {
    var Engine, World, Composites, Bodies, Common, engine, createBorders, ballCount, newBalls, interval;
    console.clear();
    Engine = Matter.Engine, World = Matter.World, Composites = Matter.Composites, Bodies = Matter.Bodies, Common = Matter.Common;
    engine = Engine.create(document.body, {
        enableSleeping: true,
        render: {
            options: {
                showAngleIndicator: true,
                wireframes: true
            }
        }
    });
    createBorders = function() {
        var offset;
        offset = 5;
        return World.add(engine.world, [
            Bodies.rectangle(400, 600 + offset, 800 + 2 * offset, 50, {
                isStatic: true
            }),
            Bodies.rectangle(800 + offset, 300, 50, 600 + 2 * offset, {
                isStatic: true
            }),
            Bodies.rectangle(-offset, 300, 50, 600 + 2 * offset, {
                isStatic: true
            })
        ]);
    }.call(this);
    World.add(engine.world, [
        Bodies.rectangle(185, 100, 420, 10, {
            isStatic: true,
            angle: 0.05 * Math.PI
        }),
        Bodies.rectangle(615, 100, 420, 10, {
            isStatic: true,
            angle: -1.05 * Math.PI
        })
    ]);
    World.add(engine.world, Composites.stack(45, 100, 24, 8, 15, 15, function(x, y, col, row) {
        return Bodies.circle(45 + 30 * col + 15 * (row % 2), 180 + 30 * row, 7.5, {
            isStatic: true
        });
    }));
    World.add(engine.world, Composites.stack(65, 400, 24, 1, 25, 0, function(x, y, col, row) {
        return Bodies.rectangle(x, y, 5, 430, {
            isStatic: true
        });
    }));
    Engine.run(engine);
    ballCount = 200;
    newBalls = function() {
        var balls;
        balls = Composites.stack(395, -25, 3, 1, 0, 0, function(x, y, col, row) {
            x = Common.random(50, 750);
            return Bodies.circle(x, y, 3, {
                friction: 0.0001,
                restitution: 0.5,
                density: 0.000001
            });
        });
        World.add(engine.world, balls);
        ballCount = ballCount - 1;
        if (ballCount < 0) {
            return clearInterval(interval);
        }
    };
    newBalls();
    interval = setInterval(newBalls, 150);
}.call(this));

编译

CSS

HTML