这篇博客展示了如何利用Echarts和canvas实现一个模拟攻击的特效，通过修改地图迁徙的涟漪特效来达到仿真攻击的效果。文章提供了一段HTML和JavaScript代码，展示了一个从起点到终点的线性动画，结合圆环扩散的视觉冲击效果。作者正尝试将此特效融入Echarts的图表类，并寻求相关技术指导。
这是根据echarts提供的地图迁徙修改涟漪特效做出的模拟效果，然而这并不符合我们需求。。。。我们需要一种仿真的攻击效果，更强的视野冲击，目前官方仅仅开放涟漪特效。
这是要达到的效果。 有兴趣的朋友可以去官网看看 http://map.norsecorp.com
首先第一步。我本地写了一个测试，还不没融合到echarts的chart类中； 我先上我写的模拟攻击特效；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{margin:0;padding:0;}
li{list-style:none;}
canvas{background-color:black;}
</style>
</head>
<body>
<canvas id='canvas' width=800 height=600></canvas>
<script>
var canvas=document.querySelector('canvas'),
con
最低0.47元/天 解锁文章
扫一扫
211
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
