box2d实现重力自由落体球体碰撞交互动画效果代码

代码语言:html

所属分类:动画

代码描述:box2d实现重力自由落体球体碰撞交互动画效果代码,点击屏幕位置可创建球体自由下落和碰撞运动。

代码标签: 自由落体 球体 碰撞 交互 动画 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>

<html>

<head>

    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="chrome=1">

    <meta http-equiv="Content-Type" content="text/html; charset = UTF-8" />

    <title></title>

    <style>

        body {

            overflow: hidden;

            background-color: #000000;



            user-select: none;

            -webkit-user-select: none;

            -moz-user-select: none;

            -o-user-select: none;

            -ms-user-select: none;



        }

    </style>

</head>

<body>



    <div id="canvas"></div>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/protoclass.js"></script>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/box2d.js"></script>


    <script>
        var canvas;

        var delta = [0, 0];
        var stage = [window.screenX, window.screenY, window.innerWidth, window.innerHeight];
        getBrowserDimensions();

        var themes = [["#10222B", "#95AB63", "#BDD684", "#E2F0D6", "#F6FFE0"],
            ["#362C2A", "#732420", "#BF734C", "#FAD9A0", "#736859"],
            ["#0D1114", "#102C2E", "#695F4C", "#EBBC5E", "#FFFBB8"],
            ["#2E2F38".........完整代码请登录后点击上方下载按钮下载查看

网友评论0