#1 - 2016-6-12 20:42
Donuts
Bangumi EpPopuVisualizer

2020年9月:现已加入bgm组件库 https://bgm.tv/dev/app/18

发布于 Greasy Fork: https://greasyfork.org/zh-CN/scr ... mi-eppopuvisualizer
GitHub: https://github.com/bangumi/scrip ... 气eppopuvisualizer
或单击此处直接获取脚本
欢迎浏览和使用大家发布在 GitHub 上的其它用户脚本: https://github.com/bangumi/scripts

> 算是把以前的小想法实现了吧

ver 0.2.6 缓解首页在看数较多, 加载卡顿的问题

- 用 颜色深浅 或 条形图 标注 ep(章节) 的讨论人气
- 直观展现番剧的讨论走势和热点!
- 可在 条目页(/subject/*) 或 首页(/) 起作用
- 可在 ** 主页右边栏下方的设置面板 ** 选择显示方式, 选用自己喜欢的颜色进行标注

DEMO：







如何安装用户脚本

对颜色深浅不敏感的同学可以选择 用 条形图 标注ep的讨论人气 : EpPopuVisualizer Histogram
该脚本功能已于 0.2.0 整合至 EpPopuVisualizer 中.

已知问题:
- 首页进度管理切换显示方式时, 色块定位会有偏差
    Solution: 刷新页面
#2 - 2016-6-12 20:57
友人Bee⭐️v0.2 (只要能点格子就好了)
感谢♥
已经用了你几个脚本啦~这个脚本感觉补番很有用
颜色标注，颜色的深浅是和作品本身的集数比较，这个好

我自己加上了https域名
#2-1 - 2016-6-12 21:22
Donuts
是不是认错了人，这是我的出道作(bgm38)
#2-2 - 2016-6-12 21:23
友人Bee⭐️v0.2
Donuts. 说: 是不是认错了人，这是我的出道作
Σ(⊙▽⊙"a......(bgm38)
#2-3 - 2016-6-12 21:29
友人Bee⭐️v0.2
Donuts. 说: 是不是认错了人，这是我的出道作
是用了  @DanoR 的脚本
#3 - 2016-6-12 21:14
Sai🖖 (Awesome!)
为啥不直接改变格子本身的深浅
#3-1 - 2016-6-12 21:15
akito_sakurai
+1
#3-2 - 2016-6-12 21:21
Donuts
格子本身的颜色已经表示了观看状态啊。。另外格子变颜色会影响格子里的文字的可读性
#4 - 2016-6-12 21:43
林卯 (✨️VIP 8✨️)
这个颜色可以换吗。换成#e800a4（bgm粉）~ #白色
#4-1 - 2016-6-12 21:47
Donuts
颜色是在 52, 53, 54 行的三个16进制数, 分别代表 R, G, B

    var rfactor = (255 - 0xff) / max;

    var gfactor = (255 - 0x80) / max;

    var bfactor = (255 - 0x40) / max;


比如上面这个就是我默认 的 ff8040
#4-2 - 2016-6-12 22:04
Donuts
试了一下, 感觉 #e800a4 有点微妙...
#4-3 - 2016-6-12 23:01
ks.magi
Donuts. 说: 试了一下, 感觉 #e800a4 有点微妙...
粉色当然要用 ff9bb3 啦（逃
#4-4 - 2016-6-12 23:04
ビノタ
Donuts.(id: prevails) 说: 颜色是在 52, 53, 54 行的三个16进制数, 分别代表 R, G, B

    var rfactor = (255 - 0xff) / max;
  &nbs...
為什麼顏色要這樣算，直接指定固定顏色之後調整透明度就好了啊……
#4-5 - 2016-6-12 23:14
林卯
BinotaLIU 说: 為什麼顏色要這樣算，直接指定固定顏色之後調整透明度就好了啊……
噢对，100级变化。
#4-6 - 2016-6-13 08:18
Donuts
BinotaLIU 说: 為什麼顏色要這樣算，直接指定固定顏色之後調整透明度就好了啊……
嗯，也行。我这样写好处应该是可以控制渐变色的两端，比如从红到绿（没试不知道说的对不）
#4-7 - 2016-6-13 08:30
ビノタ
Donuts. 说: 嗯，也行。我这样写好处应该是可以控制渐变色的两端，比如从红到绿（没试不知道说的对不）
兩個顏色疊起來控制上層的顏色的透明度，一樣做得到哦
#4-8 - 2016-6-13 08:55
Donuts
BinotaLIU 说: 兩個顏色疊起來控制上層的顏色的透明度，一樣做得到哦
哦哦，学习了～
#5 - 2016-6-12 23:35
水月 (水月水月欢快地拍起了肚皮。)
对色弱真不友好呢！（摔！）
#5-1 - 2016-6-13 08:21
Donuts
暂时的话，可以把颜色值调成黑色试试
我后面试试用长度表示
#5-2 - 2016-6-13 15:04
水月
Donuts. 说: 暂时的话，可以把颜色值调成黑色试试
我后面试试用长度表示
没事，我就卖个萌233
#5-3 - 2016-6-14 20:23
Donuts
做好了, 你可以试试效果, http://bgm.tv/group/topic/340546
可能颜色设置的有点浅?
#5-4 - 2016-6-15 19:14
水月
Donuts. 说: 做好了, 你可以试试效果, http://bangumi.tv/group/topic/340546
可能颜色设置的有点浅?
噢噢，看得清了。
#6 - 2016-6-12 23:57
upsuper
何不发到 https://github.com/bangumi/scripts
#6-1 - 2016-6-13 08:22
Donuts
好（过几天
#7 - 2016-6-13 00:43
KSailorII (ドンドンドナッツ、デイデイアップ)
(bgm38)感觉可以考虑改为用色条长度标记？
#7-1 - 2016-6-13 08:23
Donuts
嗯我试试看
#7-2 - 2016-6-14 20:19
Donuts
做好了, 你可以试试效果, http://bgm.tv/group/topic/340546
#8 - 2016-6-13 09:28
ビノタ
其实感觉 LZ 会用 Closure 跟 Array.map 一点都不算 JavaScript 新手啊 (bgm38)
#8-1 - 2016-6-13 09:48
Donuts
只是理解和会用而已，实际经验很少
#9 - 2016-6-13 15:50
烈之斩 (V1046-R MAHORO)
已用，感谢。
#10 - 2016-6-18 08:48
Donuts
ver 0.2.0 整合 Histogram 条形图功能, 添加设置面板。详见一楼
#11 - 2016-6-18 10:13
骈儿 (动画爱好者，不是阿宅)
已装
有个小问题啊，为什么装上后没法点格子了(bgm38)一直在加载状态
#11-1 - 2016-6-18 12:40
ふうこ
+1
#11-2 - 2016-6-18 13:21
Donuts
浏览器是?
#11-3 - 2016-6-18 15:14
Donuts
可能是网速问题
也可能是性能问题..
#11-4 - 2016-6-18 17:37
ふうこ
Donuts. 说: 可能是网速问题
也可能是性能问题..
Uncaught TypeError: Cannot read property 'indexOf' of undefined(anonymous function) @ http://bgm.tv/min/g=js?r269:122(anonymous function)

点看到这里会报错 点看过不会(bgm72)
#11-5 - 2016-6-18 17:58
Donuts
ふうこ 说: Uncaught TypeError: Cannot read property 'indexOf' of undefined(anonymous function) @ http://bgm.tv/...
而且实际上会标记 1 到 (点看到的格子序号 / 2)号格子 为看过...
感谢反馈
#11-6 - 2016-6-18 19:01
Donuts
ふうこ 说: Uncaught TypeError: Cannot read property 'indexOf' of undefined(anonymous function) @ http://bgm.tv/...
好了, 试一下新版本吧
(因为不好定位, 把深浅色块的位置改到下面了)
#12 - 2016-6-18 11:07
MononeV
win10 chrome ver 0.2.0 首頁只有第一個條目有效
#12-1 - 2016-6-18 14:42
Donuts
试一下新版本吧
#12-2 - 2016-6-18 15:37
MononeV
Donuts. (ID: prevails) 说: 试一下0.2.1吧
OK了,不過為啥版本號還是0.2.0?
#12-3 - 2016-6-18 15:46
Donuts
傲世獨立 说: OK了,不過為啥版本號還是0.2.0?
现在最新应该是0.2.3, 如果刷新了还是0.2.0就强制重新安装一下吧.
#13 - 2016-6-18 13:07
烈之斩 (V1046-R MAHORO)
更新之后在Firefox完全失效了。
#13-1 - 2016-6-18 13:08
Donuts
(bgm38)
#13-2 - 2016-6-18 14:40
Donuts
试一下新版本吧
#13-3 - 2016-6-18 15:33
烈之斩
Donuts. 说: 试一下新版本吧
thanks
#14 - 2016-6-18 14:42
ビノタ
#14-1 - 2016-6-18 14:43
Donuts
...
#14-2 - 2016-6-18 14:44
ビノタ
Donuts.(id: prevails) 说: ...
jQuery 的版本號應該是 x.x.x 有三節
#14-3 - 2016-6-18 14:53
Donuts
BinotaLIU 说: jQuery 的版本號應該是 x.x.x 有三節
被 w3school.com.cn 坑了好几个地方... 里面东西还是 jQ 1.4 版本的...
#14-4 - 2016-6-18 14:59
ビノタ
Donuts.(id: prevails) 说: 被 w3school.com.cn 坑了好几个地方... 里面东西还是 jQ 1.4 版本的...
其实不是很懂为什么你要引入 1.8 的 jQuery
试着看了一下你的 Code 发现看不懂（目死
#14-5 - 2016-6-18 15:01
Donuts
BinotaLIU 说: 其实不是很懂为什么你要引入 1.8 的 jQuery
试着看了一下你的 Code 发现看不懂（目死
写的比较乱..
toggle 传2-n个函数可以绑定轮流切换的功能在1.9被移除了....
我拿这个功能写的设置面板
#14-6 - 2016-6-18 15:29
ビノタ
Donuts.(id: prevails) 说: 写的比较乱..
toggle 传2-n个函数可以绑定轮流切换的功能在1.9被移除了....
提醒你几件事请……
- 在 User script 内的 window 对象不是真的 window 对象，真正的 window 对象是 unsafeWindow，所以直接引入 jQuery 不会有 conflict 的问题
- 其实不需要把整段脚本用 (function() { ... })(); 包装，因为整个 user script 只会在页面载入后才被执行
- ES6 开始有了 template string 特性
- parseInt 功能很强，parseInt('999px') 返回的是 Int(999)，只要是数字开头的字符串，parseInt 都能转成 Integer
- selector 其实不需要写得这么仔细（而且会变慢），尽量不仰赖 DOM 的「结构」去判断，而是用最短的 Selector 特定到目标 DOM 节点上，若将来 Bangumi 页面改版了也更好维护脚本

另外因为你的脚本结构似乎有点复杂（？）所以启用后打开 Bangumi 首页都会卡个几秒 (bgm38)
#14-7 - 2016-6-18 15:41
Donuts
BinotaLIU 说: 提醒你几件事请……
- 在 User script 内的 window 对象不是真的 window 对象，真正的 window 对象是 unsafeWindow，所以直接引入 jQuery 不会有 c...
好的, 我再看看.
多谢!~
#14-8 - 2016-6-19 17:15
Donuts
BinotaLIU 说: 提醒你几件事请……
- 在 User script 内的 window 对象不是真的 window 对象，真正的 window 对象是 unsafeWindow，所以直接引入 jQuery 不会有 c...
首页卡我觉得是"在看"数比较多造成的 其实是不会优化..
把每部番解析数据和添加元素的过程写成了用 setTimeout 错开时间定时回调的方式(异步?), 自我感觉(bgm35)有所缓解
#15 - 2016-6-18 23:10
波菇 (漫畫是塑造每個人夢想的東西)
新版本手动点赞
颜色深度的规则好像跟以前不一样了
热门条目红艳艳 冷门条目会淡的看不见(bgm38)
#15-1 - 2016-6-19 08:01
Donuts
是的。因为讨论最多都只有1～5条的时候，统计人气会有很大的随机性，如果这时还是线性地表示出来，就成了EpDiscussExistenceViewer..。我觉得一般得有十几条以上才比较有统计的意义，所以，对讨论最大数低于20的番的显示强度都有降低，对5以下的有显著的降低。
#16 - 2016-7-12 19:37
泷见 (悲喜小剧场)
我才看到，实现了大好评(bgm37)
#16-1 - 2016-7-12 21:50
Donuts
(bgm24)
#17 - 2016-8-28 02:16
ビノタ
突然想到就来回复了


不知道是不是能做成图上这个样式，感觉比较好看。

图上这个是我很久之前自己造的轮子 (bgm38)
#17-1 - 2016-8-28 07:18
Donuts
看上面第3, 4张图... 应该是一个 意思吧?
#18 - 2018-1-30 23:07
mewing (哈啊…果然又困了……)
好像在新的班固米里没有正常工作？

呃，不对，是在新版的油猴里没有了 GM_getValue ……
#18-1 - 2018-1-30 23:18
mewing
Greasemonkey 4 里大概改了些 API 的名字(GM.getValue)，然后需要用户重写个 GM_addstyle
https://greasyfork.org/en/script ... ey-4-polyfills/code