下面分为几步先容,如何基于dtns.network智体天下引擎实现乔布斯3D场景的平面设计图的设计

第一步:找到已设计好的平面图,点击它,进入xcard平面轻运用编辑器

点击右上角的...进入:

第二步:点击编辑minicard轻运用源码

将进入乔布斯3D纪念馆的平面图的2D设计编辑器(基于开源的visual-drag-demo进行定制开拓,支持自研的poplang智体编程措辞进行自然措辞编程)

前端2024乔布斯3D纪念馆第3课平面设计图可编程

第三步:点击左侧的组件清单的【矩形】 ,可添加矩形组件

添加后,将矩形中间笔墨编辑为【碑】,可形成图上效果,亦可旋转该矩形,形成四边的旋转了的4个【碑体】和6个【展示墙】,旋转操作图标如下所示:

第四步:可点击添加左侧的圆形组件,形成《乔布斯3D纪念馆》的飞碟形状的圆环,效果如下图所示:第五步:可添加文本框,输入《乔布斯:智体天下3D纪念馆》

亦可修正文本框的笔墨大小、颜色等(在右侧属性面板,可修正它)

第六步:可通过顶部的工具栏,操作【预览】效果,或【推送头榜】

第七步:点击预览,效果如下

第八步:点击【归档】,可实现当前编辑器的源码json文件的下载

第九步:点击【推送头榜】,可将该json源文件推送至头榜,供社区用户体验和利用、再次编辑等

点右上角确认,返转头榜页面,可看到如下效果

minicard智体轻运用(亦称之为xcard轻运用),可以在头榜直接显示出来,如各个组件里添加了【poplang智体编程源码】,亦可掌握行为!

第十步:通过智体编程跳转平行3D元宇宙功能,如下图实现poplang的源码编辑和功能预览

点击预览后,点击中间的【碑】体,可跳转到目标的3D纪念馆如下图所示:

至此,通过上述7步,我们成功完成了《乔布斯3D纪念馆》的平面设计图的设计,并且大略先容了如何给平面设计图中的组件添加poplang智体代码,实现平行3D纪念馆的跳转,实现2D至3D的场馆转换!

dtns.network德塔天下(开源的智体天下引擎)已在github和gitee上开源!