blocks|key|1425179|text|我不知道如何在cocos2d中做到这一点(甚至不知道那是什么)，但你可以使用核心动画来做这件事，无论是CALayers还是UIViews。可能最简单的方法是创建一个包含轮盘赌轮盘图像的UIImageView，并对其进行动画处理。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1425180|要做到这一点，首先通过使用轮盘赌轮子图像初始化UIImageView来设置它。当您希望滚轮旋转时，请使用以下代码：|1425181|CATransform3D+rotationTransform+=+CATransform3DMakeRotation(1.0f+*+M_PI,+0,+0,+1.0);

CABasicAnimation*+rotationAnimation;
rotationAnimation+=+[CABasicAnimation+animationWithKeyPath:@"transform"];

rotationAnimation.toValue+=+[NSValue+valueWithCATransform3D:rotationTransform];
rotationAnimation.duration+=+0.25f;
rotationAnimation.cumulative+=+YES;
rotationAnimation.repeatCount+=+10;+

[rotatingImage.layer+addAnimation:rotationAnimation+forKey:@"rotationAnimation"];|code-block|syntax|javascript|1425182|假设rotatingImage是您的UIImageView。|1425183|在此示例中，轮子将旋转5次，每次旋转需要0.5秒。旋转被一分为二，因为核心动画将转到下一个最接近的状态，因此在动画想要向另一个方向旋转之前，您最多只能旋转一半。也就是说，圆周率(180度)在这里的旋转是一个半圆，但是如果你使用(1.5f+*+pi)作为旋转角度，它只会旋转四分之一个圆。同样，如果使用(0.999f+*+pi)，圆将以顺时针方式旋转。|1425184|您将希望实现轮子的加速和减速，对于这些加速和减速，CAKeyframeAnimation将取代本例中的CABasicAnimation。|1425185|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I have no idea how to do this in cocos2d (or even what that is), but you can do this using Core Animation either with CALayers or UIViews. Probably the simplest way would be to create a UIImageView containing an image of your roulette wheel and animate that.

To accomplish this, first set up your UIImageView by initializing it with your roulette wheel image. When you want the wheel to spin, use the following code:

<pre><code>CATransform3D rotationTransform = CATransform3DMakeRotation(1.0f * M_PI, 0, 0, 1.0);

CABasicAnimation* rotationAnimation;
rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform"];

rotationAnimation.toValue = [NSValue valueWithCATransform3D:rotationTransform];
rotationAnimation.duration = 0.25f;
rotationAnimation.cumulative = YES;
rotationAnimation.repeatCount = 10; 

[rotatingImage.layer addAnimation:rotationAnimation forKey:@"rotationAnimation"];
</code></pre>

assuming that rotatingImage is your UIImageView. 

In this example, the wheel would rotate 5 times, with each rotation taking 0.5 seconds. The rotations are split in half because Core Animation will go to the next closest state, so the most you can rotate something is a half rotation before the animation wants to rotate in the other direction. That is, the pi radian (180 degree) rotation here goes a half-circle, but if you used (1.5f * pi) for your rotation angle, it would only go a quarter-circle. Likewise, if you used (0.999f * pi), the circle would rotate in a clockwise manner.

You'll want to implement acceleration and deceleration of your wheel, and for those a CAKeyframeAnimation would take the place of the CABasicAnimation in this example.

blocks|key|1640252|text|有几种方法可以做到这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1640253|如果您有轮子的逐帧动画，请查看AtlasDemo+(+cocos2d发行版的一部分)。|1640254|否则，看看Sprite的RotateBy:方法。|1640255|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

There are a couple of ways you can do it. 

If you have the frame-by-frame animation for the wheel, check out AtlasDemo (part of cocos2d distribution).

Otherwise, take a look at Sprite's RotateBy: method.

