百度商桥

在线咨询

400-660-9989

uipower@uipower.com

3D可视化开发工具PUI3DCreator的操作方法

发布时间:2020-01-07 9:50:18

PowerUI3DCreator试用版下载

(文件请解压至英文目录中)

近年来,三维可视化市场需求越来越旺盛,很多公司都在该领域进行深入探索。但由于三维可视化开发门槛较高,目前的主流开发库过于底层,学习成本高,因此各公司三维可视化项目制作周期长,效率低下。基于这一现状,UIPower自主研发了PUI3DCreator——一款3D快速开发工具,通过可视化拼接三维场景,完美解决以上问题。先展示几张开发完的效果图:

项目链接:3D园区项目(鼠标结合"W","A","S","D"进行操作)

UIPower案列-PUI3DCreator
UIPower案列-PUI3DCreator

PUI3DCreator采用了html标签与原生javaScript语言,配合模型搭建工具来实现3D可视化效果。前端程序员和操作人员都可以立即上手,大大降低了三维开发的门槛。该工具无需任何插件,导出文件可运行于目前所有的主流浏览器;还可配合UIPower的PowerUI Designer开发工具将三维场景部署于各大平台。场景布置和三维对象都将以标签的形式写在html文件中,配合工具库的帮助,会以简便的代码实现3D效果。

UIPower案列-PUI3DCreator

PUI3DCreator采用的是声明式、可扩展、以及可复用的组件化的编程思想,工具内置大量组件,可满足开发人员基本需求。开发人员可自定义组件,为3D对象添加自定义属性、动效、事件等,解决了重复编写代码的问题。并且组件添加都是以可视化编辑的方式进行操作,十分便捷。

UIPower案列-PUI3DCreator

开发人员可以将编写好的组件以js文件的形式引入到项目文件中。由于组件名是唯一的,所以在编辑组件时,需要对照提供的API文档,避免重名问题的发生。组件的声明定义需按照规定的格式进行。

UIPower案列-PUI3DCreator
UIPower案列-PUI3DCreator

为了提高性能,建议进行属性的修改等操作时,方法写在update中;在开发模式中,每次点击模型对象,右侧会显示自定义属性,开发人员可直接通过右侧工具栏修改参数。

UIPower案列-PUI3DCreator

组件以属性的形式添加到标签中,参数就是属性的值,代码会根据工具中的参数变化自动修改,十分便利。

UIPower案列-PUI3DCreator

组件如果复用性较高时,便可以组成组件库,开发项目时会变得越来越方便。

UIPower案列-PUI3DCreator

比如案例中写的changecolors组件,就可以做到每个模型对象都更换颜色。

UIPower案列-PUI3DCreator

开发人员可运用工具进行模型的自主拼接与自定义模型添加,兼容主流的C4D、3DMAX、blender等模型编辑工具。模型推荐gltf格式,兼容obj格式文件。PUI3DCreator具有模型库的概念,模型实例可以预先设置于编辑栏中,模型总量会不断累加,为开发人员提供素材。

UIPower案列-PUI3DCreator

开发人员也可按照开发文档对html文件进行修改,实现对3D对象进行操作的目标。PUI3DCreator导出的使用包,客户可随意部署,不受任何限制。

在进行项目调试时,该工具提供了很多人性化的功能。比如工具分为开发模式与展示模式,操作人员可随时进行切换调试。

UIPower案列-PUI3DCreator

新增模型对象,调整对象的位置、旋转角度、拉伸比例等等属性时都可以进行可视化调整,代码将会根据工具调整数据自动修改。

UIPower案列-PUI3DCreator

PUI3DCreator采用ID识别方法,页面对象栏目方便查找模型对象,进行复制和删除操作。

UIPower案列-PUI3DCreator

编辑完成后,可导出文件包,用于部署。

导出文件会附带客户使用到的模型。

UIPower案列-PUI3DCreator

Web端使用时直接拖拽到浏览器中,查看项目效果

导出文件一运行于浏览器端

UIPower案列-PUI3DCreator

以上便是PUI3DCreator基本功能的介绍和操作方法的简要描述。

PUI3DCreator为开发人员带来了极大的便利,这正是目前3D可视化行业迫切需要的。给用户带来高效、便捷的使用感受是UIPower历年来研发工具的核心理念。UIPower将会一直坚守这一理念,不断的提高产品质量,为客户提供优质的服务保障!

PowerUI3DCreator试用版下载

(文件请解压至英文目录中)