Discussion Forums  >  Audio, Video, Playing, Recording

Replies: 16    Views: 282

Mar
Apple Fan
Profile
Posts: 25
Reg: Nov 13, 2012
Castellón
3,950
11/13/12 09:04 AM (13 years ago)

Help with animations, iOS

Hello, I'm trying to program an app, which will be an interactive book. I need to add animations some way. I'd like to know if I can upload an .mvid file to the buzztouch video panel. I think I could create a proper .mvid file from my after-effects animations, but I'd need to know that I'll be able to use them with Buzztouch. I got this link from another post: http://buzztouch.com/appdata/sample-animate-header.html But it seems to be about animate a series of images. Perhaps there is a better way to set animations with Buzztouch? Thanks!
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
11/13/12 12:38 PM (13 years ago)
welcome! in ios you are indeed looking at making a custom plug-in screen that will load a bunch of graphic images (like .png or jpg files) in an array and then display them based on a method you write. that code you posted above does work in a viewdidload to make a quick/dirty animation in a blank plug-in screen. i do something similar, it's crude but works. OR take a look at this brand new toy from adobe: http://html.adobe.com/edge/animate/ I just saw it last night and have been playing with it a little today. this is like a new version of flash designed to be lean and make animations for websites (with some major focus tword mobile devices). You can make animations with that and load them into your app and they will work on BOTH ios and Android devices, since it will export your project in pure html/jquery.
 
Mar
Apple Fan
Profile
Posts: 25
Reg: Nov 13, 2012
Castellón
3,950
like
11/14/12 01:48 AM (13 years ago)
Thanks Atrain! I'll surely take a look to this new Adobe program. In case that this is not suitable for my animations, there is some way to adapt my After Effects animations to the proper language to be used with Buzztouch and Xcode? Thanks again.
 
David @ buzztouch
buzztouch Evangelist
Profile
Posts: 6866
Reg: Jan 01, 2010
Monterey, CA
78,840
like
11/14/12 02:34 AM (13 years ago)
 
Mar
Apple Fan
Profile
Posts: 25
Reg: Nov 13, 2012
Castellón
3,950
like
11/14/12 02:40 AM (13 years ago)
Sounds interesting, I'll read them. Thanks!
 
Mar
Apple Fan
Profile
Posts: 25
Reg: Nov 13, 2012
Castellón
3,950
like
11/14/12 05:34 AM (13 years ago)
Hello again, I've made a little animation with Adobe Edge Animate, and I've exported the html file (the program generates an html document plus some other .js files. How can I load all this into my app?
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
11/14/12 08:15 AM (13 years ago)
awesome! I was playing with Edge for a little while yesterday. They did a demo animation at the show. Totally reminds me of Flash. Pretty cool and easy to use isn't it? Glad you checked it out :) If you did the PUBLISH and then choose as static HTML, then you got the html and .js files. to make it work in an app- 1) copy those files into the BT_DOCS folder 2) use a BT HTML Doc plugin now and point to the .html doc and that's should be it. Xcode MAY want to compile the .js files, so check this link so you understand how to tell it not to- http://mobiledevelopertips.com/xcode/tell-xcode-not-to-compile-a-file.html
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
11/14/12 08:24 AM (13 years ago)
forgot to mention that I don't know all the options to export from After Effects, but it would need to be a similar concept that Edge uses to work this easily in a BT app, somethign that exports an the assets and code that you can copy and reference in the project. those are great links David - but the bonus to using edge is that those files it exports will also work in Android apps as well. (and don't think i'm not thinking about that animated splash screen plug-in. is it a safe guess you got slammed with a bunch of those submissions after that last webinar? or keep building?)
 
Mar
Apple Fan
Profile
Posts: 25
Reg: Nov 13, 2012
Castellón
3,950
like
11/14/12 08:37 AM (13 years ago)
Thanks! I'll try. I think that Edge Animator may be the solution to my problems, as long as I am able to use the animations in my app (I'm not a developer, just aspiring). By the way, my simulator doesn't seems to work properly. I don't see the device (iPhone, iPad). I only see the screen. Look: http://www.marballesteros.com/uploads/Simulator.tiff What could be the problem?
 
