zangzang
V2EX  ›  问与答

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

  •  
  •   zangzang · Mar 27, 2024 · 24673 views
    This topic created in 951 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
    zangzang
    OP
    Mar 27, 2024
    1
    gainsurier
    gainsurier
    Mar 27, 2024 via iPhone
    2
    https://gamemcu.com/su7/

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


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

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

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

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

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

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