建更加滑的 Javascript 效 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
ZhaoMiing
V2EX    分享创造

建更加滑的 Javascript 效

  •  
  •   ZhaoMiing 2014-08-30 13:42:36 +08:00 4084 次点击
    这是一个创建于 4065 天前的主题,其中的信息可能已经有所发展或是发生改变。
    17 条回复    2014-09-02 11:22:23 +08:00
    djyde
        1
    djyde  
       2014-08-30 13:48:52 +08:00
    真他妈怀念我以前写Javascript的时光,现在搞Android写java,蛋疼不已
    ZhaoMiing
        2
    ZhaoMiing  
    OP
       2014-08-30 13:50:46 +08:00
    @djyde 欢迎回坑
    lotem
        3
    lotem  
       2014-08-30 14:16:00 +08:00
    「事」
    kokdemo
        4
    kokdemo  
       2014-08-30 14:17:16 +08:00
    那个logo上滚动的小红条好赞!
    ZhaoMiing
        5
    ZhaoMiing  
    OP
       2014-08-30 14:30:27 +08:00
    @lotem 谢谢大神指正,Mac只带的输入法果然不靠谱。。。
    ZhaoMiing
        6
    ZhaoMiing  
    OP
       2014-08-30 14:30:35 +08:00
    @kokdemo 谢谢
    ChanneW
        7
    ChanneW  
       2014-08-30 14:31:42 +08:00
    域名是个错别字
    ZhaoMiing
        8
    ZhaoMiing  
    OP
       2014-08-30 14:33:16 +08:00
    @ChanneW prototype被注册了,所以就typo了
    Mutoo
        9
    Mutoo  
       2014-08-30 14:39:26 +08:00   2
    时间差那里有个小问题,如果浏览器暂停了绘制,很久后切回来,会出现一个非常大的 delta time ,这时候有必要对 dt 设定一个上限,以防止一些信赖时间差的物理模拟产生穿透。
    akfish
        10
    akfish  
       2014-08-30 15:01:00 +08:00   1
    1. requestAnimationFrame并不保证帧率固定在60Hz(或者其它常数),依赖于浏览器实现,有的机器上Chrome上帧率会比FF高,所以为了一致性,需要总是控制帧率。
    2. 计时应该使用window.performance.now()
    3. requestAnimationFrame套setTimeout的做法不推荐,requestAnimationFrame存在的原因就是setTimeout/setInterval不能提供可靠计时
    0x9397
        11
    0x9397  
       2014-08-30 15:15:35 +08:00   1
    为什么再看about页面的时候,那个箭头指向的是post。。。改变窗口大小还是指着post。。。
    ChanneW
        12
    ChanneW  
       2014-08-30 15:24:32 +08:00
    @ZhaoMiing typo挺好的
    kookxiang
        13
    kookxiang  
       2014-08-30 19:31:08 +08:00
    我的 HTML5 播放器是用 setInterval 计算歌词滚动位置,然后 requestAnimationFrame 负责让歌词平滑滚动过去
    ZhaoMiing
        14
    ZhaoMiing  
    OP
       2014-09-01 00:27:56 +08:00
    @Mutoo 感谢提示,看了下github上面的例子确实是要有一个delay时间判断的。
    @akfish 这里的setTimeout应该不是用来重绘动画的,而是用来执行重复的逻辑的。不过这样也确实不能提供可靠计时,估计作者使用setTimeout嵌套也只是一种权宜之计。
    ZhaoMiing
        15
    ZhaoMiing  
    OP
       2014-09-01 00:28:52 +08:00   1
    @0x9397 那个三角形不是指当前页面。
    @kookxiang 这样很好啊。
    0x9397
        16
    0x9397  
       2014-09-01 12:03:51 +08:00
    @ZhaoMiing 我知道不是指的当前页面。。。只是觉得既然有指向性。。。就强迫症的认为应该有点指向意义。。。
    tamamaxox
        17
    tamamaxox  
       2014-09-02 11:22:23 +08:00
    @djyde metoo
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     4890 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 05:39 PVG 13:39 LAX 22:39 JFK 01:39
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86