Canvas 3D球形文字云动画特效

 效果图:

 \"\"

 代码如下,复制即可使用:

  (适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。)

<!doctype html>
<html>
<head>
<  charset="utf-8">
< >Canvas 3D球形文字云动画特效</ >

<style>
body {
    background-color:#000000;
    color:#555555;
}
h4 {
    font-family:sans-serif;
    color:#555555;
    font-size:16px;
}
h3 {
    font-family:sans-serif;
    color:#555555;
}
p {
    font-family:sans-serif;
    color:#888888;
    font-size:14px;
}
a {
    font-family:sans-serif;
    color:#d15423;
    text-decoration:none;
}
</style>

</head>
<body>
<!-- 此处需要自己修改路径 -->
<  src="js/canvas.min.js"></ >

<div style="text-align:center">

    <canvas id="canvasOne" width="900" height="520" ></canvas>

</div>

<  type="text/ ">
window.addEventListener("load", windowLoadHandler, false);
var sphereRad = 280;
var radius_sp=1;
var opt_display_dots = false;

var unicodeFlakes = ['?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '', '', '', '', '', '', '', '', '', '', '', '?', '', '?', '', '?', '', '', '', '', '?', '', '', '', '', '', '', '', '?', '', '?', '', '', '?', '', '', '?', '', '', '', '', '?', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '?', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '饿', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '

					
				
收藏 打印
您的足迹: