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

中秋搞了一个小玩意

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

    一个网页的 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  
       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  
       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 。
    bestkayle
        45
    bestkayle  
       2015-09-30 18:42:06 +08:00
    之前在知乎貌似看过类似的算法。
    sobigfish
        46
    sobigfish  
       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   ·   我们的愿景   ·   实用小工具   ·   2497 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 15:44 · PVG 23:44 · LAX 08:44 · JFK 11:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.