AnimateCC基础教学：粒子特效

gCodeTop 格码拓普老师

于 2025-05-01 14:48:22 发布

阅读量43

点赞数

CC 4.0 BY-SA版权

分类专栏： Animate及Createjs&Matter.js 文章标签： Animate javascript

本文链接：https://blog.csdn.net/vinglemar/article/details/147652354

Animate及Createjs&Matter.js 专栏收录该内容

47 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>CreateJS Particle Effect</title>
    <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
    <style>
        #canvas {
            background: #000;
            display: block;
            margin: 0 auto;
        }
        body { margin: 0; }
    </style>
</head>
<body>
    <canvas id="canvas" width="800" height="600"></canvas>

    <script>
        const stage = new createjs.Stage("canvas");
        const particles = [];
        const numParticles = 100;
        const centerX = stage.canvas.width / 2;
        const centerY = stage.canvas.height / 2;

        // 生成随机颜色