matter实现口香糖机器内点击碰撞动画效果代码-html代码-BFW代码库

matter实现口香糖机器内点击碰撞动画效果代码

代码语言：html

所属分类：动画

代码描述：matter实现口香糖机器内点击碰撞动画效果代码

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

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  
  
<style>
body {
  text-align: center;
  margin: 0;
  overflow:hidden;
  cursor:pointer;
  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
        background:#000;
}
canvas {
  margin: -5px -5px auto;
        background:#000;
}
.marble{
  border-radius:50%;
  overflow:hidden;
}
</style>




</head>

<body >
  <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/matter.0.16.0.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
      <script >
var w = 1280;
var h = 720;

//seems a good number of elements that fits most screens
//total number of patterns to create
let TOTAL_MARBLES = Math.floor(w / 40);

let emojis = [
"😀",
"😁",
"😂",
"😃",
"😄",
"😅",
"😆",
"😇",
"😈",
"👿",
"😉",
"😊",
"😋",
"😌",
"😍",
"😎",
"😏",
"😐",
"😑",
"😒",
"😓",
"😔",
"😕",
"😖",
"😗",
"😘",
"😙",
.........完整代码请登录后点击上方下载按钮下载查看