中秋搞了一个小玩意

域名

oline

sma

玩意

102 条回复 • 2015-10-18 17:01:28 +08:00

1 2

❮

❯

1

qq375130371

2015-09-30 10:25:59 +08:00

已瞎

2

demo

2015-09-30 10:49:07 +08:00

牛逼， bad apple

3

banri

2015-09-30 10:53:39 +08:00

瞎了卧槽大触！

4

alp

2015-09-30 10:57:14 +08:00

已瞎

5

devinww

2015-09-30 11:02:35 +08:00

瞎了。

6

bozong

2015-09-30 11:04:01 +08:00

打不开空白页面

7

kliy

2015-09-30 11:04:41 +08:00

我不知道我答对了没，因为我已经下了

8

v2ex_user001

2015-09-30 11:07:25 +08:00

居然是个 MV

9

cxd2427514

2015-09-30 11:21:23 +08:00

空白

10

lxy42

2015-09-30 11:26:12 +08:00

手机打开是空白页

11

wsph123

2015-09-30 11:31:29 +08:00

1

尼玛！！！直接 ajax 传过来这要卡多久 T_T 。。。

12

nevin47

2015-09-30 11:35:01 +08:00

空白的点击一下试试
@bozong
@cxd2427514
@lxy42
@cxd2427514

13

Jelen

2015-09-30 11:39:42 +08:00

卧槽，白雪公主吗，怎么做出来的

14

plqws

2015-09-30 11:42:35 +08:00

今天的膝盖…
还有就是要用 ajax 的话可以一次多传几帧放到 json array 里…
一帧一帧传有点醉

15

welly

2015-09-30 11:49:56 +08:00

还不错的感觉

16

qping

2015-09-30 11:59:55 +08:00

请收下我的膝盖，怎么做的？

17

c742435

2015-09-30 12:11:18 +08:00

我只看到一堆 01 矩阵……

18

imydou

2015-09-30 12:12:00 +08:00

想知道 010101 怎么生成的？

19

Otho

2015-09-30 12:12:41 +08:00

卧槽瞎了。。。

20

gongpeione

2015-09-30 12:43:37 +08:00

6666 城会玩！

多传几帧+1

21

apgmer

2015-09-30 12:46:07 +08:00

瞎了

22

5up3r

2015-09-30 13:06:31 +08:00

我的膝盖

。。
然而楼主现在进不来这帖了

23

engin

2015-09-30 13:23:19 +08:00

应该是把一个视频逐帧灰度了，再二值化。👍

24

BuilderQiu

2015-09-30 13:44:36 +08:00

还好看过原视频能脑补。。
已经快瞎了。。

25

cclouds

2015-09-30 13:50:50 +08:00

眼睛好痛

26

v2Panda

2015-09-30 14:07:35 +08:00

会玩会玩

27

florije

2015-09-30 14:12:31 +08:00

已瞎~~

28

jkjoke

2015-09-30 14:15:07 +08:00

久违的烂苹果！跪了

29

watara

2015-09-30 14:20:48 +08:00

bad apple

30

fwrq41251

2015-09-30 14:22:12 +08:00

看到这个又去 B 站上重温了一下示波器版

31

glchaos

2015-09-30 15:04:47 +08:00

一边看，一边看源码，浏览器卡了！

32

moosoome

2015-09-30 15:08:44 +08:00

大触啊

33

rwzsycwan

2015-09-30 15:58:25 +08:00

已瞎

34

yangxiongwei

2015-09-30 16:10:10 +08:00

http://badapple.daoapp.io/ba.mp3

35

qiuai

2015-09-30 16:12:49 +08:00

还能再屌一点么

36

yangxiongwei

2015-09-30 16:13:23 +08:00

前天刚搞了一个把图片生成 ascii 码的东西， https://github.com/veryyoung/pic2ascii

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

能否分享下 /ajax.php?id={n} 的代码？

37

qiuai

2015-09-30 16:13:32 +08:00

然后..戳到了 firefox 的痛脚啊...一分钟不到就卡的 1 秒一帧了...

38

Mihuwa

2015-09-30 16:13:55 +08:00

好流 b 的赶脚~

39

pig

2015-09-30 16:20:52 +08:00

瞎掉~

40

tuteng

