hilo实现一个物理引力自由落体模拟交互效果示例代码

代码语言:html

所属分类:其他

代码描述:hilo实现一个物理引力自由落体模拟交互效果示例代码

代码标签: hilo 物理 引力 自由 落体 模拟 交互

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

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">

    <style>
        #container{
            margin:0 auto;
            border:1px solid #000;
            width: 1100px;
            height: 400px;
            position: relative;
        }

        .info{
            text-align: center;
            height: 30px;
            line-height: 30px;
        }
    </style>
</head>

<body>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/hilo-standalone.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/physics.min.js"></script>
    <div id="container"></div>
    <div class="info">移动鼠标到billd上 哈哈哈哈</div>
    <script>
        var img = new Image();
        img.onload = init;
        img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAABuCAYAAABV2gY1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjhDN0JCQTRFQzExMTFFM0I3MEZDQkJGNTczRTIzRkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjhDN0JCQTNFQzExMTFFM0I3MEZDQkJGNTczRTIzRkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNUNDQzU4NUQ5NzIxMUUyOUUzN0Y2NUY5Q0FEMzM1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNUNDQzU4NkQ5NzIxMUUyOUUzN0Y2NUY5Q0FEMzM1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq1bny8AADbASURBVHja7H17lGRH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.........完整代码请登录后点击上方下载按钮下载查看

网友评论0