canvas游戏火烧像素效果

代码语言:html

所属分类:动画

代码描述:canvas游戏火烧像素效果

代码标签: 像素 效果

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
body {
  margin: 0;
  background: #000;
}

canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
</style>

</head>
<body translate="no">
<canvas></canvas>

<script >
var canvas = document.querySelector('canvas'),
ctx = canvas.getContext('2d');

var game = {
  bkg: 'rgba(0,0,0,0.1)',
  cellColor: '#fd3',
  fireColor: '#f92',
  evilColor: '#f40',
  size: 7,
  cols: 10,
  rows: 10,
  cellCount: 100,
  frame: 0,
  dragging: false,
  cells: [],

  start: function () {
    canv.........完整代码请登录后点击上方下载按钮下载查看

网友评论0