Is there a way to display an animated SVG file in iOS.
I am currently using SVGKit to display static SVG files, however I am interested in how to display animated SVGs such as the following file for example:
http://www.hypnobeast.com/spirals/Hypno_Beast_Spiral_1000x1000.svg
I am also aware of the following library: https://github.com/lukelutman/CCSVG, however I have been unable to compile it to see if it works.
The reason I ask is because our web developer has done all the work to create animated SVGs for our website, and I would rather not have to re-create the entire animation using CoreAnimation, which would take me forever to do.
Related
I've an iOS app that will display & play Lottie animations.
The animations I've successfully used are from www.lottiefiles.com
All the animations from there work.
I've created my own animation in After Effects and exported using BodyMovin then tried to display it, but nothing is displayed.
Xcode complains that images are missing, but it never asked for (and doesn't have) images for the JSON animations downloaded from www.lottiefiles.com and the app still plays them.
I added the images, but still nothing is displayed and still complains the images are missing.
I tried the different settings of BodyMovin, such as:
'Original Asset Names - Export assets with their original project names' & 'Include in JSON - Include rasterized images encoded in json'. Neither of these have fixed the problem.
I tried another AE composition created by someone else and that didn't work either.
I used BodyMovin' to create a demo.html to see if the animation displays in html, which it does, so I know the animation works.
It seems that JSON files from www.lottiefiles.com will work in the app, but JSON files I render from After Effects won't.
Problem Solved.
If Xcode is complaining that it is missing the png images, don't add your png images to assets.xcassets. Add the png images to the same folder as your rendered JSON file.
To make sure your JSON file has the required png files listed within it, when you open the BodyMovin extension in After Effects go to the settings of your selected composition, under 'Assets' select the radio button of 'Original Asset Names - Export assets with their original project names' and then render.
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 am working with a sample application like vine. My requirement is that I have to create a 'ghost' filter for video as in vine.
Actual requirement is
-Record a video on long press on the view
-On pause of record, I need to show the last frame of the recorded video above my view. Please see the expected working here
I have checked PBJVision library and found this feature working. But I need to implement this feature separately in my application.
While analysing the code, I found that this can be achieved using Open GLES. I have tried using a GLKView but it just shows a dark shade instead of image frame. Since I am new in this area, please help me.
I am developing an application where it will load Power point presentation file in UIWebView and capture the screen of the UIWebView for each page. And I am able to display as images one by one like a presentation.
Targetted platforms are: iOS6, iOS7
(1) Now when I want to display a Power Point document that has slides with multiple layered images/ elements or slides with animation
(2) Ppt files with custom size of slides
are not properly rendered by UIWebView. And hence I am seeing those slides in a different alignment and orientation. Basically not able to display as original images.
I searched in Google, Stack Overflow and even Apple documentation. Nowhere documented that this is not possible. Is there any other approach for loading ppt files where I will not lose any content or alignment?
SlideShark or Key Note are the apps which will display ppts as if original ppt slides.
Follow App Guidelines for UIDocumentInteractionController
Documentation
Sample Code
I think this will help you.
You can check file support using QLPreviewController here.
My question is: Since I have an app that downloads images from TMDB (the movie database) and I can't edit them in Photoshop before adding them to my application I was wondering if there was a way to add effects. Like a nice drop shadow and a 1 pix border to my images dynamically as they are downloaded or referenced from within application? (during development)
I can't seem to find a way to do this. I'm probably looking in the wrong place though.
Any help?
You can easily do all that using Quartz.