最近觉得 threejs 特别有意思,试着写了个简易的 minecraft - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
MissThee
V2EX    分享创造

最近觉得 threejs 特别有意思,试着写了个简易的 minecraft

  •  4
     
  •   MissThee
    MissThee 2020-01-19 17:22:31 +08:00 5429 次点击
    这是一个创建于 2167 天前的主题,其中的信息可能已经有所发展或是发生改变。

    点击在线预览(仅 PC 浏览器)

    堆了个小场景,渣优化,会卡卡的

    第 1 条附言    2021-07-02 17:30:27 +08:00
    老域名过期了,新域名 http://mc.missthee.com
    32 条回复    2020-01-26 20:38:05 +08:00
    IsaacYoung
        1
    IsaacYoung  
       2020-01-19 17:25:48 +08:00
    都是大佬
    hflyf123
        2
    hflyf123  
       2020-01-19 17:27:22 +08:00
    把地板挖通了,坠入无尽深渊
    greatghoul
        3
    greatghoul  
       2020-01-19 17:36:39 +08:00
    给大佬鞠躬
    nihaoaa
        4
    nihaoaa  
       2020-01-19 17:41:15 +08:00
    给大佬递茶
    xtaodada
        5
    xtaodada  
       2020-01-19 17:42:43 +08:00
    给大佬跪了
    ShundL
        6
    ShundL  
       2020-01-19 17:42:47 +08:00
    给大佬跪了
    x86
        7
    x86  
       2020-01-19 17:44:03 +08:00 via iPhone
    试着写都这样,认真写岂不是起飞了
    ShundL
        8
    ShundL  
       2020-01-19 17:44:16 +08:00
    我掉出了这个世界
    fanfou
        9
    fanfou  
       2020-01-19 17:56:06 +08:00
    给大佬倒一杯卡布奇洛。
    xiri
        10
    xiri  
       2020-01-19 18:29:13 +08:00
    这是随便写写,,,,,,
    circleee
        11
    circleee  
       2020-01-20 08:56:19 +08:00
    这是随便写写,,,,,,
    我晕啦
    LagunAPaTa
        12
    LagunAPaTa  
       2020-01-20 09:43:36 +08:00
    给大佬递全家桶
    zhw2590582
        13
    zhw2590582  
       2020-01-20 09:50:08 +08:00
    给大佬捶背
    ragnaroks
        14
    ragnaroks  
       2020-01-20 09:50:44 +08:00
    我用 unity 搞这种小场景都要搞几天...
    weixiangzhe
        15
    weixiangzhe  
       2020-01-20 10:04:43 +08:00 via Android
    大佬缺小弟吗,会喊 666 的那种
    fengshils
        16
    fengshils  
       2020-01-20 10:21:27 +08:00
    这是随便写写,,,,,,
    MissThee
        17
    MissThee  
    OP
       2020-01-20 10:31:44 +08:00
    操作提示:点击页面进入鼠标控制视角模式,按 Esc 解除鼠标锁定
    1. 移动 W A S D
    2. 跳 空格
    3. 跑 双击 W 并按住
    4. 飞行 跳起来在空中时再按跳;飞行时空格垂直升高; shift 垂直降低
    5. 结束飞行 飞行时双击空格,或使用 shift 键降低高度知道踩到砖块
    6. 消除方块 左键
    7. 添加方块 右键
    8. 切换方块 滑轮,中间下部有一个旋转的小方块,表示当前正在用的方块(做成 mc 那样的装备栏还有背包界面太麻烦了,懒。。。)
    9. 掉出去了:会掉回来的。掉到-500 的地方,你的位置会重置到高度+500,水平坐标(0,0)的地方,然后从 0 速度开始下落

    做到现在这个样子完成度也不是很高,也不是大佬(因为源码可能看上去很 low,还有写的奇怪的地方,哈。。),从开始做到最后一次提交一共花了大概三个多星期,周一到周五的下班时间和周六日(阿宅的周六日其他活动真的少,有大把的时间窝在被窝里撸代码,哈哈哈哈。。。),现学现卖吧,用的都是些 threejs 的基础方法,而且还有好多坑没填:
    最严重的问题就是掉帧;还没加光影(不会优化,方块少的时候还行);没加各种互动声音(麻烦);没加装备栏(懒);没加特殊方块(如水\岩浆...不知道怎么做,它还要流啊!..OTL);还没有存档功能(懒);不支持手机端(懒。手机端移动操作功能要额外适配触摸事件,还要做虚拟按键。。不然打开不能动。。。嗯。。干脆直接屏蔽移动端了)

    本来是想在过年前弄个好看的过年主题场景,加个写祝福语互动的功能的,写了之后,出一个 url,发给别人能展示出来那种。。。
    理想很丰满,现实很骨感。。。暂时做成介个样儿了。。
    分享一下,以后可能会做的更好的(可能吧[小声])
    MissThee
        18
    MissThee  
    OP
       2020-01-20 10:34:46 +08:00
    @ragnaroks 不是一下出来的那种,搞了好久的,花了将近四周的业余时间。
    balezhang
        19
    balezhang  
       2020-01-20 10:43:49 +08:00
    大佬跪了
    diodio
        20
    diodio  
       2020-01-20 14:04:04 +08:00
    大佬牛逼
    lemonEssence
        21
    lemonEssence  
       2020-01-20 14:10:17 +08:00
    玩了五分钟赶紧退出来了,晕 3D 想吐……大佬牛逼
    lookas2001
        22
    lookas2001  
       2020-01-20 14:17:35 +08:00 via Android
    牛逼(破声
    root8080
        23
    root8080  
       2020-01-20 14:20:32 +08:00
    虽然 threejs 是有现成 demo 的 但是 lz 还是值得点赞的 加油
    j4fun
        24
    j4fun  
       2020-01-20 15:14:27 +08:00
    niubi
    chenkaiyuan1993
        25
    chenkaiyuan1993  
       2020-01-20 15:16:02 +08:00
    给大佬跪了
    MissThee
        26
    MissThee  
    OP
       2020-01-20 16:07:51 +08:00
    @lemonEssence 我自己玩着都晕 3D。。。因为优化不好帧率不稳定的原因。。OTL
    xuanqb
        27
    xuanqb  
       2020-01-20 16:59:20 +08:00
    大佬 nb
    leetao94
        28
    leetao94  
       2020-01-20 18:17:59 +08:00
    好像不支持 touch bar 吧~~
    kasusa
        29
    kasusa  
       2020-01-20 20:30:14 +08:00
    牛 ! 逼!
    不过感觉鼠标移动和重力有点怪怪的。
    就是掉落的比正常 mc 快的感觉。
    qf19910623
      &nbp; 30
    qf19910623  
       2020-01-21 11:37:43 +08:00
    给大佬递茶
    tojonozomi
        31
    tojonozomi  
       2020-01-21 13:19:40 +08:00
    给跪了 orz
    大佬的试着写是这么强的吗
    2055
        32
    2055  
       2020-01-26 20:38:05 +08:00
    移动跟渲染有关系吗。fps140 的时候移动太快了。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     4913 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 09:32 PVG 17:32 LAX 01:32 JFK 04:32
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86