Bladzijde animatie

[ZpAz]

Op mn iPhone kwam ik een 'boek lees' applicatie tegen, welke erg mooi is, als je met je vinger van rechts naar links gaat slaat hij de bladzijde om in een animatie.

Zie voorbeeld:


Nu vroeg ik me af, hoe programmeer je zoiets? Hoeft niet persee in 'Objective-C' oid, maar meer de gedachtengang erachter.

Heb al wat zitten googlen op 'page animation' e.d, maar heb niet echt goede resultaten kunnen krijgen.

[Johnny]

Gezien de beperkte processorkracht van de iPhone vermoedt ik dat de gekreukelde pagina gewoon een aantal afbeeldingen zijn die vooraf zijn gerenderd en tijdens het bladeren sequentieel worden getoond. De paginainhoud wordt daar over geplaatst als rasterafbeelding en geschaald zodat hij lijkt te worden omgeslagen, wat vrij makkelijk is om te doen en weinig van de processor eist.

[roy-t]

Als het voor allerlij boeken werkt is het misschien heel simpel generiek te maken.

De om te slane bladzijde render je als een texture naar een rendertarget en druk je gewoon in zodat hij smaller wordt (en de afbeelding vertekend). In een shader zorg je ervoor dat de donkerheid afhangt van een tweede texture, die in het midden een lichte streep heeft en aan de rechterkant wat donkerder is, deze schaal je ook mee maar schuif je ook een beetje naar rechts. Doordat de donkere vlek verschuift en de pagina meer in elkaar gedrukt wordt lijkt het dan alsof de pagina omgeslagen wordt.

[RobIII]

Johnny schreef op donderdag 04 februari 2010 @ 18:07:
Gezien de beperkte processorkracht van de iPhone vermoedt ik dat de gekreukelde pagina gewoon een aantal afbeeldingen zijn die vooraf zijn gerenderd en tijdens het bladeren sequentieel worden getoond. De paginainhoud wordt daar over geplaatst als rasterafbeelding en geschaald zodat hij lijkt te worden omgeslagen, wat vrij makkelijk is om te doen en weinig van de processor eist.

De iPhone heeft, volgens mij, anders best een 'krachtige' (voor een mobieltje) GPU die prima een mesh zou kunnen renderen met een texture van de bladzijde en die wat 'verkreuken'.

[.oisyn]

Da's idd gewoon een animatie van een bladzijde met de daadwerkelijke bladzijde als texture daarop. Kan de iPhone prima doen.