SC.Animate Demo App

[Kyle Carriedo]

Hi,

We are currently working on the animation docs for Sproutcore.   I thought it might be helpful to have a demo app to show the community how SC.Animate works. 

The app uses a series of slider values to adjust both the duration and the animation of the SC image. There is a select button for you to choose the different types of properties that you can animate such as top,bottom, scale, rotateX etc. 

SC.Animate also supports CSS effects.  I have added a drop down selection for you to select the different types of CSS effects. Another parameter that SC.Animate uses is the call back function, therefore, I have also added a checkbox view to show how the call back function comes into play.

The app is currently in the early stages.  I am looking for feed back from the community to see what you like or  don't like and what you would like to see added.

Here is the URL http://animate.strobeapp.com/

Best,

Kyle Carriedo

The Code Boutique

http://communityalpha.heroku.com/

[Charles Jolley]

Having a demo app like this is a really good idea.  However i just want to make sure - you are documentating/demonstrating SC.View.animate() right?  This is the primary API we should to highlight in the docs IMO.

I believe SC.Animatable is going to be deprecated if not entirely removed at some point because the code is not well baked.  Someone correct me if I am wrong...

Sent from my iPad

[Chad Eubanks (gMail)]

Hi Charles,

Having a demo app like this is a really good idea.  However i just want to make sure - you are documentating/demonstrating SC.View.animate() right?  This is the primary API we should to highlight in the docs IMO.

Yes we are using SC.View.animate() and not animatable in both the docs we are creating and the demo. 

I believe SC.Animatable is going to be deprecated if not entirely removed at some point because the code is not well baked.  Someone correct me if I am wrong...

From our understanding,  this is correct.

Kind Regards,

Chad Eubanks

[Kyle Carriedo]

Is 1.5 not iOS ready? My app will not run on iPad or iPhone.

Best

Kyle 

[Peter Wagenet]

It should work fine. What's wrong with the app?

-Peter

[Kyle Carriedo]

It won't render on the iPad or iPhone any reasons why? It's was built and deployed on 1.5

Best,

Kyle Carriedo

Software engineer 

The Code Boutique

http://communityalpha.heroku.com/

[Peter Wagenet]

Any console errors?

-Peter

[Kyle Carriedo]

It will not render that, no console errors. Strange?

Best

Kyle Carriedo

Software engineer 

The Code Boutique

http://communityalpha.heroku.com/

[joseph...@gmail.com]

I'm getting 'body.setClass' is undefined and SC.device is not an object on the ipad.

Regards,
Joe tuskan

---

From: Kyle Carriedo <kcar...@gmail.com>

Sender: sproutc...@googlegroups.com

Date: Sat, 12 Feb 2011 17:19:08 -0800

To: sproutc...@googlegroups.com<sproutc...@googlegroups.com>

ReplyTo: sproutc...@googlegroups.com

Subject: Re: SC.Animate Demo App

[PixelPartner]

The app didn't run on my iPad 4.2 (Safari), just a white canvas.

On 12 Feb., 19:55, Kyle Carriedo <kcarri...@gmail.com> wrote:
> Hi,
>
> We are currently working on the animation docs for Sproutcore.   I thought it might be helpful to have a demo app to show the community how SC.Animate works.
>
> The app uses a series of slider values to adjust both the duration and the animation of the SC image. There is a select button for you to choose the different types of properties that you can animate such as top,bottom, scale, rotateX etc.
>
> SC.Animate also supports CSS effects.  I have added a drop down selection for you to select the different types of CSS effects. Another parameter that SC.Animate uses is the call back function, therefore, I have also added a checkbox view to show how the call back function comes into play.
>
> The app is currently in the early stages.  I am looking for feed back from the community to see what you like or  don't like and what you would like to see added.
>

> Here is the URLhttp://animate.strobeapp.com/

[Kyle Carriedo]

Yes currently this app was built using 1.5 and deployed, I think there is a bug with 1.5 and mobile browsers not sure why but the core team is looking into. The app is using Ace Theme now.

Best

Kyle Carriedo
The Code Boutique
http://communityalpha.heroku.com/

[Kyle Carriedo]

Hi,

I have gotten a lot of feedback about the demo app and have implemented some of the changes. Some of the changes include a new type callback demo, some preset animations and a new theme. Please let me know what you think I would love your feedback.

Currently 1.5 pre is no working on iOS so the demo will not run on ipad/iphone

http://animate.strobeapp.com/

Best,

Kyle Carriedo
Software engineer

[Chad Eubanks (gMail)]

Looking good! Animation docs are coming next.

Kind Regards,
Chad Eubanks
The Code Boutique

Sent from my iPhone

[Alex Iskander]

Just noticed: you have the callback incorrect; don't use invokeLater. I think you just pass:

myApp.myView.animate("rotateY", 0, { duration: 1, timing: 'ease-in-out', 'nameOfMethodOnYourView' })

or:

myApp.myView.animate("rotateY", 0, { duration: 1, timing: 'ease-in-out', {target: someObject, action: 'amethod'} })

Alex