TweenMax+MorphSVGPlugin+svg实现一个射箭游戏代码

代码语言:html

所属分类:游戏

代码描述:TweenMax+MorphSVGPlugin+svg实现一个射箭游戏代码

代码标签: TweenMax MorphSVGPlugin svg 射箭 游戏 代码

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>射箭游戏</title>

<style>
body{
	margin:0;
	background:#222;
	
	margin:20px;
}
svg{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}
span{
	color:white;
	font-family:sans-serif;
	opacity:.3;
}</style>
</head>
<body>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/TweenMax.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/MorphSVGPlugin.js"></script>
<svg id="game" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 400" overflow="visible">
	
    <path id="arc" fill="none" stroke="url(#ArcGradient)" stroke-width="4" d="M100,250c250-400,550-400,800,0" opacity="0" pointer-events="none"/>
    <defs>
        <g id="arrow">
            <line x2="60&q.........完整代码请登录后点击上方下载按钮下载查看

网友评论0