cocoscreator 2.4 制作動畫的阴影 完整js腳本

Cocos Creator 2.4 中制作动画时添加阴影通常涉及到使用它的粒子系统 (Particle System) 或自定义渲染组件来实现。以下是创建简单阴影效果的一个示例，但这不是完整的 JavaScript 脚本，因为 Cocos Creator 的脚本语法基于 ES6，并且需要配合使用 CC.Class、cc.ParticleSystem 等库。

首先，假设你已经有一个简单的粒子系统（ParticleSystem），你可以通过以下步骤来给粒子添加阴影：

1. 创建粒子系统：

class MyParticleSystem extends cc.Component {
    create() {
        let particleSystem = new cc.ParticleSystem();
        // 初始化粒子系统的配置...
        this.node.addChild(particleSystem);
    }
}

2. 添加阴影效果，这里可以使用 `cc.ShadowNode`：

MyParticleSystem.prototype.create = function () {
    let particleSystem = new cc.ParticleSystem();
    let shadowNode = new cc.ShadowNode(); // 创建阴影节点
    shadowNode.attachTo(node); // 将阴影节点附加到粒子系统所在的节点

    particleSystem.scheduleUpdate(); // 定期更新粒子系统位置以便影响阴影
    particleSystem.update = function(dt) {
        shadowNode.position = this.position; // 随着粒子移动调整阴影位置
    };

    this.node.addChild(particleSystem, -1, shadowNode.tag); // 将阴影设置在粒子系统之后
}

注意：这只是一个基础示例，实际应用中可能需要处理更多细节，如粒子颜色和大小的变化是否也影响阴影等。此外，对于复杂的阴影效果，你可能还需要调整光源的位置和阴影投射的设置。