爱意满满的作品展示区。
a1lenyang

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

  •  
  •   a1lenyang · Mar 5, 2019 · 4452 views
    This topic created in 2639 days ago, the information mentioned may be changed or developed.

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

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

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

    我提供另一个思路: 能否做成类似 MC 或者 robocraft 中那种用小方块拼接为模型的方式?
    charten
        19
    charten  
       Mar 9, 2019
    three.js + websocket
    a1lenyang
        20
    a1lenyang  
    OP
       Mar 9, 2019
    @leoleoasd 对的,因为很精细的操作我们不可能走出来,所以大体方向就是您说的这样,请问这种模型的拼接有什么实现途径吗
    leoleoasd
        21
    leoleoasd  
       Mar 10, 2019
    @a1lenyang #20 H5 直接写啊
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   977 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 71ms · UTC 22:17 · PVG 06:17 · LAX 15:17 · JFK 18:17
    ♥ Do have faith in what you're doing.