跳到主要内容

Web页面修改

本节讲述如何修改示例工程中的Web页面。

目的是说明如何通过调用API接口实现点击按钮移动相机的简单功能。

打开页面

打开\Content\LocalServer\Public\dist\index.html文件,以您喜欢的方式,记事本也可以。

新增页面元素

新增一个按钮

  • 找到class为“child left”的div元素,在其内部复制一个img元素,代码如下图所示:

    show

给按钮添加一个点击事件

  • 在img元素中注册click点击事件监听,当该元素被点击时,会调用handleAction方法,代码如下图所示:

    show

调用API

  • 当执行handleAction方法时,会对传入的参数进行判断,如果为'MoveCamera',则调用API中的moveForward方法,向前移动相机,代码如下图所示:

    show

修改效果

修改完成,点击绿色运行按钮运行,点击新增的按钮,场景中的相机则会向前移动,如下视频所示:

show