爱意满满的作品展示区。
nekocode

用 PixiJS 构建一个自己的小岛~

  •  4
     
  •   nekocode ·
    nekocode · Jun 8, 2020 · 5639 views
    This topic created in 2344 days ago, the information mentioned may be changed or developed.

    之前在某个宝岛人做的网站(由于 zz 原因就不公布细节了)上看到了用 RPG 游戏来进行宣传的创意。后来又在 PixiJS 官网的 Gallery 上看到 https://www.sido.fr/ ,作者很用心地用 RPG 游戏的形式来介绍自己,太有创意了!

    本着学习的心态,我也花了点时间弄了个小型的 RPG 「 neko 岛」放在我的个人站上,用到了下面一些技术:

    • 使用 PixiJS 来渲染画面、播放背景音乐
    • 使用 Tield Map 格式来构建地图
    • 使用 PathFinding.js 来进行寻路

    最终成品:

    18 replies  •  2020-06-11 11:28:52 +08:00
    dullwit
    dullwit
    Jun 8, 2020
    1
    支持键盘操作就好了
    nekocode
    nekocode
    OP
    Jun 8, 2020 via iPhone
    2
    @dullwit 我是考虑到要兼容移动端,所以选了鼠标操作。其实键盘操作代码上会简单很多
    kop1989
    kop1989
    Jun 8, 2020
    3
    不错,但是感觉一个是视角高度太矮,一个是有很强的暗角,而且暗角还遮挡文字。再加上这个配色,给人很强的压抑感,感觉有点喘不过气来😄
    fy
    fy
    Jun 8, 2020
    4
    太强了
    nekocode
    nekocode
    OP
    Jun 8, 2020
    5
    @kop1989 感谢反馈。滤镜方面是想着实现像素化和做旧的效果,是会有点压抑感 hhhh
    ohao
    ohao
    Jun 8, 2020
    6
    有产权吗,有建筑许可证嘛 23333
    没的话违建,拉去填海去
    nekocode
    nekocode
    OP
    Jun 8, 2020
    7
    @ohao 哥,我错了<_<
    timqian
    timqian
    Jun 8, 2020
    8
    有趣
    lneoi
    lneoi
    Jun 8, 2020
    9
    厉害厉害
    lneoi
    lneoi
    Jun 8, 2020
    10
    素材是怎么弄的?
    Mark24
    Mark24
    Jun 8, 2020
    11
    有意思啊
    nekocode
    nekocode
    OP
    Jun 8, 2020
    12
    @lneoi 网上有很多免费的 tiled map 素材
    qilishasha
    qilishasha
    Jun 9, 2020 via iPhone
    13
    很感兴趣 我也要开发房地产 我也要建设维斯特洛大陆 相关素材蛮多的
    Smash
    Smash
    Jun 10, 2020
    14
    这个 BGM 听着很有感觉。我 10 月份结婚,一直想做一个类似的像素风网页,有婚礼地点时间介绍就行了,但一直苦于不知道左成什么样,看了楼主分享的成品,感觉脑子里面终于有一些火花了。

    还有楼主怎么不待知乎了,我在知乎还关注了你的。
    Smash
    Smash
    Jun 10, 2020
    15
    @qilishasha @nekocode 能给个关键词吗?素材相关的关键词。
    nekocode
    nekocode
    OP
    Jun 10, 2020
    16
    @Smash 我收藏了一些资源网站,可以看看:
    * https://opengameart.org/art-search?keys=tiled&page=1
    * https://itch.io/game-assets/free/tag-2d

    不呆知乎是指离职知乎?当初离职有各种原因吧,不过主要是想回广东生活哈哈哈哈
    另外感谢关注,预祝新婚快乐!
    Smash
    Smash
    Jun 11, 2020 via Android
    17
    因为没写过游戏,请教一个技术问题,你是怎么实现动态遮挡的,也就是主角走到树后面后,人物被树遮挡住了。

    是用的 tilemap 的分层实现的还是动态计算设置精灵的 zorder 实现的?
    nekocode
    nekocode
    OP
    Jun 11, 2020 via iPhone❤️1
    18
    @Smash 我用的是分层
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1650 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 13:31 · PVG 21:31 · LAX 05:31 · JFK 08:31
    ♥ Do have faith in what you're doing.