V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
yxwzaxns

中秋搞了一个小玩意

  •  
  •   yxwzaxns ·
    yxwzaxns · Sep 30, 2015 · 10487 views
    This topic created in 3872 days ago, the information mentioned may be changed or developed.

    一个网页的 sma

    http://badapple.daoapp.io/
    本来不想用 2 级域名的,谁想 oline 域名不能备案,也是醉了

    Supplement 1  ·  Oct 4, 2015
    卧槽,我居然能进贴了,感谢上帝,感谢上帝,感谢上帝

    真不容易啊,为什么这 bug 没人管呢

    git : https://github.com/yxwzaxns/SMA_bad_apple

    SMA stop-motion Animation
    102 replies    2015-10-18 17:01:28 +08:00
    1  2  
    qq375130371
        1
    qq375130371  
       Sep 30, 2015
    已瞎
    demo
        2
    demo  
       Sep 30, 2015
    牛逼, bad apple
    banri
        3
    banri  
       Sep 30, 2015
    瞎了 卧槽大触!
    alp
        4
    alp  
       Sep 30, 2015
    已瞎
    devinww
        5
    devinww  
       Sep 30, 2015
    瞎了。
    bozong
        6
    bozong  
       Sep 30, 2015
    打不开 空白页面
    kliy
        7
    kliy  
       Sep 30, 2015
    我不知道我答对了没,因为我已经下了
    v2ex_user001
        8
    v2ex_user001  
       Sep 30, 2015
    居然是个 MV
    cxd2427514
        9
    cxd2427514  
       Sep 30, 2015
    空白
    lxy42
        10
    lxy42  
       Sep 30, 2015
    手机打开是空白页
    wsph123
        11
    wsph123  
       Sep 30, 2015   ❤️ 1
    尼玛!!!直接 ajax 传过来这要卡多久 T_T 。。。
    nevin47
        12
    nevin47  
       Sep 30, 2015
    空白的点击一下试试
    @bozong
    @cxd2427514
    @lxy42
    @cxd2427514
    Jelen
        13
    Jelen  
       Sep 30, 2015
    卧槽,白雪公主吗,怎么做出来的
    plqws
        14
    plqws  
       Sep 30, 2015
    今天的膝盖…
    还有就是要用 ajax 的话可以一次多传几帧放到 json array 里…
    一帧一帧传有点醉
    welly
        15
    welly  
       Sep 30, 2015
    还不错的感觉
    qping
        16
    qping  
       Sep 30, 2015
    请收下我的膝盖,怎么做的 ?
    c742435
        17
    c742435  
       Sep 30, 2015
    我只看到一堆 01 矩阵……
    imydou
        18
    imydou  
       Sep 30, 2015
    想知道 010101 怎么生成的?
    Otho
        19
    Otho  
       Sep 30, 2015
    卧槽 瞎了。。。
    gongpeione
        20
    gongpeione  
       Sep 30, 2015
    6666 城会玩!

    多传几帧+1
    apgmer
        21
    apgmer  
       Sep 30, 2015
    瞎了
    5up3r
        22
    5up3r  
       Sep 30, 2015
    我的膝盖 。。
    然而楼主现在进不来这帖了
    engin
        23
    engin  
       Sep 30, 2015
    应该是把一个视频逐帧灰度了,再二值化。👍
    BuilderQiu
        24
    BuilderQiu  
       Sep 30, 2015
    还好看过原视频能脑补。。
    已经快瞎了。。
    cclouds
        25
    cclouds  
       Sep 30, 2015
    眼睛好痛
    v2Panda
        26
    v2Panda  
       Sep 30, 2015
    会玩会玩
    florije
        27
    florije  
       Sep 30, 2015
    已瞎~~
    jkjoke
        28
    jkjoke  
       Sep 30, 2015
    久违的烂苹果!跪了
    watara
        29
    watara  
       Sep 30, 2015
    bad apple
    fwrq41251
        30
    fwrq41251  
       Sep 30, 2015
    看到这个又去 B 站上重温了一下示波器版
    glchaos
        31
    glchaos  
       Sep 30, 2015
    一边看,一边看源码,浏览器卡了!
    moosoome
        32
    moosoome  
       Sep 30, 2015
    大触啊
    rwzsycwan
        33
    rwzsycwan  
       Sep 30, 2015
    已瞎
    yangxiongwei
        34
    yangxiongwei  
       Sep 30, 2015
    qiuai
        35
    qiuai  
    PRO
       Sep 30, 2015
    还能再屌一点么
    yangxiongwei
        36
    yangxiongwei  
       Sep 30, 2015
    前天刚搞了一个把图片生成 ascii 码的东西, https://github.com/veryyoung/pic2ascii

    楼主这个通过不停的 Ajax 来组成动画。

    能否分享下 /ajax.php?id={n} 的代码?
    qiuai
        37
    qiuai  
    PRO
       Sep 30, 2015
    然后..戳到了 firefox 的痛脚啊...一分钟不到就卡的 1 秒一帧了...
    Mihuwa
        38
    Mihuwa  
       Sep 30, 2015
    好流 b 的赶脚~
    pig
        39
    pig  
       Sep 30, 2015
    瞎掉~
    tuteng
        40
    tuteng  
       Sep 30, 2015
    已瞎
    DualWield
        41
    DualWield  
       Sep 30, 2015
    @yangxiongwei 这个代码其实没有什么好学习的,通过 ajax 来调实在不是什么 good idea 。。。卡死了
    cjyang1128
        42
    cjyang1128  
       Sep 30, 2015
    sma 是啥。。另外仰慕楼主
    hustlzp
        43
    hustlzp  
       Sep 30, 2015
    卧槽,吊
    hustlzp
        44
    hustlzp  
       Sep 30, 2015
    计算每帧之间的差异,可能会好点儿...

    不过今天的膝盖无论如何要献给 LZ 。
    KgM4gLtF0shViDH3
        45
    KgM4gLtF0shViDH3  
       Sep 30, 2015
    之前在知乎貌似看过类似的算法。
    run2
        46
    run2  
       Sep 30, 2015
    批量处理 img2ascii 的结果?手工的话几乎不能完成吧
    d7101120120
        47
    d7101120120  
       Sep 30, 2015
    chrome 蛮流畅的~~~~请收下我的膝盖
    IMRES
        48
    IMRES  
       Sep 30, 2015
    很有意思。
    t2doo
        49
    t2doo  
       Sep 30, 2015
    弓虽,好膜拜
    Twinkle
        50
    Twinkle  
       Sep 30, 2015
    瞬间爆炸...
    wolfan
        51
    wolfan  
       Sep 30, 2015
    东方圣教万岁万岁万万岁
    yangxiongwei
        52
    yangxiongwei  
       Sep 30, 2015
    @DualWield 我的重点不是 ajax ,而是每次传入的参数动态生成的 0 1 图案如此的有规律是如何做到的。
    slimbloody
        53
    slimbloody  
       Sep 30, 2015
    好厉害!
    abelyao
        54
    abelyao  
       Sep 30, 2015
    @yangxiongwei 楼主其实已经开源了,但是没办法进来回帖,可以看: /t/224825
    ChiangDi
        55
    ChiangDi  
       Sep 30, 2015
    思路有点奇怪啊,我以为是前端 js 用算法动态生成的,没想到是后台 ajax 传过来的。
    hit9
        56
    hit9  
       Sep 30, 2015
    赞赞赞
    judyApple
        57
    judyApple  
       Oct 1, 2015
    太酷了
    qw7692336
        58
    qw7692336  
       Oct 1, 2015 via Android
    手机用户没看懂
    zjqzxc
        59
    zjqzxc  
       Oct 4, 2015
    字符动画好几年前就有人搞了。。那会还是 word 宏命令翻页呢~~楼主这个创新不错~~~
    两年前做过 超科学电磁炮 ,后来 word 实在打不开生成的 html 文件( 2 个多 G ),然后就放弃了。。
    哎,,当时在没想起来用 ajax 呢。。

    楼主下次做别的的时候可以尝试: 1 、换个本身是彩色的视频; 2 、把 pic->str 的工作交给 js 来做,然后把切好的图合成成几张大尺寸的图片,减少 http 次数,顺带也算是“压缩数据”了。
    虽然我当时也是用 PHP 转 str 的,不知道 js 这里怎么写。
    yxwzaxns
        60
    yxwzaxns  
    OP
       Oct 4, 2015
    @wsph123 123 你居然在这里
    yxwzaxns
        61
    yxwzaxns  
    OP
       Oct 4, 2015
    @qping 源码放 git 了
    yxwzaxns
        62
    yxwzaxns  
    OP
       Oct 4, 2015
    @5up3r 终于进来了。不容易
    yxwzaxns
        63
    yxwzaxns  
    OP
       Oct 4, 2015
    @qiuai 节哀
    yxwzaxns
        64
    yxwzaxns  
    OP
       Oct 4, 2015
    @qw7692336 不让手机端看,手机效果不好
    yxwzaxns
        65
    yxwzaxns  
    OP
       Oct 4, 2015
    @zjqzxc 其实改进的方法还有很多,以后慢慢改了
    yxwzaxns
        66
    yxwzaxns  
    OP
       Oct 4, 2015
    @abelyao 3q ,帮忙
    wsph123
        67
    wsph123  
       Oct 4, 2015 via Android
    @yxwzaxn 认错人啦 我是卜卜口
    yxwzaxns
        68
    yxwzaxns  
    OP
       Oct 4, 2015 via Android
    @wsph123 说错了,你和 123 一伙的我是 yoooooou 啊
    branchzero
        69
    branchzero  
       Oct 5, 2015
    你都能用 PHP 得到结果了为什么不把结果存成文本来取呢=。=
    ajax 一帧一帧从 php 取这个方法不敢恭维啊。
    yxwzaxns
        70
    yxwzaxns  
    OP
       Oct 5, 2015 via Android
    @branchzero 用 ajax 的确有点 low 了,不过存文本比现取在时间上没有太大的优势
    branchzero
        71
    branchzero  
       Oct 5, 2015
    @yxwzaxns 额,你 get 错重点了,用 ajax 取没错,错在每次你都要实时去分析图片,造成不必要的服务端开销,我的意思是,把结果直接存下来然后 ajax 去取静态文本。
    yxwzaxns
        72
    yxwzaxns  
    OP
       Oct 5, 2015 via Android
    @branchzero 我知道你的意思,我也做过,不过是用数据库,把每帧的结果放数据库里,不过效果并不明显。而且我想说的是,有比 ajax 更好的方法来把数据发到前端
    branchzero
        73
    branchzero  
       Oct 5, 2015
    @yxwzaxns =。= 数据库的话,你还是逃不开其他动态脚本 /程序去读取,静态文本基本上就是 Web Server Load 文件的事情了,不需要另外处理(你现在源图是按帧存储,你可以把源图解析之后的结果按帧存成一个个文本文件,然后 ajax 去 load 这些文本,就可以绕过处理了,我的意思是这个=。=)。
    方法也不肯定不止 ajax 一种,加油折腾吧:)
    忘记说了创意不错,蛮赞的!
    branchzero
        74
    branchzero  
       Oct 5, 2015
    @branchzero typo 手滑多敲了一个不 (逃
    yxwzaxns
        75
    yxwzaxns  
    OP
       Oct 5, 2015 via Android
    @branchzero 数据库里的确就是处理好的 10 ,另外,放 redis 里会不会好点?
    pagecho
        76
    pagecho  
       Oct 5, 2015
    眼睛要爆炸了!不过好酷玄!厉害!
    yxwzaxns
        77
    yxwzaxns  
    OP
       Oct 5, 2015
    @pagecho 请用珍视明
    zhantss
        78
    zhantss  
       Oct 8, 2015
    挺流畅的 会玩 6666
    codeyung
        79
    codeyung  
       Oct 8, 2015
    醉了醉了 3400 多 我跪了
    yxwzaxns
        80
    yxwzaxns  
    OP
       Oct 8, 2015 via Android
    @codeyung 其实实际显示的没那么多
    yxwzaxns
        81
    yxwzaxns  
    OP
       Oct 8, 2015 via Android
    @zhantss chrome 吧, fox 党说卡
    zhantss
        82
    zhantss  
       Oct 9, 2015
    @yxwzaxns 的确是 chrome 都挺快的
    but 我试了下 IE ,一开始加载挺慢的,后面还可以啊
    就是不知道为毛,竖直方向被拉长了
    agui2200
        83
    agui2200  
       Oct 9, 2015
    yxwzaxns
        84
    yxwzaxns  
    OP
       Oct 9, 2015 via Android
    @zhantss 忘了把 ie 也拉到黑名单不让访问
    yxwzaxns
        85
    yxwzaxns  
    OP
       Oct 9, 2015 via Android
    @agui2200 不错,这个好
    lk920724
        86
    lk920724  
       Oct 10, 2015
    这怎么做到的?。。。厉害啊
    qinenqiang
        87
    qinenqiang  
       Oct 10, 2015
    有点厉害啊…
    yxwzaxns
        88
    yxwzaxns  
    OP
       Oct 10, 2015 via Android
    @lk920724 有源码→_→
    agui2200
        89
    agui2200  
       Oct 12, 2015
    @yxwzaxns 改了 call 来看看~
    yxwzaxns
        90
    yxwzaxns  
    OP
       Oct 13, 2015 via Android
    @agui2200 最近是没空了,你要是等的起会改的
    yuchting
        91
    yuchting  
       Oct 14, 2015
    LZ 真会玩!!
    看来目前 V2EX 好多头像都是日漫,看来都是日漫迷哇,敢问都是 90 后?
    yxwzaxns
        92
    yxwzaxns  
    OP
       Oct 14, 2015 via Android
    @yuchting 必须的
    awolfly9
        93
    awolfly9  
       Oct 14, 2015
    好牛逼。
    soopro
        94
    soopro  
       Oct 14, 2015
    好厉害哇
    SakuraSa
        95
    SakuraSa  
       Oct 15, 2015
    @yxwzaxns
    看着好好玩呀~
    我也试着作了一个,不过偷懒直接用 three.js 了~
    http://badapple-ascii.coding.io/
    yxwzaxns
        96
    yxwzaxns  
    OP
       Oct 15, 2015
    @SakuraSa I see a 404
    SakuraSa
        97
    SakuraSa  
       Oct 15, 2015
    @yxwzaxns
    刚才重新部署了一下,现在应该没问题了
    htc502
        98
    htc502  
       Oct 17, 2015
    已瞎,已粉。。。
    yxwzaxns
        99
    yxwzaxns  
    OP
       Oct 17, 2015
    @htc502 然而我已经搞不懂为什么会变窄了,丑死了
    andysheng
        100
    andysheng  
       Oct 18, 2015
    1  2  
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3449 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 347ms · UTC 11:06 · PVG 19:06 · LAX 04:06 · JFK 07:06
    ♥ Do have faith in what you're doing.