V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
zangzang
V2EX  ›  问与答

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

  •  
  •   zangzang · Mar 27, 2024 · 23062 views
    This topic created in 771 days ago, the information mentioned may be changed or developed.
    Supplement 1  ·  Mar 27, 2024
    https://gamemcu.com/su7/
    网址
    但是这个好炫酷。
    写成这样的程序员值多少钱呢
    110 replies    2024-03-29 15:02:47 +08:00
    1  2  
    zangzang
        1
    zangzang  
    OP
       Mar 27, 2024
    gainsurier
        2
    gainsurier  
       Mar 27, 2024 via iPhone
    https://gamemcu.com/su7/

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


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

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

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

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

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

    https://www.lamborghini.com/en-en/3d
    https://renaultespace.littleworkshop.fr/
    hikarugo
        96
    hikarugo  
       Mar 28, 2024
    都说隔行如隔山,其实行内隔得也挺大的,哈哈,用过 three.js 的可能只要动画稍微处理一下就行了,什么模型贴图都是给啥用啥,前端是这个流水线最后也是权重最低的一环。
    lefer
        97
    lefer  
       Mar 28, 2024
    太强大了。唯一的问题是我的笔记本点开后风扇狂转。
    ShadowPower
        98
    ShadowPower  
       Mar 28, 2024
    技术方面还好,美术方面比较厉害……
    xqk111
        99
    xqk111  
       Mar 28, 2024
    jianguoni
        100
    jianguoni  
       Mar 28, 2024
    @windmoonwind 同感
    1  2  
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1282 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 204ms · UTC 17:16 · PVG 01:16 · LAX 10:16 · JFK 13:16
    ♥ Do have faith in what you're doing.