决明可视化引擎教程-1

陶锅煮新茄子
21 阅读1分钟

我们这次的目标是要在屏幕中显示一个图片，继续上次的项目，点击添加 创建节点 动作

image.png

我们看到有两个参数，第一个先不用管，第二个参数我们输入 let 图片，let 图片 是做什么？, 这里 let 图片，相当于我们将创建的节点取了个名字，（let xxx 在js中是声明变量的一个关键字，先不用记，大概知道就行了）

image.png

然后点击确认，我们回到主界面，导入一张图片，选择 资源，点击导入资源

image.png

导入一张图片

image.png

ok，我们已经将图片导入进来了，接下来，点击 资源管理

image.png

我们还没有资源组，先添加一个资源组

image.png

输入资源组名称，类型就是纹理，然后确定

image.png

这里我们可以手动导入资源，也可以一键导入资源，这里点击一键导入资源

image.png

ok，导入完成，点击确定保存

image.png

接下来继续编辑我们的 场景1，点击 添加组件 动作，我们看第一个参数是节点，这里节点就填写我们上面创建并取名的 "图片"，组件名称: "Sprite"，属性: { textureName: "测试" }, 后面两个呢，"Sprite"是精灵组件，我们再看属性，textureName是纹理名称，"测试"就是我们刚刚导入的图片，然后确定

image.png

点击应用保存一下，然后点击刷新，刷新我们的预览

image.png

然后回到浏览器，发现我们导入的图片已经在场景中了

image.png

avatar
文章
阅读
粉丝