1 术语定义
界面生成的对象中英文对照表
上一场景 | previousScene |
下一场景 | nextScene |
重置图标 | reset |
地图图标 | map |
缩略图图标 | thumbnail |
放大图标 | zoomin |
缩小图标 | zoomout |
向左旋转 | left |
向右旋转 | right |
向上旋转 | up |
向下旋转 | down |
自动旋转 | auto |
VR模式 | VRModel |
陀螺仪 | gyroscope |
小行星 | littlePlanet |
单位logo | logoSrc |
logo显示位置 | logoPosition |
logo超链接 | logoHref |
右键菜单中单位显示名称 | unitName |
右键菜单中单位名称超链接 | unitHref |
漫游标题 | title |
整体背景音乐 | bgMusic |
整体背景音乐循环 | loop |
初始采用小行星切换效果进入漫游 | littlePlanetEnter |
图标风格 | icons |
值 | value |
设备的名称
电脑端 | pc |
移动端 | phone/minPhone |
平板端 | pad |
VR模式 | VR |
2d组件界面相关参数
工具栏 | nav |
高度 | height |
宽度 | width |
横屏 | landscape |
竖屏 | portrait |
场景文字 | sceneText |
数据 | data |
2 配置模板(初期版本)
var
settings
=
{
//
工具栏
nav
:
{
bgColor
:
"rgba(255,255,255,.3)"
,
type
:true
,
pc
:
{
height
:
100
,
//pc
工具栏高度
padding
:
20
,
//
工具栏图片距离上下边框的距离
picHeight
:
40
//
图片的高度
},
phone
:
{
height
:
""
,
padding
:
""
,
picHeight
:
""
},
pad
:
{
height
:
""
,
padding
:
""
,
picHeight
:
""
},
VR
:
{
height
:
""
,
width
:
""
,
picHeight
:
""
,
padding
:
""
}
},
//
工具栏调用播放器事件按钮
button
:
{
//
电脑端配置
pc
:
{
previousScene
: true
,
nextScene
: true
,
reset
: true
,
map
: true
,
thumbnail
: true
,
zoomin
: true
,
zoomout
: true
,
left
: true
,
right
: true
,
up
: true
,
down
: true
,
auto
: true
},
//
手机端配置
phone
:
{
VRModel
: false
,
gyroscope
: false
,
reset
: false
,
map
: false
,
thumbnail
: false
,
previousScene
: false
,
nextScene
: false
,
littlePlanet
: false
},
//
平板配置
pad
:
{
gyroscope
: false
,
reset
: false
,
map
: false
,
thumbnail
: false
,
previousScene
: false
,
nextScene
: false
,
littlePlanet
: false
},
//VR
配置
vr
:
{
previousScene
: false
,
nextScene
: false
,
littlePlanet
: false
,
normal
: true
,
//
恢复正常模式
map
: false
,
littlePlanet
: false
}
},
//
地图功能
map
:
{
type
:true
,
//data
生成地图内容所需要的选项
data
:
[
{
position
:
""
,
}
],
pc
:
{
type
: false
},
phone
:
{
type
: false
},
pad
:
{
type
: false
},
VR
:
{}
},
//
缩略图功能
thumbnail
:
{
type
:true
,
data
:
[
{
pic
:
""
,
secneId
:
""
,
secneName
:
""
}
],
pc
:
{
type
: false
},
phone
:
{
type
: false
},
pad
:
{
type
: false
},
VR
:
{}
},
//logo
配置项
logo
:
{
logoSrc
:
""
,
logoPosition
:
""
,
logoHref
:
""
},
//
右键点击下拉菜单配置
rightClick
:
{
unitName
:
""
,
unitHref
:
""
},
//
漫游标题
title
:
""
,
//
背景音乐
bg
:
{
bgMusic
:
""
,
loop
: false
},
//
小行星配置
planet
:
{
littlePlanet
:
""
,
littlePlanetEnter
: false
},
//
图标风格
icons
:
{
previousScene
:
{
src
:
"button/1.png"
,
title
:
"
上一个场景
"
},
nextScene
:
{
src
:
"button/10.png"
,
title
:
"
下一个场景
"
},
reset
:
{
src
:
"button/3.png"
,
title
:
"
重置
"
},
map
:
{
src
:
"button/4.png"
,
title
:
"
地图
"
},
thumbnail
:
{
src
:
"button/5.png"
,
title
:
"
缩略图
"
},
zoomin
:
{
src
:
"button/6.png"
,
title
:
"
场景放大
"
},
zoomout
:
{
src
:
"button/7.png"
,
title
:
"
场景缩小
"
},
left
:
{
src
:
"button/8.png"
,
title
:
"
向左旋转
"
},
right
:
{
src
:
"button/9.png"
,
title
:
"
向右旋转
"
},
up
:
{
src
:
"button/10.png"
,
title
:
"
向上旋转
"
},
down
:
{
src
:
"button/1.png"
,
title
:
"
向下旋转
"
},
auto
:
{
src
:
"button/2.png"
,
title
:
"
自动旋转
"
},
VR
:
{
src
:
"button/2.png"
,
title
:
"VR
模式
"
},
gyroscope
:
{
src
:
"button/2.png"
,
title
:
"
陀螺仪
"
}
},
//
场景文字设置
sceneText
:
{
type
:true
,
//bool
是否开启场景文字
pc
:
{
speed
:
10
,
//
滚动速度 毫秒 数值越大速度越慢
fontSize
:
14
,
//
文字大小
px
background
:
"#ccc"
,
//
背景设置
height
:
30
,
//
外框高度
px
left
:
"50%"
,
//
开始滚动位置 百分比
delay
:
1
,
//
延迟 秒
fontFamily
:
"microsoft yahei"
//
字体格式 字符串
},
phone
:
{
},
pad
:
{
},
VR
:
{
}
}
};