I'm currently developing a 2d mobile game for ios using SpriteKit as framework.
I made all animations with adobe after effects and now I have to import them into the app.
Instead of using sequence of texture as recommended by Apple and other tutorial, I read that there is an add-on for after effects named Bodymovin. It exports less frame and a .json file.
Then in Xcode I installed a pod named Lottie to make it works.
Well this is ok for UIViewController.
Someone know if there is a working way to export animations from after effects and make it work simply in SpriteKit?
Thank you
Its called Lottie animations, where you create your vector animations in After effects and download them as JSONs and import it in the iOS app and start using. But there are some serious restrictions to the method such as text effects won't work..
Have a look at the below - https://lottiefiles.com
There is another similar tool that generates core animation code named as Squall. This is a bit advanced than the Lottie. But this method also has its restrictions.
Here is the link for this tool - http://www.marcuseckert.com/squall/
In present situation, other than these two, you may be out of luck in bringing your animations from adobe after effects to sprite kit in iOS.
Related
I have recently gone through the video of WWDC 2016 - 806 (Design guidelines). In watchOS 3 there is now SpriteKit and SceneKit available.
Anyone tried making a custom component as iOS in watchOS. We can't subclass a interface. So, how is it possible to make custom components.
Custom components I mean to create custom sliders, buttons, etc.
As SpriteKit and SceneKit are available how can we create animation and custom views. Without using any image animations.
I have tried to search several places but can't find much resources and the animations mostly are done through images. So if anyone can help me would be appreciated.
I would like to animate using Adobe Edge (html5). I would then like to proceed to import my animation in Xcode for an iPad app (IOS 8). I will be using Objective-C for this project. Is there any way to do so?
If not what are my alternatives? Keep in mind I want to animate using some sort of GUI application.
I think it depends on what sort of animations you want to create and how they will be used in your app. One possible way is to integrate the SpriteKit library into your UI, which can be useful for making animations or interactive artwork in your UI.
If you go this route, you can create an animation as a movie clip symbol in Adobe Animate. (Adobe Edge Animate has been discontinued and effectively replaced by what is currently called Adobe Animate). Then right-click your symbol in Animate and select Export PNG Sequence. This will produce the frames of your animation as PNG images, which you can then animate in your app using SpriteKit. Animate can also export art assets as a sprite sheet or texture atlas.
You would need to get familiar with the SpriteKit library to go this route. As other users pointed out, there are alternate approaches you could take.
The only way I know this would work would be to use a webview in your ObjectiveC code. Then you would point your web view to the local HTML/JS files generated by Edge Animate. Basically this is how Cordova does things.
You could user alternatives like Phonegap, or create your own UIWebView and charge the www folder.
I want to create a small animation in Unity and integrate this animation with Native iOS Application.
Looked into many possible solutions, but they were not useful. I don't want the animation in a video format.
Just for the sake of more info that may help, here is some of my research that I have tried out. I created the animation using After Effects, exported it as a Unity animation, and then reimported it into Unity; but when I exported it as an iOS application, it was not able to separate out
this animation sequence for my native application. There was a way in After Effects where I could export the animation as video file but that's not what I want.
You can create bindings in either direction, such as Objective-C bindings for Unity, or vice versa. You can also use plug-ins, but they're a premium feature, more details here: http://docs.unity3d.com/Manual/Plugins.html
If you can convert your animation objects to obj files, you can import them that way also. If that doesn't work, you can use Blender3D to create models, and import them obj files.
Several years ago I was curious about creating some objects (spoon, ball, tv, ...) in 3d modeling program, export the textures, and then have a screen in iOS app, that can open one object at a time with a possibility to rotate and zoom it. This seemed quite basic and most used case but I didn't find any simple and ready to use solutions/libraries/plugins, just raw OpenGL ES (GlKit), so I refused to use it, as it would require too much knowledge and time as I haven't done any 3d stuff before and my primary work is not related with 3d.
There are also Unity and Cocos3d engines, and it looks like they allow to extend the code by using iOS plugins (xibs/storyboards, navigation with view controllers and etc), but this means you have to make your app project as Unity/Cocos3d first, and only then add your usual UIKit stuff as a plugin. Now that is not acceptable because the project should be written using UIKit first, and I expect to add 3d viewing stuff as a separate component that encapsulates all the necessary stuff inside it as a black box, because I don't want to mess my project up, as this 3d stuff is an optional feature.
Now, after several years I'v searched for the thing again looking for simple 3d viewing plugins/solutions for UIKit, but the situation is pretty much the same imho. I saw iOS8 there will add Scene Kit, but I'm not sure will it be something close to what I expect. So, still I'm not sure is there any solution that would require minimum time efforts, or is OpenGL ES the best solution for this need.
Check out the CC3DemoMultiScene demo app in the latest version of Cocos3D. It demonstrates how to include a Cocos3D scene in a standard UIKit storyboard, and to have the GL view only a component of a larger UIView.
Is it possible to develop an app mixing UIViewController and iOS specific API elements with Cocos2D views?
A Cocos2D app runs on a UIView and hence I guess it is possible to switch between one view (Cocos2D) and another (iOS), is this correct? Are there any good examples of apps doing this?
The core idea is to develop some graphical animations using Cocos2D and others using UIKit.
Actually you can add any UIView as a subview to CCDirector.sharedDirector().view anytime in a Cocos2D running app.
I bet the only reason you really should mix Cocos2D and UIKit is for creating menus and other UI in UIKit and run game scene using Cocos2D. To do that you can simply find a place where Cocos2D is initialized and replace it with your own UIKit things and then anywhere you want you can run a Cocos2D scene using the code you had replaced. If you want to do that the method you are looking for is
- (void) setupCocos2dWithOptions:(NSDictionary*)config
Maybe consider using SpriteKit since it won't increase the footprint of your app and is already in a very usable state. It uses the same concepts as cocos2d which makes it very easy for you if you know cocos2d already. Also it fits better in the UIKit environment.