2015-09-30 16:33:42 +08:00

已瞎

41

DualWield

2015-09-30 17:32:43 +08:00

@yangxiongwei 这个代码其实没有什么好学习的，通过 ajax 来调实在不是什么 good idea 。。。卡死了

42

cjyang1128

2015-09-30 17:46:15 +08:00

sma 是啥。。另外仰慕楼主

43

hustlzp

2015-09-30 18:05:13 +08:00

卧槽，吊

44

hustlzp

2015-09-30 18:08:42 +08:00

计算每帧之间的差异，可能会好点儿...

不过今天的膝盖无论如何要献给 LZ 。

45

KgM4gLtF0shViDH3

2015-09-30 18:42:06 +08:00

之前在知乎貌似看过类似的算法。

46

sobigfish

2015-09-30 19:26:17 +08:00

批量处理 img2ascii 的结果？手工的话几乎不能完成吧

47

d7101120120

2015-09-30 19:58:04 +08:00

chrome 蛮流畅的~~~~请收下我的膝盖

48

IMRES

2015-09-30 20:26:53 +08:00

很有意思。

49

t2doo

2015-09-30 20:50:47 +08:00

弓虽，好膜拜

50

Twinkle

2015-09-30 20:55:25 +08:00

瞬间爆炸...

51

wolfan

2015-09-30 21:14:48 +08:00

东方圣教万岁万岁万万岁

52

yangxiongwei

2015-09-30 21:23:31 +08:00

@DualWield 我的重点不是 ajax ，而是每次传入的参数动态生成的 0 1 图案如此的有规律是如何做到的。

53

slimbloody

2015-09-30 21:34:21 +08:00

好厉害！

54

abelyao

2015-09-30 22:57:47 +08:00

@yangxiongwei 楼主其实已经开源了，但是没办法进来回帖，可以看： /t/224825

55

ChiangDi

2015-09-30 23:16:30 +08:00

思路有点奇怪啊，我以为是前端 js 用算法动态生成的，没想到是后台 ajax 传过来的。

56

hit9

2015-09-30 23:19:51 +08:00

赞赞赞

57

judyApple

2015-10-01 06:13:42 +08:00

太酷了

58

qw7692336

2015-10-01 12:32:31 +08:00 via Android

手机用户没看懂

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 这里怎么写。

60

yxwzaxns

OP

2015-10-04 18:16:32 +08:00

@wsph123 123 你居然在这里

61

yxwzaxns

OP

2015-10-04 18:17:17 +08:00

@qping 源码放 git 了

62

yxwzaxns

OP

2015-10-04 18:17:45 +08:00

@5up3r 终于进来了。不容易

63

yxwzaxns

OP

2015-10-04 18:18:43 +08:00

@qiuai 节哀

64

yxwzaxns

OP

2015-10-04 18:19:49 +08:00

@qw7692336 不让手机端看，手机效果不好

65

yxwzaxns

OP

2015-10-04 18:20:35 +08:00

@zjqzxc 其实改进的方法还有很多，以后慢慢改了

66

yxwzaxns

OP

2015-10-04 18:21:04 +08:00

@abelyao 3q ，帮忙

67

wsph123

2015-10-04 21:54:37 +08:00 via Android

@yxwzaxn 认错人啦我是卜卜口

68

yxwzaxns

OP

2015-10-04 22:34:35 +08:00 via Android

@wsph123 说错了，你和 123 一伙的我是 yoooooou 啊

69

branchzero

2015-10-05 00:05:24 +08:00

你都能用 PHP 得到结果了为什么不把结果存成文本来取呢=。=
ajax 一帧一帧从 php 取这个方法不敢恭维啊。

70

yxwzaxns

OP

2015-10-05 00:46:24 +08:00 via Android

@branchzero 用 ajax 的确有点 low 了，不过存文本比现取在时间上没有太大的优势

71

branchzero

2015-10-05 00:49:42 +08:00

@yxwzaxns 额，你 get 错重点了，用 ajax 取没错，错在每次你都要实时去分析图片，造成不必要的服务端开销，我的意思是，把结果直接存下来然后 ajax 去取静态文本。

72

yxwzaxns

OP

2015-10-05 00:58:36 +08:00 via Android

