2.9.1 3D对象

3D 对象包括长方体GeoCuboid和球体GeoSphere,可在三维场景中创建具有位置、缩放、旋转属性,可被拾取的几何体。。 2-9-1-1 2-9-1-2

3D对象的创建

以长方体为例,使用GeoCuboid类实现长方体的创建:

var obj = new CooWasm.GeoCuboid({
    //长方体中心点坐标(经度、纬度、高度)
    location: new CooWasm.Vec3Obj(120.2171958099, 30.208455402, 68.8648247495),
    //长方体的缩放比例
    scale: new CooWasm.Vec3Obj(19.5376302068, 9.1819055204, 11.0937951842),
    //长方体的旋转角度
    rotation: new CooWasm.Vec3Obj(0, 0, 10),
    //渲染模式
    renderMode: CooWasm.EnumRenderMode.NORMAL
}, state => {
    if (state) {
        //加载成功,执行定位
        obj.Locate();
    } else {
        //加载失败,销毁对象
        obj = obj.destroy();
    }
})

3D对象的渲染模式

通过更新renderMode参数可调整渲染模式:

obj.update({
    // 将渲染模式设置为不可见(但仍参与拾取)
    renderMode: CooWasm.EnumRenderMode.NULL
}, state => {
    console.log("update:" + state);
})

当渲染模式为NORMAL时,3D对象正常可见,支持直接拾取和编辑操作。 2-9-1-3

当渲染模式为NULL时,3D对象不可见,可辅助其他数据的拾取,详细用法见2.7.1倾斜摄影数据加载及拾取部分。

2-7-1-13

3D对象的拾取与编辑

当3D对象的渲染模式为NORMAL时,可通过拾取器进行交互操作。

1.创建拾取器

//创建一个拾取器
var picker = new CooWasm.Picker({
    // 启用拖拽编辑功能
    bDrag: true
},(id)=>{
    console.log("拾取对象avatarUuid:" + id)
})

2.拾取3D对象 鼠标单击3D对象进行拾取,拾取后对象会变色,如果拾取器的bDrag为true时,会进入编辑状态,3D对象上会出现三色轴控件。 2-9-1-4

3.编辑3D对象 按下键盘C键可切换三种编辑轴体:

  • 移动轴:按住轴体可在对应平面拖动对象位置;
  • 旋转轴:按住轴体可在对应平面旋转对象角度;
  • 缩放轴:按住轴体可在对应平面调整对象尺寸。

    2-9-1-7 2-9-1-8 2-9-1-9

3D对象的动画播放

3D对象可结合Path类,Presentation类实现路径动画效果,详细用法见2.10.3 演示系统部分。

CooWasm开发者中心操作指南(3D对象)

1.选择功能模块: 在开发者中心左侧列表中,依次选择场景绘制3d对象2-9-1-5

2.创建3d对象: 点击创建长方体创建球体,完成创建。 2-9-1-6

3.路径动画效果: 详细用法见2.10.3 演示系统部分。

CopyrightFile Modify: 2025-07-10 09:04:25

results matching ""

    No results matching ""