请欣赏,百鬼夜行绘卷

rockerflower 2026-10-22 17:17 1

日本妖怪里相当一部分形象,都能追溯到室町时代的《百鬼夜行绘卷》。最有名的是京都大德寺真珠庵那一卷,画的是旧器物变成付丧神之后夜里成队出游。



我做了一个动起来的版本,月夜,绘卷铺在一条竹林的路上,妖怪在上面排队走。灵感有一部分来自迪士尼的「小小世界」,坐着船看两边的人偶一个个从眼前经过的那种感觉。


妖怪从尽头的鸟居结界中穿过,走到绘卷尽头就躺倒回到纸面,中途也有一些有意思的标语。


➤ https://yokai.jp/zh-CN/hyakki-yagyou



怎么玩:



  • 自动滚动,或者左右滚动/滑动,看队伍往前走

  • 点某个妖怪,时间会放慢,它会转过来面向你做自己独有的动作,可以看介绍、为他投票,甚至和它聊两句

  • 页面底部点击「关于」,有妖怪一览,目前 139 只,都是从站内图鉴里挑出来重新画的,队伍还会继续加长


这个页面是 YOKAI.JP 的一部分,站本身是一个妖怪图鉴,另外有神社绘马等玩法,这次主要想分享这个绘卷。


手机和电脑都能玩。欢迎提意见!

最新回复 (14)
  • mqx 10-22 17:26
    1楼
    op 很有创意鸭,很好看啊,素材都是生成的吗
  • duuu 10-22 17:28
    2楼
    真不错,想起阴阳师
  • rockerflower 楼主 10-22 17:36
    3楼
    @mqx 对,codex 生成,每个妖怪十几帧,一致性可以控制的很好了
  • gkiwi 10-22 18:12
    4楼
    很棒!创意很好啊!
  • gkiwi 10-22 18:15
    5楼
    加点音乐吧,氛围感一下就上来了~
  • rockerflower 楼主 10-22 18:38
    6楼
    @duuu
    @gkiwi
    谢谢🙏 音乐和更多有意思的场景都在想😄
  • ihoey 10-22 19:44
    7楼
    感觉这个效果真好 很喜欢
  • colorfulee 10-22 20:58
    8楼
    1070 显卡上降帧严重。没办法丝滑体验。
  • liuliuliuliu 10-22 22:50
    9楼
    牛逼,three.js 吗?
  • rockerflower 楼主 10-22 23:26
    10楼
    @colorfulee 感谢体验,请 fable 优化了一下,能否再试一下

    https://sns-media.yokai.jp/hyakki-yagyou/performance.png
  • Morgan2 10-23 00:41
    11楼
    说到百鬼夜行应该有 杀戮都市
  • colorfulee 10-23 10:58
    12楼
    @rockerflower https://www.bilibili.com/video/BV1EGnt6hEME/ 新鲜录屏。loading 的时候正常。进入后就这样了。
  • rockerflower 楼主 10-23 11:21
    13楼
    @colorfulee 哈哈居然这么卡。是不是硬件加速没开,打开 chrome://gpu 看下 WebGL 显示啥
  • colorfulee 10-23 11:26
    14楼
    @rockerflower 6 啊。果然 chrome 设置中未打开了图形加速,开启后,丝滑百倍。
* 帖子来源V2EX
返回