中秋搞了一个小玩意 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
yxwzaxns
V2EX    分享创造

中秋搞了一个小玩意

  •  
  •   yxwzaxns
    yxwzaxns 2015-09-30 10:08:30 +08:00 9769 次点击
    这是一个创建于 3667 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一个网页的 sma

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

    第 1 条附言    2015-10-04 18:15:47 +08:00
    卧槽,我居然能进贴了,感谢上帝,感谢上帝,感谢上帝

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

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

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

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

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

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

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

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