V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
a1lenyang
V2EX  ›  分享创造

如何在网页里面嵌入一个类似于雕刻的程序

  •  
  •   a1lenyang · 2019-03-05 16:49:53 +08:00 · 3629 次点击
    这是一个创建于 2092 天前的主题,其中的信息可能已经有所发展或是发生改变。

    现在大二,我们小组在做一个项目,名称是多人在线雕刻平台,顾名思义,就是在网站上多人可以同时对 3d 模型进行雕刻(对模型进行修改),其他网页我们已经写好了,想知道雕刻这部分的工作我们应该学习什么样的知识?有什么推荐的网站可以去学习?或者有什么开源的项目我们可以去了解的?望大家指教

    21 条回复    2019-03-10 11:16:18 +08:00
    fyyz
        1
    fyyz  
       2019-03-05 16:57:58 +08:00
    什么都不知道做啥呀,先自己下几个三维建模软件用用,看看他们怎么做的,先照抄再说。
    kzfile
        2
    kzfile  
       2019-03-05 17:02:30 +08:00
    一般不都是先调研选型在定计划吗?你们都没选型就做了一大半了?
    chinvo
        3
    chinvo  
       2019-03-05 17:03:59 +08:00
    雕刻相关的程序本身就复杂还要能在线做

    大概也就只能用 unity 开发了
    a1lenyang
        4
    a1lenyang  
    OP
       2019-03-05 17:18:10 +08:00
    @chinvo 是为了参加学校的一个比赛,是本着锻炼自己的目的去的,对雕刻这部分其实要求也不是特别高,目前的话能画出基本模型就很满意了,请问 unity 可以镶嵌到网页中吗
    a1lenyang
        5
    a1lenyang  
    OP
       2019-03-05 17:19:45 +08:00
    @kzfile 第一次做,经验没那么足,本来想着一步一步来的,后面发现事情没那么简单
    qq316107934
        6
    qq316107934  
       2019-03-05 17:23:54 +08:00
    如果完全没接触过,我觉得很难了,要处理同步带来的问题就会很头疼,要提供的雕刻工具功能每一个都是一种挑战
    sosilver
        7
    sosilver  
       2019-03-05 17:26:36 +08:00
    https://news.ycombinator.com/item?id=19305207
    今天刚好看到这个,也许会带来些点子
    chinvo
        8
    chinvo  
       2019-03-05 17:27:08 +08:00 via iPhone
    @a1lenyang #5 unity 可以输出 HTML,你可以用 iframe 嵌进去,或者自己写个 canvas 去调生成的 js
    whypool
        9
    whypool  
       2019-03-05 17:51:09 +08:00
    three.js 可以加载 3d 模型的 obj,渲染成 canvas,可以操作,缩放旋转什么的
    a1lenyang
        10
    a1lenyang  
    OP
       2019-03-05 17:53:39 +08:00
    @chinvo https://gitee.com/mirrors/shapesmith 我在开源中国上看见了这个,但是是对这个安装过程不懂,能帮我看看吗?谢谢
    chinvo
        11
    chinvo  
       2019-03-05 17:59:31 +08:00
    fromdark
        12
    fromdark  
       2019-03-05 19:11:02 +08:00
    基于 canvas 的 js 库应该可以,找找图形应用的 js 库。
    witcat
        13
    witcat  
       2019-03-05 21:49:54 +08:00
    three.js
    ech0x
        14
    ech0x  
       2019-03-05 21:56:40 +08:00 via iPhone
    这个至少要 three.js 这样的东西才能完成,主要功能都没开始做,这网页可以说是基本上没写多少吧。
    CloudnuY
        15
    CloudnuY  
       2019-03-05 22:21:01 +08:00
    syt123450
        16
    syt123450  
       2019-03-06 02:13:30 +08:00
    如果“雕刻”可以理解为“删除”的话?理论上可以用 three.js 建一个 N*N*N 的原型然后用 raycaster 来捕捉表面然后“雕刻”。具体可以借鉴这个 demo ( https://threejs.org/examples/#webgl_interactive_draggablecubes ),把“拖拽”改成“删除”。
    dalieba
        17
    dalieba  
       2019-03-09 18:13:40 +08:00 via Android
    可以先在电脑上安装这样的程序,然后用远程控制的方式连接,用 canvas 在网页上呈现
    leoleoasd
        18
    leoleoasd  
       2019-03-09 19:48:36 +08:00
    "雕刻"指建模还是啥?
    如果是必须建模可以参考 autodesk 的那个在线 3D 建模网站 (大概有版权问题)

    我提供另一个思路: 能否做成类似 MC 或者 robocraft 中那种用小方块拼接为模型的方式?
    charten
        19
    charten  
       2019-03-09 21:28:55 +08:00
    three.js + websocket
    a1lenyang
        20
    a1lenyang  
    OP
       2019-03-09 22:21:33 +08:00
    @leoleoasd 对的,因为很精细的操作我们不可能走出来,所以大体方向就是您说的这样,请问这种模型的拼接有什么实现途径吗
    leoleoasd
        21
    leoleoasd  
       2019-03-10 11:16:18 +08:00
    @a1lenyang #20 H5 直接写啊
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3166 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:53 · PVG 21:53 · LAX 05:53 · JFK 08:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.