@branchzero 我知道你的意思，我也做过，不过是用数据库，把每帧的结果放数据库里，不过效果并不明显。而且我想说的是，有比 ajax 更好的方法来把数据发到前端

73

branchzero

2015-10-05 01:06:12 +08:00

@yxwzaxns =。= 数据库的话，你还是逃不开其他动态脚本 /程序去读取，静态文本基本上就是 Web Server Load 文件的事情了，不需要另外处理(你现在源图是按帧存储，你可以把源图解析之后的结果按帧存成一个个文本文件，然后 ajax 去 load 这些文本，就可以绕过处理了，我的意思是这个=。=)。
方法也不肯定不止 ajax 一种，加油折腾吧：）
忘记说了创意不错，蛮赞的！

74

branchzero

2015-10-05 01:08:37 +08:00

@branchzero typo 手滑多敲了一个不（逃

75

yxwzaxns

OP

2015-10-05 01:31:30 +08:00 via Android

@branchzero 数据库里的确就是处理好的 10 ，另外，放 redis 里会不会好点？

76

pagecho

2015-10-05 20:54:08 +08:00

眼睛要爆炸了！不过好酷玄！厉害！

77

yxwzaxns

OP

2015-10-05 23:38:05 +08:00

@pagecho 请用珍视明

78

zhantss

2015-10-08 15:39:56 +08:00

挺流畅的会玩 6666

79

codeyung

2015-10-08 18:51:05 +08:00

醉了醉了 3400 多我跪了

80

yxwzaxns

OP

2015-10-08 22:31:38 +08:00 via Android

@codeyung 其实实际显示的没那么多

81

yxwzaxns

OP

2015-10-08 22:32:57 +08:00 via Android

@zhantss chrome 吧， fox 党说卡

82

zhantss

2015-10-09 09:54:38 +08:00

@yxwzaxns 的确是 chrome 都挺快的
but 我试了下 IE ，一开始加载挺慢的，后面还可以啊
就是不知道为毛，竖直方向被拉长了

83

agui2200

2015-10-09 10:14:32 +08:00

socket.io

84

yxwzaxns

OP

2015-10-09 13:24:19 +08:00 via Android

@zhantss 忘了把 ie 也拉到黑名单不让访问

85

yxwzaxns

OP

2015-10-09 13:25:34 +08:00 via Android

@agui2200 不错，这个好

86

lk920724

2015-10-10 15:55:33 +08:00

这怎么做到的？。。。厉害啊

87

qinenqiang

2015-10-10 17:08:09 +08:00

有点厉害啊…

88

yxwzaxns

OP

2015-10-10 17:54:58 +08:00 via Android

@lk920724 有源码→_→

89

agui2200

2015-10-12 18:05:40 +08:00

@yxwzaxns 改了 call 来看看~

90

yxwzaxns

OP

2015-10-13 22:52:23 +08:00 via Android

@agui2200 最近是没空了，你要是等的起会改的

91

yuchting

2015-10-14 12:15:15 +08:00

LZ 真会玩！！
看来目前 V2EX 好多头像都是日漫，看来都是日漫迷哇，敢问都是 90 后？

92

yxwzaxns

OP

2015-10-14 12:54:44 +08:00 via Android

@yuchting 必须的

93

awolfly9

2015-10-14 13:43:41 +08:00

好牛逼。

94

soopro

2015-10-14 17:29:54 +08:00

好厉害哇

95

SakuraSa

2015-10-15 18:44:37 +08:00

@yxwzaxns
看着好好玩呀~
我也试着作了一个，不过偷懒直接用 three.js 了~
http://badapple-ascii.coding.io/

96

yxwzaxns

OP

2015-10-15 19:53:38 +08:00

@SakuraSa I see a 404

97

SakuraSa

2015-10-15 20:01:29 +08:00

@yxwzaxns
刚才重新部署了一下，现在应该没问题了

98

htc502

2015-10-17 15:37:19 +08:00

已瞎，已粉。。。

99

yxwzaxns

OP

2015-10-17 17:25:30 +08:00

@htc502 然而我已经搞不懂为什么会变窄了，丑死了

100

andysheng

2015-10-18 09:53:21 +08:00

telnet towel.blinkenlights.nl

1 2

❮

❯

中秋搞了一个小玩意

一个网页的 sma