查看原文
其他

转转转转转转转转转转转转转转转转转转转转

2017-08-11 沙师弟 i排版

周三的推送里,和大家分享了一个有趣的互动玩法:



———— 大师兄,师父被妖怪抓走了———— 二师兄,师父被妖怪抓走了———— 大师兄,二师兄被妖怪抓走了———— 大师兄,二师兄和妖怪都被师父抓走了———— 二师兄,大师兄去找观影菩萨了———— 大师兄,二师兄说他回高老庄了———— 师父,你就饶了大师兄这一回吧———— 二师兄,大师兄让我们就在这里等他———— 师父,来,喝点水———— 大师兄,我留在这里照顾师父———— 师父,大师兄说得对!———— 大师兄,二师兄说的对!———— 师父,大师兄和二师兄说的对!———— 放心吧,师父,大师兄会来救咱们的———— 大师兄,师父说的也是气话———— 二师兄,这就是你的不对了———— 师父,不能赶走大师兄啊———— 大师兄,师父和我在这里!———— 二师兄,你就少说两句吧———— 妖怪!还我师父!!



结果,没有同学回答正确答案。倒是有同学非常认真的研究了转盘,然后把老沙的话全部敲了一遍。(老沙自然不会亏待认真的小朋友)还有一位同学,选择要老沙的贴面吻,今天就给你这个机会!来吧!



言归正传,今天老沙就给和大家分享一下这个转盘是怎么在i排版(iPaiban.com)实现的。



其实,它的真身,就躺在【互动样式】的分类里。没错,弹幕样式都跑到【互动样式】分类里了!


就是这个:

旋转跳跃我不停歇

❶ 点击工具栏上最后一个的HTML按钮,进入代码编辑页面。


❷ 把下图圈出来的数值改成0,就可以变成定点旋转。


旋转跳跃我不停歇


好了,今天的教程就到这里。


开 玩 笑 !


你肯定还想实现多条文字旋转。


❶ 接着上面的操作,还是点击工具栏上最后一个的HTML按钮,进入代码编辑页面。复制下图圈出来的代码。


❷ 把这段代码粘在</text>的下面(敲一下回车,粘贴就可以)。需要几句,粘几次。

❸ 这时候所有的字其实还重叠在一起,修改代码中from和to的数值,让文字分开。


无意中还暴露了数学水平,因为两个数值的差必须是360


老沙改成了:

❹ 你还可以修改旋转的时间:

dur表示旋转一圈的时间,数值越大,旋转的越慢。


把奖品信息藏在旋转的文字中,用这种方式给读者发奖,太有创意了!


文章开头的转盘旋转时间是6s,现在我们把它调成0.8s,旋转的文字就变成:


旋转跳跃我不停歇旋转跳跃我不停歇旋转跳跃我不停歇


好了,剩下就是你自行发挥的空间了。


i排版(iPaiban.com)还为大家准备了各种走向的文字:

沙师弟老司机



刚刚飞过去了什么?




老沙在弹幕里藏了一个兑换码啊哈哈哈


i排版(iPaiban.com)的样式也为大家提供了很多自由发挥的空间大家可以多多尝试,也欢迎跟沙师弟(Playhudong003)分享你的创意哦!(沙师弟不会亏待你的!)


跟着老沙学了这么多排版技巧,你有没有想过要做出独一无二,首发原创的样式呢?


来参加沙师弟的【顶级排版学习】吧!


8月19日(下周六)于北京海淀,专业(美女)老师手把手教授公众号顶级排版术。


详情点击:公众号顶级排版术,手把手教会你





i排版

iPaiban.com


www.iPaiban.com

制 作

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存