More examples of Famous/Views?

[ashah888]

Are there any more indepth examples of Famous Views?

Current set of examples on the website shows all the basics but I'm looking for something more complex like...

1. Combining Famous Views with a router package to add animations.

2. Click-hold drag to move Surfaces

3. Swipe examples, etc

[timfam]

You should be learning the new famous version - Surface is old news

[ashah888]

What do you mean? Did the new famous version replace Surface or something?

[gadicc]

Yeah which version are you looking at? Hope you saw the big deprecation notice on the front page, all efforts are going into the mixed mode release now. To that end, there are a bunch of examples up at https://fview-lab2.meteor.com/gadicc for the new version... obviously everything is super new but eventually the website will be updated with docs and info for the new release... but for now those examples and the README is probably enough.

A few other comments:

1. No examples of router integration yet with the new version but it will probably work very similar to v0. Right now it's easy to integrate without transitions, but we'll have an example of that soon (as per your other post - http://forums.famous-views.org/t/how-to-create-swipe-navigations/78).

2. There's an example up there, but note a bug in current famous where you can move the mouse quicker than the drag can keep up. As you saw I just did a basic Engine implementation of this, ideally this should be written at the Framework level, but if that doesn't come soon I intend to fix up this example to also support nodes positioned with align/mountPoint etc.

3. Coming soon, don't recall if there are raw Famous examples for this, it wouldn't be that different though. I know for raw Famous there's this Carousel package which I intend to offer a fview wrapper of for super easy integration with Meteor. The package demos some swipes though.

Last thing, just recall that the latest famous release is super new and hasn't completely stabilized yet and we're all still catching up

[gadicc]

What do you mean? Did the new famous version replace Surface or something?

Yeah, check www.famous.org there's an entirely new from-scratch API that's not backwards compatible. Famous-views v0 works with famous 0.3.5 and is our only "stable" release, but it's deprecated, and no further work will be done on it (same with famous 0.3.x). Famous 0.5 is an entirely new beast and the only thing we'll be supporting moving forward... currently the eco system is a lot smaller since it just came out.

[ashah888]

I'm guessing there's no famous-views website for Famous v1 ?

I noticed my breaks when I upgrade Famous Views to v1.2 I'm guessing that's because of depreciated Famous API.

Is there some kind of guide on how I can convert pre-v1 Famous to v1 Famous?

Is it as simple as changing {{#Surface}} to a {{#Scene}} etc?

[gadicc]

Yeah, no famous-views site for v1 yet, too early... but fun things planned for it

And yes, as you realized, APIs are incompatible... Meteor should have warned you when you tried to upgrade, right? (Both the famous and famous-views APIs changed)

Umm, no guide yet.. it's still quite early and things could still change (hopefully not more than a little)... but... if you're only working in markup, and don't have much JS interacting with famous, then yeah it is kinda simple.... the boilerplate is like:

body
  +Scene
    +Node
      +DOMElement
        Your regular HTML / template goes here

• Scene replaces famousContext id="mainCtx" (but note, that it attaches to it's parent element, in this case, body, and body automatically attaches the right CSS class to it for a "full page" famous app)

• Node + DOMElement replaces Surface

• Components replace Modifiers, but basically you can set similar attributes on Node like you did on Surface. Notably how sizes are described have been changed (see The Basics), and origin has been split to origin for rotation/scaling/etc and mountPoint for align.

That's not a bad start I think.

[ashah888]

Could you please tell me how I can do {{#SequentialLayout}} in API v1 ?

[gadicc]

Hey, sorry for late reply... just got back from overseas and have a lot to catch up on.

There's a question about at what level these things should actually be developed, e.g. should they be written for Engine, Framework, etc.

Nevertheless, michaelobriena (from famous) has done some proof-of-concept layouts for Engine, and there is indeed one called Sequential.

I've never tried it but all you should need to do is include that code somewhere and then:

FView.wrap('Sequential', Sequential);

and then you should be able to use it in your templates just like you'd expect.