flash交互式动画地图动画程序开发需求制作方案
2017-03-14 发布于:漫品购 本文系本平台编写整理或网友投稿,图文资料源于网络,如有侵权请联删,谢谢!
内容概述:一、整体要求: 通过FALSH动画的方式实现展示。 二、具体功能 1、我们会提供一张地图图片,上面会提前标出44个需要显示的点。左侧为地图,右侧为搜索和所有 44个点的列表。 2、打开
一、整体要求:
通过FALSH动画的方式实现展示。
二、具体功能
1、我们会提供一张地图图片,上面会提前标出44个需要显示的点。左侧为地图,右侧为搜索和所有 44个点的列表。
2、打开动画后,大小要显示合适的比例大小,即要所有的44个点都要显示出来。地图不能过大,否则显示不全所有的场所。显示大小要考虑目前主流的浏览器,根据浏览器所自适应显示(如在1920X1080的电脑上显示比例放大到20%是最好效果,那么在2000*1068的电脑上要按比例绽放至18%)。
3、打开页面默认的右侧列表显示的44个所有场所名称前面要加上图标颜色和序号(01、02…… 44)。红色是佛教、蓝色是基督教、深绿是已审批的伊斯兰教、浅绿色是未审批的伊斯兰教场所。数字表示有多少个个点。
(一)页面右侧分搜索栏和场所点的名称信息列表
1、场所分类。每个场所按类别分:佛教、基督教、伊斯兰教
2、图例。用不同的颜色区分类型。因为佛教和基督教的所有场所都审批通过了,所以现在系统只用了一种颜色表示。但伊斯兰教有审批和没有审批的,所以均用绿色表示,但一种深,一种浅。
表示:审批通过的佛教场所
表示:未审批通过的伊斯兰教场所
表示:已审批的伊斯兰教场所
表示:已审批的基督教场所
备注:
(1)具体背景颜色可根据情况灵活变化,自己就从后台进行修改替换。
3、右侧列表上部有个搜索定位功能
(1)佛教、基督教、伊斯兰教选项:可以是多选,可以只搜一种,也可以同时搜2种,也可以同时搜3种灵活操作。可以单独定位,也可以跟下面的已审批、未审批结合使用。
备注:左侧地图具体的坐标点要跟右侧列表中的具体场所名称进行绑定,点击右侧列表中的场所名称在左侧地图中实现精确定位。
(3)当点击上部的搜索框
进行搜索定位时,下方的列表要显示对应的场所名称。如:搜索的是佛教场所,共搜索出了5个场所,那么列表页就显示5条信息,而且全是佛教的场所。场所名称前图标全是红色,并且要加上数字序号。
同时,左侧地图中要显示5个佛教场所的信息(红色背景,名称前面带上数字),其它的如基督教的都不用显示,这样做到精确定位和分类(下图只是演示,正式系统应该显示出搜索到5条佛教场所信息)。
(三)在地图中搜索具体点位置
有2种方式进行选择定位
第一种:直接用鼠标在左侧地图中搜索具体的点。
第二位:通过点击右侧列表中的点,左侧地图自动进行搜索定位。
如点击列表中的法幢寺后,左侧地图自动放大并定位到法幢寺(参照发的百度地址效果,但需要改进,改进的内容如下)
参考网站中要改进的内容:
1、点击右侧列表中的名称后,左侧地图要自动定位,并自动放大到最大状态(现在我发的参照地图中,点了右侧列表名称左侧地图是可以定位的,但不能自动放大,导致许多点重叠在一些,我的要求要自动定位并自动放大)
(四)右侧列表显示效果
右侧列表永远是44个,不管左侧地图如何变化,右侧列表永远是44个。即使你左侧地图放到最大了,在当前地图只能看到一个点,右侧列表也永远是44个,点击列表中的任意一个点,左侧地图都能快速定位,并自动放大地图。
当然,如果是通过搜索定位的,如搜索的佛教场所,会显示20个点,那么在没有重新搜息之前,右侧列表永远显示20个点。
现在发的演示系统,右侧地点会随左侧地图中的点变化而变化。
(五)标注点打开后弹出简介框
1、这个简介内容要能进行修改,编辑,添加。
2、官网链接不要
3、点击详细打开后是一个链接的网站地址,到时网站静态页面我们统一提供。
上一篇:扁平化动画创意制作文案剧本初稿及动画制作方
下一篇:如何用ps手绘板画出宫崎骏大师作品里面的场景石