创建硬翻页效果

Posted

技术标签:

【中文标题】创建硬翻页效果【英文标题】:Creating a hard page flip effect 【发布时间】:2012-10-10 08:10:29 【问题描述】:

那里有几个翻页源代码。以下是我已经看过的几个:

http://pageflip.hu/pageflip2/pageflip_v225_source.php https://github.com/nidin/as3-flip-book http://www.rubenswieringa.com/code/as3/flex/Book/source/ http://www.megazine3.de/home.en.html

但是,它们都不能真正满足我的需求。我不需要任何卷页效果,我想要的只是硬封面效果,但适用于所有页面。 是否还有其他示例对所有页面都具有硬翻页效果?或者是否有任何关于封面的矩阵转换如何工作的文档 - 因为我不太明白? 相册的内容将包括视频、音频和图像。

【问题讨论】:

【参考方案1】:

您不需要任何这些库来获得精装效果,因为它们通常专注于卷曲。只需使用内置功能: 旋转Y http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayObject.html#rotationY

【讨论】:

啊。是的,这就是我想要的效果。以为那里可能有一些库,我只需要向其中添加内容即可。这样,我必须添加大量代码才能实际获得所需的书本效果(例如,当在书的末尾,有人单击开头的书签时,应该翻转前一页,直到到达所需的页面)。不过还是谢谢! 通过 greensock 和 rotationY 组合创建了所需的效果。太好了!【参考方案2】:

在这个库中:http://www.rubenswieringa.com/code/as3/flex/Book/source/ Page 类具有属性hard。如果为它设置true,那么页面将变得很难。您可以为每个页面设置此属性。比如看他的方法:

        private function toggleHard (page:Page):void 
            hard_btn.toolTip = (page.hard) ? "make next page hard" : "make next page fluid";
            hardBtnIcon = (page.hard) ? hardBtnIcon1 : hardBtnIcon2;
            page.hard = !page.hard;
            hard_btn.invalidateDisplayList();
        

【讨论】:

嗯。行。我实际上是在寻找可以在 Flash IDE 中使用的东西,但我会仔细研究一下这个 Flex 解决方案。

以上是关于创建硬翻页效果的主要内容,如果未能解决你的问题,请参考以下文章

turn.js (翻页效果)总结

采用cocos2d-x lua 的listview 实现pageview的翻页效果之上下翻页效果

简单实现RecyclerView版本的竖向翻页效果

UIPageViewController制作小说翻页效果

c#翻页效果

unity 制作书本 翻页效果