文字粒子表白效果代码

代码语言:html

所属分类:表白

代码描述:文字粒子表白效果代码

代码标签: 效果

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

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

<body style="background-color: rgb(0, 0, 0);">

    <script type="text/javascript">
        BLUR = false;

        PULSATION = true;
        PULSATION_PERIOD = 600;
        PARTICLE_RADIUS = 4;

        /* disable blur before using blink */

        BLINK = false;

        GLOBAL_PULSATION = false;

        QUALITY = 2; /* 0 - 5 */

        /* set false if you prefer rectangles */
        ARC = true;

        /* trembling + blur = fun */
        TREMBLING = 0; /* 0 - infinity */

        FANCY_FONT = "Arial";

        BACKGROUND = "#000";

        BLENDING = true;

        /* if empty the text will be a random number */
        var TEXT;
        num = 0;
        TEXTArray = ["王子", "深爱", "公主", "直到", "永远"];

        QUALITY_TO_FONT_SIZE = [10, 12, 40, 50, 100, 350];
        QUALITY_TO_SCALE = [20, 6, 4, 2, 0.9, 0.5];
        QUALITY_TO_TEXT_POS = [10, 20, 60, 100, 370, 280];


        window.onload = function () {
            document.body.style.backgroundColor = BACKGROUND;

            var canvas = document.getElementById("canvas");
            var ctx = canvas.getContext("2d");

            var W = canvas.width;
            var H = canvas.height;

            var tcanva.........完整代码请登录后点击上方下载按钮下载查看

网友评论0