Cocos Creator 2.4 anim 元件陰影

在Cocos Creator 2.4版本中，`anim` 元素通常用于创建动画，而阴影效果通常是通过Cocos2d-x引擎提供的`cc.Shadow`组件来实现的。如果你想要为你的游戏对象添加阴影，可以按照以下步骤操作：

1. **创建阴影对象**：首先，在`anim`元件上添加一个`Sprite`或者`Container`作为遮罩层，然后为这个新的精灵或容器添加`cc.Shadow`组件。

<!-- 在编辑器里 -->
<container id="myContainer">
    <sprite src="myCharacter.png"/>
    <!-- 创建一个阴影 -->
    <shadow castShadow="true" shadowColor="#000000" shadowOffset="-5, -5" shadowBlur="10" shadowOpacity=".5"/>
</container>

在这里，`castShadow`设置为`true`启用阴影，`shadowColor`指定颜色，`shadowOffset`调整阴影偏移量，`shadowBlur`控制模糊程度，`shadowOpacity`设置透明度。

2. **属性调整**：你可以调整这些属性以获得所需的效果。如果希望动画角色移动时保持阴影同步，你需要确保阴影对象是独立于动画的，并手动更新其位置。

3. **绑定到对象**：确保`anim`元件和阴影对象关联在一起，比如将`myContainer`的变换应用到阴影组件，以便跟随动画角色的运动。

相关问题

cocoscreator 2.4 anim的阴影 完整js腳本

在Cocos Creator 2.4中，`anim`（动画）组件本身并不直接支持阴影效果。然而，你可以通过一些间接的方式来模拟阴影，比如使用贴图或者粒子系统来制作动态的阴影。但这并不是直接关联到动画的设置。

如果你想为一个游戏对象添加阴影，可以考虑以下几个步骤：

1. 创建一个独立的精灵（Sprite），将其材质调整为深色或半透明，作为阴影精灵，并将其位置和大小设置得足够大，以便覆盖主对象。

var shadow = new cc.Sprite('path_to_your_shadow_sprite.png');
shadow.position = yourObject.position;
shadow.scale = yourObject.contentSize / shadow.contentSize; // 保证阴影比例与主对象一致

// 添加到场景中
this.addChild(shadow);

2. 或者，你可以使用粒子系统（ParticleSystem）创建动态阴影。创建一个新的粒子系统，选择合适的颜色和形状，然后调整其速度和方向，使其跟随你的游戏对象移动。

var shadowParticleSystem = new cc.ParticleSystem('path_to_your_particles.json');
shadowParticleSystem.start();

yourObject.addEventListener('positionChanged', function() {
    shadowParticleSystem.position = yourObject.position;
});
this.addChild(shadowParticleSystem);

请注意，这需要手动维护阴影的位置，如果需要精确控制，可能会增加复杂性。如果你需要更复杂的阴影效果，可能需要借助后期渲染技术或者使用专门的游戏引擎插件。

cocos creator如何设置动画只播放一次

在 Cocos Creator 中，可以通过代码或在编辑器中设置动画的循环次数，来让动画只播放一次。

1. 代码方式：

在使用 `Animation` 组件播放动画时，可以使用 `play()` 方法的第二个参数 `repeatCount` 来设置动画的循环次数。将 `repeatCount` 设置为 `1`，即可让动画只播放一次。

let anim = node.getComponent(cc.Animation);
anim.play('anim_name', 0, 1);

2. 编辑器方式：

在编辑器中，选中动画所在的节点，然后在属性检查器中找到 `Animation` 组件的 `Clips` 属性。展开 `Clips` 属性后，可以看到每个动画剪辑都有一个 `Wrap Mode` 属性，可以选择 `Loop`、`PingPong`、`Once` 等循环模式。将 `Wrap Mode` 设置为 `Once`，即可让动画只播放一次。

值得注意的是，如果使用代码方式设置动画的循环次数，动画播放完后需要手动停止动画，否则动画会一直处于暂停状态。可以调用 `stop()` 方法来停止动画。

let anim = node.getComponent(cc.Animation);
anim.play('anim_name', 0, 1);
anim.on('finished', function() {
    anim.stop();
}, this);