Mar
Apple Fan
Profile
Posts: 25
Reg: Nov 13, 2012
Castellón
3,950
like
11/14/12 09:56 AM (13 years ago)
Ups, I've spent the evening trying to set the html (from Edge Animator), in the app, and it doesn't seems to work. 1- I published the Edge animator project in html static, 2- I copied the files into BT_DOCT folder (in XCode), I had to import the whole folder, as it was not already in the project, 3- I translated the files from "compile sources" to "Copy Bundle resources". 4- I created a BT HTML Doc plugin from my own Buzztouch panel, and entered the html file name in the field "Document location". I suppose that is what you meant with "point to the .html doc", isn't is? 5- I ran the iPhone simulator, but the html screen is blank... Thanks for your patience...
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
11/14/12 02:39 PM (13 years ago)
Interesting, just got around to testing it as well and i'm getting the same result. That' the exact method to do it, you're on track. Edge Animate is a new piece of software and Adobe is notorious for being flaky, but this really should just work. I can access the animation from any other browser, but packaged inside the app is a no-go. I'd say back to the drawing board here and some more testing. I might try this with a Custom URL and see if that is any different..... simulator issue - that is odd, i'm not sure. I'm also xcode 4.2 still so may not have the same options to look at. Maybe that frameless phone screen is newer to xcode?
 
Mar
Apple Fan
Profile
Posts: 25
Reg: Nov 13, 2012
Castellón
3,950
like
11/15/12 08:13 AM (13 years ago)
Hello again! This is interesting, in fact... I've been testing some more ways to do this and with no results. I've also tried with the custom URL, but when I run the simulator, it says: "data for this screen have not been downloaded, please, check your internet connection..:" I've checked the delegate file, and put the plugin .h file below the "import" files, that is: #import "BT_screen_htmlDoc.h" I'm not sure if this is logical, I just tried. But nothing happened... There must be somebody who has already do this successfully, don't you think so?
 
Mar
Apple Fan
Profile
Posts: 25
Reg: Nov 13, 2012
Castellón
3,950
like
11/16/12 03:59 AM (13 years ago)
Hi! I've tried again with the "custom html" plugin and it works! Thanks for your help
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
11/16/12 08:28 AM (13 years ago)
Awesome. So the HTML that Edge Animate is spitting out does work. Tough to decipher it completely and since it's new, you never know, esp with Adobe... Since it worked outside the device, it was starting to seem like a mobile safari issue to me. You're proving it's not :) So you just copied the .html doc and the .js files + that edge_includes folder to BT_Docs, used the Custom HTML plugin and it worked? Same thing here but no luck yet. What publish settings did you use from Edge? and dying to try this on an android device now!
 
Mar
Apple Fan
Profile
Posts: 25
Reg: Nov 13, 2012
Castellón
3,950
like
11/16/12 03:51 PM (13 years ago)
Hi! These are the steps I've followed: 1-Publish from Edge Animate: web / HTML static. 2-Upload the Edge files (html plus .js files) to my website via ftp. I created a new folder in the main "web" folder, and put there all the documents. 3-Create the "custom html" plugin from Buzztouch panel. 4-Configure "Document web address (URL)" / "URL to load" as: http://mywebsite/uploads(the folder I've just created)/myproject.html 5-Create code from Buzztouch 6-Open the project file with Xcode 7-Add the plugins folder 8-Run the Simulator **On the "Layout" menu (Buzztouch panel), I've set the html plugin as the home screen. Doing this, Xcode load the html file from Internet, and the animation displays properly. I'm not sure if this is what I need, as I'd like to program an app that can run without Internet connexion (I don't remember the exact term for this). However, the other methods I've tried (like the hml.doc plugin) have failed. Let me know if this works also for you. Good luck!
 
Mar
Apple Fan
Profile
Posts: 25
Reg: Nov 13, 2012
Castellón
3,950
like
11/16/12 03:53 PM (13 years ago)
**http://ftp is just ftp (the link has appeared automatically).
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
11/16/12 06:11 PM (13 years ago)
Thanks, that's perfect documentation - appreciate it. For sure, this has to work local. I'm all about the off-line experience as well. Question now is why the custom URL works but not local? odd. I'm guessing there is either some references in a file or some ios webview issue. Have to look at the 2 plug ins a little closer..... I'm not hammering away at it as hard as you are right now, but will try to dig into it some more. I use lots of other jquery this same way. I noticed Adobe doesn't advert this as jquery, but it is. If we can get this down to a single html file, that html *could* be injected as JSON in a plugin screen, which opens up some interesting possibilities. Lets keep hacking at it :) *Must* work as htmldoc plugin.....
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.