V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
zangzang
V2EX  ›  问与答

su7 的页面好炫酷,要用什么技术才能写成这样

  •  
  •   zangzang · 222 天前 · 16749 次点击
    这是一个创建于 222 天前的主题,其中的信息可能已经有所发展或是发生改变。
    第 1 条附言  ·  222 天前
    https://gamemcu.com/su7/
    网址
    但是这个好炫酷。
    写成这样的程序员值多少钱呢
    110 条回复    2024-03-29 15:02:47 +08:00
    1  2  
    zangzang
        1
    zangzang  
    OP
       222 天前
    gainsurier
        2
    gainsurier  
       222 天前 via iPhone
    https://gamemcu.com/su7/

    重贴一下链接
    oneKnow
        3
    oneKnow  
       222 天前
    F12 看了一下,用 threejs 写的
    ynxh
        4
    ynxh  
       222 天前
    这 b 站某 up 主做的,不是官方的
    zangzang
        5
    zangzang  
    OP
       222 天前
    @gainsurier #2 感谢
    tagtag
        6
    tagtag  
       222 天前
    看请求是包含了好多 glb 格式的 3D 模型,然后用 Three.js (插件检测到了这个) 之类的库渲染,核心应该是这样。
    zangzang
        7
    zangzang  
    OP
       222 天前
    zangzang
        8
    zangzang  
    OP
       222 天前
    怎么还不能添加附言呢
    jojo0830
        9
    jojo0830  
       222 天前
    @tagtag 什么插件?
    tagtag
        10
    tagtag  
       222 天前   ❤️ 1
    @jojo0830 Wappalyzer
    Saulee
        11
    Saulee  
       222 天前
    确实很酷,居然不是官方的
    evada
        12
    evada  
       222 天前
    但是感觉在这个页面鼠标变笨重了
    LLLeo
        13
    LLLeo  
       222 天前
    居然不是官方的 这个是用爱发电吗
    sunziren
        14
    sunziren  
       222 天前
    雀食牛逼
    momobear
        15
    momobear  
       222 天前
    强烈请求开源看看
    QWE321ASD
        16
    QWE321ASD  
       222 天前
    确实强...
    calano
        17
    calano  
       222 天前
    评论区阿里云都跑出来了
    oneisall8955
        18
    oneisall8955  
       222 天前 via Android
    好酷
    LHRUN
        19
    LHRUN  
       222 天前
    我怎么进不去
    cyberCat
        20
    cyberCat  
       222 天前
    https://threejs.org/
    threejs 就是做这种,看看官方 demo 更有意思。
    zangzang
        21
    zangzang  
    OP
       222 天前
    @LHRUN #19 你是不是内网 。用热点试试
    qiqi77slh
        22
    qiqi77slh  
       222 天前
    右上角有制作者啊
    skydcnmana
        23
    skydcnmana  
       222 天前
    显示器竖着的,结果它这页面还强行横过来。。。只能歪着头看了
    HTML001
        24
    HTML001  
       222 天前
    olaloong
        25
    olaloong  
       222 天前
    确实酷
    okrfuse
        26
    okrfuse  
       222 天前
    哇,酷
    williamherry
        27
    williamherry  
       222 天前
    确实帅,见过最帅的页面了
    liangguan5
        28
    liangguan5  
       222 天前 via iPhone
    我记得这个作者还弄过一个水墨杭州的网页,也超棒,估计 10 年前了吧
    zw1027
        29
    zw1027  
       222 天前
    汽车跑起来的时候我的风扇也起飞了,正好呢
    asche910
        30
    asche910  
       222 天前
    太酷了
    body007
        31
    body007  
       222 天前
    下面最右边有 B 站视频链接。点进去可以看到作者解说。
    RLinux
        32
    RLinux  
       222 天前
    6 啊
    fishlium
        33
    fishlium  
       222 天前
    我感觉模型建模更重要
    nomytwins
        34
    nomytwins  
       222 天前
    这是 threejs 的 3d 引擎,制作一台车建模+材质 估计要一个月
    nomytwins
        35
    nomytwins  
       222 天前
    @nomytwins 还可以加开门动画,内饰全景,具体可以参考现代汽车的 720 全景看车,我们制作过几台车
    edgm
        36
    edgm  
       222 天前   ❤️ 6
    日清的网站也不错
    https://www.nissin.com/jp/
    leyliu
        37
    leyliu  
       222 天前   ❤️ 1
    @skydcnmana 巧了,突然锻炼了颈椎
    hafuhafu
        38
    hafuhafu  
       222 天前
    大制作
    ZzoxAA
        39
    ZzoxAA  
       222 天前
    @edgm 这个确实酷
    Cloud9527
        40
    Cloud9527  
       222 天前
    厉害啊
    GGboom2233
        41
    GGboom2233  
       222 天前
    厉害
    LingFengXiYu
        42
    LingFengXiYu  
       222 天前
    three.js
    roding
        43
    roding  
       222 天前
    是很叼
    tim9527
        44
    tim9527  
       222 天前
    好帅!
    hitoto
        45
    hitoto  
       222 天前
    太帅了
    lilei2023
        46
    lilei2023  
       222 天前
    这个主要功劳我觉得是设计(建模相关),其次才是前端(技术人员)
    lilei2023
        47
    lilei2023  
       222 天前
    @edgm 这个网站差点没把我转晕了
    semiconlon
        48
    semiconlon  
       222 天前
    wtf12138
        49
    wtf12138  
       222 天前
    长按还能跑,动画很流程,牛的
    fzls
        50
    fzls  
       222 天前
    是有点酷炫的
    Guidoo
        51
    Guidoo  
       222 天前
    ![]( )


    threejs 做的
    Jarme
        52
    Jarme  
       222 天前   ❤️ 1
    我感觉模型建模更重要,建模值钱,前端就是一个容器以及交互
    nuofei
        53
    nuofei  
       222 天前 via Android
    @edgm 好牛🐮
    zsk425
        54
    zsk425  
       222 天前
    很酷
    Gimorocun
        55
    Gimorocun  
       222 天前
    webGL 技术, 在前端渲染模型
    me1onsoda
        56
    me1onsoda  
       222 天前
    这个不是程序员牛逼,是建模的人牛逼
    SuspectX
        57
    SuspectX  
       222 天前 via Android
    Threejs 官网里不少案例就很炫酷。
    suxiaoxiann
        58
    suxiaoxiann  
       222 天前
    @ynxh 这雷总不招聘一波?
    KevinChan
        59
    KevinChan  
       222 天前
    Safari 打开是宋体?
    7gugu
        60
    7gugu  
       222 天前
    帅啊
    matrix1010
        61
    matrix1010  
       222 天前
    matrix1010
        62
    matrix1010  
       222 天前
    至于值多少钱,sketchfab 已经被 Epic 收购了。模型不是问题,现成模型很多。WebGL 技术才是核心
    twofox
        63
    twofox  
       222 天前
    确实很酷,C4D 、blender 启动!

    哦,不好意思。。我不会 webGL
    twofox
        64
    twofox  
       222 天前
    点 B 站看了一下,这个 UP 主我已经关注了
    lawler
        65
    lawler  
       222 天前
    https://alpha.sougen.co/hub

    元神,启动。
    shenhualv7
        66
    shenhualv7  
       222 天前 via Android
    这不招安雷子真是不懂事了
    Aierk
        67
    Aierk  
       222 天前   ❤️ 1
    放一个做的也很好的,https://exp-gemini.lusion.co/style
    LHRUN
        68
    LHRUN  
       222 天前   ❤️ 2
    这才是我梦想中的前端, 跟这一比我做的是什么东西. 麻了
    CHENYIMING
        69
    CHENYIMING  
       222 天前
    有点东西.
    leeum
        70
    leeum  
       222 天前
    Wikey
        71
    Wikey  
       222 天前
    imsoso
        72
    imsoso  
       222 天前
    @edgm 大晚上的看饿了
    Rorysky
        73
    Rorysky  
       222 天前
    必然基于 opengl 甚至使用的 3js
    lucifer518
        74
    lucifer518  
       222 天前
    卧槽好酷炫
    ma836323493
        75
    ma836323493  
       221 天前
    @oneKnow #3 有点不跟手
    marding
        76
    marding  
       221 天前
    好卡呀...半天没加载出来
    p1gd0g
        77
    p1gd0g  
       221 天前
    照这么说 unity 转 h5 是不是更好看
    Huelse
        78
    Huelse  
       221 天前
    作者很强 WebGL 水平一流
    shiguiyou
        79
    shiguiyou  
       221 天前
    牛逼
    MENGKE
        80
    MENGKE  
       221 天前
    刚发现和作者在一个群里,确实厉害,之前的杭州水墨画也是他做的
    BUHeF254Lpd1MH06
        81
    BUHeF254Lpd1MH06  
       221 天前
    这跟前端关系不大了已经
    chanChristin
        82
    chanChristin  
       221 天前
    我也分享一个 https://y-n10.com/
    yiranyibaozha
        83
    yiranyibaozha  
       221 天前
    代码技术其实还好,主要是建模吧
    thinkershare
        84
    thinkershare  
       221 天前
    不值钱,这种玩意核心就不是程序员。
    UIXX
        85
    UIXX  
       221 天前
    我是做工业设备的,其实业界很多产品都是做成类似的展示,包括色盘、透视、导航、拆装零部件实渲动画。
    一般的技术栈是 C4D/Blender 建模+Three/babylon 前端展示。也有一些公司专门做这个,比如之前有人问过的 https://www.jig.space/
    Tink
        86
    Tink  
       221 天前
    咋建模的啊
    gdrk
        87
    gdrk  
       221 天前
    模型难搞啊,都不是一个行当了
    windmoonwind
        88
    windmoonwind  
       221 天前
    @ynxh 很炫,但做这个是需要官方提供模型的,这些年汽车厂家的官网 3D 看车功能都是 Three.js 或者其他 WebGL 实现的,前提就是要基于官方提供的模型渲染。

    这个车主到现在还没被小米发传票,更证明了他和厂家必然有内情,或者说其实这就是小米的一波营销...
    echoyangjx
        89
    echoyangjx  
       221 天前
    @edgm 这个创意不错
    leaflxh
        90
    leaflxh  
       221 天前
    浏览器里做游戏系列

    不是传统的 css 样式就能做出来
    anoyi
        91
    anoyi  
       221 天前
    很早前就有这个页面的开源项目了,不过汽车不是 SU7
    xzh654321
        92
    xzh654321  
       221 天前
    有一说一,用不着 webGL ,three 里都是现成的,拿模型一加就行了,模型也不复杂,可能那个流线稍微有点难度
    qinfengge
        93
    qinfengge  
       221 天前
    为啥我 chrome 卡的要死,换 edge 就好了?调用显卡了?
    HeyWeGo
        94
    HeyWeGo  
       221 天前
    需要建模,材质的可以联系哈,之前帮人弄过
    BeautifulSoap
        95
    BeautifulSoap  
       221 天前
    threejs 官网的示例里有挺多类似的,不过小米这个动效更加自然顺滑

    https://www.lamborghini.com/en-en/3d
    https://renaultespace.littleworkshop.fr/
    fyxtc
        96
    fyxtc  
       221 天前
    都说隔行如隔山,其实行内隔得也挺大的,哈哈,用过 three.js 的可能只要动画稍微处理一下就行了,什么模型贴图都是给啥用啥,前端是这个流水线最后也是权重最低的一环。
    lefer
        97
    lefer  
       221 天前
    太强大了。唯一的问题是我的笔记本点开后风扇狂转。
    ShadowPower
        98
    ShadowPower  
       221 天前
    技术方面还好,美术方面比较厉害……
    xqk111
        99
    xqk111  
       221 天前
    jianguoni
        100
    jianguoni  
       221 天前
    @windmoonwind 同感
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1224 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 18:16 · PVG 02:16 · LAX 10:16 · JFK 13:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.