blocks|key|1640307|text|这在Cocos2D中非常简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1640308|[sprite+runAction:[RotateBy+actionWithDuration:dur+angle:360]];|code-block|syntax|javascript|1640309|转一圈或者|1640310|id+action+=+[RepeatForever+actionWithAction:+[RotateBy+actionWithDuration:dur+angle:360]];
[sprite+runAction:action];|1640311|和|1640312|[sprite+stopAction:action];|1640313|如果您需要连续旋转。|1640314|别忘了确保将sprite+transformAnchor设置为图像的中心。我猜下一个问题应该出现了--如何让它平稳地停止;)|1640315|关于操作的更多信息：http://lethain.com/entry/2008/oct/03/notes-on-cocos2d-iphone-development+(它是针对旧版本的，所以它使用了过时的'do‘而不是'runAction')|offset|length|1640316|entityMap|0|LINK|mutability|MUTABLE|url|http://lethain.com/entry/2008/oct/03/notes-on-cocos2d-iphone-development/^0|0|0|0|0|0|0|0|0|A|20|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1C|8|@]|9|@$U|1D|V|1E|1|1F]]|A|$]]|$1|W|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

It's quite simple in Cocos2D:

<pre><code>[sprite runAction:[RotateBy actionWithDuration:dur angle:360]];
</code></pre>

to make one turn or 

<pre><code>id action = [RepeatForever actionWithAction: [RotateBy actionWithDuration:dur angle:360]];
[sprite runAction:action];
</code></pre>

and 

<pre><code>[sprite stopAction:action];
</code></pre>

if you need to rotate continuously. 

Don't forget to make sure that sprite transformAnchor is set to center of the image. And I guess next question should arise - how to make it stop smoothly ;)

More on actions: <a href="http://lethain.com/entry/2008/oct/03/notes-on-cocos2d-iphone-development/" rel="noreferrer">http://lethain.com/entry/2008/oct/03/notes-on-cocos2d-iphone-development</a> (it's for older version, so it uses deprecated 'do' instead of 'runAction')

blocks|key|1425402|text|可以按一定数量的弧度旋转视图，而不必将旋转拆分为多个部分，而不管它是小于完全旋转还是完全旋转的倍数。例如，下面的代码将每秒旋转视图一次，持续指定的秒数。您可以轻松地对其进行修改，以按一定数量的旋转或按一定数量的弧度旋转视图。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1425403|-+(void)+runSpinAnimationWithDuration:(CGFloat)+duration;
{
++++CABasicAnimation*+rotationAnimation;
++++rotationAnimation+=+[CABasicAnimation+animationWithKeyPath:@"transform.rotation.z"];
++++rotationAnimation.toValue+=+[NSNumber+numberWithFloat:+M_PI+*+2.0+/*+full+rotation*/+*+rotations+*+duration+];
++++rotationAnimation.duration+=+duration;
++++rotationAnimation.cumulative+=+YES;
++++rotationAnimation.repeatCount+=+1.0;+
++++rotationAnimation.timingFunction+=+[CAMediaTimingFunction+functionWithName:kCAMediaTimingFunctionEaseOut];

++++[myView.layer+addAnimation:rotationAnimation+forKey:@"rotationAnimation"];
}|code-block|syntax|javascript|1425404|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can rotate a view, by some number of radians, regardless of whether it is less than a full rotation or many multiples of a full rotation, without having to split the rotation into pieces. As an example, the following code will spin a view, once per second, for a specified number of seconds. You can easily modify it to spin a view by a certain number of rotations, or by some number of radians.

<pre><code>- (void) runSpinAnimationWithDuration:(CGFloat) duration;
{
 CABasicAnimation* rotationAnimation;
 rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
 rotationAnimation.toValue = [NSNumber numberWithFloat: M_PI * 2.0 /* full rotation*/ * rotations * duration ];
 rotationAnimation.duration = duration;
 rotationAnimation.cumulative = YES;
 rotationAnimation.repeatCount = 1.0; 
 rotationAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];

 [myView.layer addAnimation:rotationAnimation forKey:@"rotationAnimation"];
}
</code></pre>

I am trying to develop a Roulette game for iPhone. How can I animation (spin) the Roulette board?

how can I use animation in cocos2d?

我正在尝试为iPhone开发一个轮盘游戏。如何对轮盘纸板进行动画(旋转)？

问如何在cocos2d中使用动画？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在cocos2d中使用动画？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在cocos2d中使用动画？
EN