V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Sornets
V2EX  ›  JavaScript

用 three.js 这种开源 js 3d 框架能实现谷歌人体这样效果吗?

  •  1
     
  •   Sornets · 2018-01-11 13:40:14 +08:00 · 5710 次点击
    这是一个创建于 2513 天前的主题,其中的信息可能已经有所发展或是发生改变。

    RT,如果不能的话,有没有开源框架可以实现?

    8 条回复    2018-01-11 17:13:21 +08:00
    VoceTacita
        1
    VoceTacita  
       2018-01-11 15:50:27 +08:00   ❤️ 1
    focusheart
        2
    focusheart  
       2018-01-11 16:15:49 +08:00   ❤️ 1
    #1 说的对~

    补充一下。three.js 是可以,没问题。但是从头开始做的话,建模和交互设计工作量的工作量不小呢。

    three.js 支持加载 3d 模型的,只要有做好的模型就可以展示出来了。在官方的 examples 里有很多,比如:

    https://threejs.org/examples/#webgl_loader_collada_kinematics
    https://threejs.org/examples/#webgl_loader_md2
    https://threejs.org/examples/#webgl_loader_sea3d

    交互方面,在官方的 interactive 的例子有一些,另外通过鼠标或者键盘控制场景内的相机就可以做出移动效果。
    谷歌人体里的其他效果,用 js 配合 three.js 的接口也都能实现。
    Sornets
        3
    Sornets  
    OP
       2018-01-11 16:33:06 +08:00
    rabbbit
        4
    rabbbit  
       2018-01-11 16:40:41 +08:00   ❤️ 1
    three.js 有很多功能都放在 examples/js 里.根本没官方介绍,翻翻应该能写个差不多的,例如:
    模型导入
    https://github.com/mrdoob/three.js/tree/dev/examples/js/loaders
    镜头控制
    https://github.com/mrdoob/three.js/tree/dev/examples/js/controls
    Immortal
        5
    Immortal  
       2018-01-11 16:43:22 +08:00   ❤️ 1
    跳一跳貌似不就是用 three.js 写的么
    hst001
        6
    hst001  
       2018-01-11 16:44:37 +08:00   ❤️ 1
    可以,主要是建模,那个效果就是一个很简单的算法,一时记不起名字(记性越来越差了)
    Sornets
        8
    Sornets  
    OP
       2018-01-11 17:13:21 +08:00
    @rabbbit 你这个是用什么工具建模的啊?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4874 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 01:10 · PVG 09:10 · LAX 17:10 · JFK 20:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.