黑客帝国矩阵动画效果
代码语言:html
所属分类:视觉差异
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Arrowtrix (Matrix Arrows)</title>
<style>
body {
background: #020;
margin: 0;
padding: 0
}
canvas {
background: #000;
}
</style>
</head>
<body onresize='_pexresize()'>
<canvas id='canvas' width="1280" height="720"></canvas>
<script>
"use strict";
var stage = {
w: 1280,
h: 720
};
var _pexcanvas = document.getElementById("canvas");
_pexcanvas.width = stage.w;
_pexcanvas.height = stage.h;
var ctx = _pexcanvas.getContext("2d");
var pointer = {
x: 0,
y: 0
};
var scale = 1;
var portrait = true;
var loffset = 0;
var toffset = 0;
var mxpos = 0;
var mypos = 0;
// ------------------------------------------------------------------------------- Gamy
function drawArrow(fromx, fromy, tox, toy, lw, hlen, color) {
var dx = tox - fromx;
var dy = toy - fromy;
var angle = Math.atan2(dy, dx);
.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0