《九江非物质文化遗产资源平台建设与研究 毕业设计.doc》由会员分享，可在线阅读，更多相关《九江非物质文化遗产资源平台建设与研究 毕业设计.doc（45页珍藏版）》请在三一办公上搜索。
1、JIU JIANG UNIVERSITY毕 业 论 文 题 目 九江非物质文化遗产资源平台 建设与研究 英文题目 Jiujiang Intangible Cultural Heritage Resources Paltform Construction and Research 院 系 信息科学与技术学院 专 业 计算机科学与技术 姓 名 彭康 班级学号 A081145 指导教师 代君 二一二年五月摘 要随着3D技术的迅速发展，人们越来越喜爱3D技术带来的震撼视觉体验和直观立体的观看效果。而传统网页那种千篇一律的枯燥表现形式已经不能满足现代人的审美要求了，于是，将3D融入网站中来借助3D其形式
2、的多样性和视觉优越性来展示平台的信息成为了未来网站发展的必然方向。非物质文化遗产是我们传统文化的精髓，是一代又一代传承人努力传承的成果，也是我们年轻人应该继承下去的文化瑰宝。而利用三维网站这样的与时代俱进的高新技术来表现和传承九江非物质文化遗产这样的传统文化，无疑会让人们更加乐于接受和了解，间接的传播和保护了九江非物质文化遗产。本资源平台使用了3ds Max，Flash，Dreamweaver,Photoshop等软件进行研究和开发设计。本文主要描述了九江非物质文化遗产资源平台建设与研究的开发设计过程，通过功能的逐步实现，掌握整个平台建设与研究过程的步骤，从开发者的角度对平台的设计作了详细的分
3、析和研究。关键词：三维网站，九江非物质文化遗产，传承AbstractWith the rapid development of 3D technology, more and more people love the3D technology brings shocking visual experience and visual stereo viewing effect. While traditional webpage that follow the same pattern as manifestations have been unable to meet modern peopl
4、es aesthetic requirements, then, will3D into the site to3D of have the aid of the diversity of the form and visual superiority to display platform of information has become the inevitable trend of development of future. Non material cultural heritage is our traditional culture essence, is a generati
5、on after generation of successors to inherit the achievements, but also our young people should continue cultural treasures. The use of 3D website that with the times of high technology to the performance and inheritance of non material cultural heritage in Jiujiang this traditional culture, will ma
6、ke people more willing to accept and understand, indirect transmission and protection of the intangible cultural heritage in Jiujiang.The platform using the 3DS Max, flash, Dreamweaver, Photoshop etc. software research and development and design. This paper mainly described the Jiujiang intangible c
7、ultural heritage resources platform construction and research development design process, through the function of progressively implementation, to master the whole platform construction and research process, from the developers perspective on platform design are analyzed and studied in detail.Keywor
8、ds: 3D Website, Non Material Cultural Heritage in Jiujiang, Inheritance目 录摘 要IAbstractII1 绪论1.1研究背景(1)1.2课题研究的意义(1)1.3国内外课题技术研究的现状(2)1.4技术简介(4)2 概要设计2.1课题分析(9)2.2系统的总体设计规划(9)2.3平台的框架设计(10)3 详细设计3.1信息与资料的收集(14)3.2平台构建(15)3.3 3ds Max模型制作(19)3.4 3ds Max摄影机动画制作(22)3.5 Flash动画效果制作(24)3.6 Flash导入平台(28)3.7
9、后台数据库(29)4 测试与维护4.1平台测试运行功能(31)4.2平台的完善和维护(34)5 总结与展望5.1论文总结工作(35)5.2扩展及未来发展方向(35)致 谢(37)参考文献(38)1 绪论1.1 研究背景进入新世纪以来，人们对互联网技术的需求不断提升，传统的展示方法已无法满足未来个人和企业的要求，随之也产生了各种用于互联网行业的新技术。3D网站的产生与建立无疑让人们眼前一亮，其生动形象的三维虚拟现实技术效果表现出来的信息让人如临其境，人们通过鼠标或者键盘，打开网页就能观看到直观立体的信息，而是不同于以往传统网页的乏味与单调，增强了上网的趣味性和娱乐性。3D互联网，也被成为（web
10、3d）它是一种立体的三维展示技术，是以计算机绘图技术，在Web浏览器上展现3D的对象，是通过在浏览器中内嵌3D虚拟场景的手段，在保证3D立体效果的同时，有效的降低对网络和硬件的要求，让互联网用户能够快速的体验3D带来的真实感受1。本课题中我的主要创新点是运用3D网站这一新技术来表现九江非物质文化遗产这样的传统文化，新旧结合，文化的厚重与技术的新颖相碰撞，相互承载与推动，让人在观看新潮的3D网站同时传播和推广非物质文化遗产。1.2 课题研究的意义九江是一座文化名城，具有悠久的文化历史。九江之称最早见于尚书禹贡中“九江孔殷”、“过九江至东陵”等记载，后据晋太康地记记载，九江源于“刘歆以为湖汉九水（
11、即赣江水、鄱水、余水、修水、淦水、盱水、蜀水、南水、彭水）入彭蠡泽也”。长江流经九江水域境内，与鄱阳湖和赣、鄂、皖三省毗连的河流汇集，百川归海，水势浩淼，江面壮阔。九江称谓的来历有两种，一是“九”为古代中国人认为的最大数字，“九江”的意思是“众水汇集的地方”，“九”是虚指；二是“以为湖汉九水（即赣江水、鄱水、余水、修水、淦水、盱水、蜀水、南水、彭水）入彭蠡泽也”，即九条江河汇集的地方，“九”是实指。长江流经九江水域境内，与鄱阳湖和赣、鄂、皖三省毗连的河流汇集，百川归海，水势浩淼，江面壮阔。九江人杰地灵，物华天宝，旅游资源极其丰富，便利的水陆交通曾促进了中华经济、文化的发展，使享有“三江之口，七
12、省通衢”的九江成为天下“眉目之地”。发达的水陆交通使具有两千余年历史的九江一度成为军事重镇及商业、文化交流中心。如此灿烂的历史文化传统以及九江得天独厚的地理条件使得九江地区经济与文化异常繁华，于是产生了如百家争鸣般的各种民间文化活动齐放异彩，给九江乃至中国的传统文化添上了浓重的一笔。然而，随着科技的日益发展和时代的进步，快节奏的现代生活和玲琅满目的娱乐活动大受现在年轻人的喜爱和推崇。传统的文化活动已经被人们逐渐淡忘，许多繁荣一时的非物质文化甚至退出了历史的舞台，传承和保护那些非物质文化遗产是我们年青一代人应该肩负起的责任和义务2。1.3 国内外课题技术研究的现状1.3.1国内课题技术研究现状3
13、D网站的迅猛发展和其展现出的巨大价值为互联网3D技术在商业上应用打通了快速的通道，晟昊率先建立起的首个3D虚拟网上展厅，做到无插件化，将二维的图纸或照片，用生动形象的三维虚拟现实技术效果表现出来，真正的让人们感受到高科技带来的便利与身临其境的视觉体验。随着虚拟现实技术的应用与普及，以虚拟现实为核心、Web3D技术产业应用将越来越广泛，将会像以往任何一次互联网技术变革一样，带给人们生活方式的巨大变化，并将带动发展出技术教育行业，互动科技产品等诸多延伸行业，相信以国人的智慧与创造力，将闪耀在国际舞台之上，它将是21世纪广泛应用的一种新技术，是一个巨大的、正在快速成长的市场3！2010年随着网上世博
14、会技术的应用与推动，在本届世博会上，以3D互联网虚拟成像技术为重要代表的新媒体技术代替了大量的实物展示，它实现并还原了许多无实物或实物不能实施的展示，大大节省了空间、材料、运输等人力、物质资源。如图1-1所示。图1-1 2010上海网上博览会目前Web3D技术主要应用于网络游戏、博物馆网站和商业网站中。其中基于图像绘制的全景图技术应用最为广泛。因为它制作起来相对比较方便，效果也较真实。国内著名的全景环视网专门致力于把全景摄影应用于网上的三维展示领域，取得了较大的影响。而今已经有相当一部分网页设计公司开设了三维全景制作业务，初步显示了三维网页的巨大魅力。但是由于全景图是采用定点环拍来制作，所以全
15、景图形式的虚拟作品不能够实现真正的场景漫游，交互性也比较差。同时由于使用了大量的贴图，网络传输的速度不免会受到影响。而基于几何体三维建模的Web3D技术对在实现在线漫游和展示方面具有更强的交互性和临场感4。1.3.2国外课题技术研究现状相比与国内，国外的3D技术和3D网站技术发展更早也更加成熟先进。国外的3D技术从风靡全球的众多国外3D大片中就可以直观的看出来，其3d仿真技术已然达到可以乱真的地步。而国外的3D网站近年越来趋向致力于广告、娱乐、产品展示和数据视觉化领域的开发，并且已经开始利用支持硬件加速的3D图形特性，为受众带来更丰富更有沉浸感的交互体验。此外，游戏和demo的开发者也制作出了
16、让人赞叹不已的作品，不断推进着浏览器能力的技术前 沿。如由法国工作室Ultranoir开发的一个基于Twitter的WebGL体验Nouvelle Vague，我们可以设置一个标签，然后所有带有此标签的微博都会被飞艇、热气球等等带来，降落在围绕着女神像的缎带上5。如图1-2所示。图1-2 NouvelleVague（新浪潮） 此外，商业类的3D有如Adidas推出的Aizero f50，在webGL的渲染下，我们可以改变产品的角度，仔细观察球鞋每个部分和其种种特性。游戏类有Nissan的StageJUK3D，它允许我们在全3D环境中操控尼桑，享受极速飙车带来的视觉冲击。在线地图类中，诺基亚的N
17、okia Maps3D和谷歌的Googl MapsGL则将整个世界镜像到你的浏览器中，你可以像在真实生活中一样置身其中，随意的在街道中浏览6。不论从哪个方向上看，未来的3D网站都必将取代和超越传统的版面式网页，人类会进入一个虚拟与现实交错的时代，这也将是一个精彩的时代。而从事于3D事业的人也在为这个方向拼搏前进。1.4 技术简介在研究与制作平台时少不了相关软件的应用与支持，将多种软件合理的配合应用好，将会使工作达到更加高效的进行。本课题中要使用到的软件有：3ds Max，Flash，Photoshop，Dreamweaver。1.4.1 3ds Max的介绍 3ds Max（简称max）软件，
18、由国际著名的Autodesk公司的子公司Discreet公司制作开发的，它是集造型、渲染和制作动画于一身的三维制作软件。从它出现的那一天起，即受到了全世界无数三维动画制作爱好者的热情赞誉，max也不负众望，屡屡在国际上获得大奖。当前，它已逐步成为在个人PC机上最优秀的三维动画制作软件。3ds Max广泛应用于广告、影视、工业设计、建筑设计、多媒体制作、游戏、辅助教学以及工程可视化等领域。拥有强大功能的3ds Max被广泛地应用于电视及娱乐业中，比如片头动画和视频游戏的制作，深深扎根于玩家心中的劳拉角色形象就是3ds Max的杰作。在影视特效方面也有一定的应用。而在国内发展的相对比较成熟的建筑效
19、果图和建筑动画制作中，3ds Max的使用率更是占据了绝对的优势。根据不同行业的应用特点对3ds Max的掌握程度也有不同的要求，建筑方面的应用相对来说要局限性大一些，它只要求单帧的渲染效果和环境效果，只涉及到比较简单的动画；片头动画和视频游戏应用中动画占的比例很大，特别是视频游戏对角色动画的要求要高一些；影视特效方面的应用则把3ds Max的功能发挥到了极致7。3ds Max之所以受到这么广泛的应用与推崇，是因为其功能特点：（1）功能强大，扩展性好。 建模功能强大，在角色动画方面具备很强的优势，另外丰富的插件也是其一大亮点。 （2）操作简单，容易上手。 与强大的功能相比，3ds Max可以说
20、是最容易上手的3D软件。 （3）和其它相关软件配合流畅。3ds Max可以和多种软件配合工作，并且它强大的兼容性使其与其他软件配合工作后效果极佳。 （4）做出来的效果非常的逼真。1.4.2 Flash的介绍Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash也是存储芯片的一种，通过特定的程序可以修改里面的数据。Flash的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。19
21、96年11月，美国Macromedia公司收购了Future Wave，并将其改名为Flash。在出到Flash 8以后，Macromedia又被Adobe公司收购。Flash通常也指Macromedia Flash Player（现Adobe Flash Player）8。Flash是一个非常优秀的矢量动画制作软件，它以流式控制技术和矢量技术为核心，制作的动画具有短小精悍的特点，所以被广泛应用于网页动画的设计中，以成为当前网页动画设计最为流行的软件之一。在Flash中创作内容时，需要在Flash文档文件中工作。Flash文档的文件扩展名为.fla（FLA）。Flash文档有四个主要部分： （
22、1）舞台。舞台是在回放过程中显示图形、视频、按钮等内容的位置。在Flash基础中将对舞台做详细介绍。 （2）时间轴。时间轴用来通知Flash显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。位于较高图层中的图形显示在较低图层中的图形的上方。 （3）库面板。库面板是Flash显示Flash文档中的媒体元素列表的位置。 （4）ActionScript。ActionScript代码可用来向文档中的媒体元素添加交互式内容。例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用ActionScript向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其它情况采取不
23、同的工作方式。Flash包括两个版本的ActionScript，可满足创作者的不同具体需要9。1.4.3 Photoshop的介绍Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。从功能上看，该软件可分为图像编辑、图像合成、校色调色及特效制作部分等。 （1）图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分
24、，进行美化加工，得到让人非常满意的效果。（2）图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路；该软件提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝。（3）校色调色是该软件中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色偏的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。（4）特效制作在该软件中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由该软件特效完成。而各种特效字的制作更是很多美术设计师热
25、衷于该软件的研究的原因10。 2010年最新版本Adobe Photoshop CS4除了包含Adobe Photoshop CS3的所有功能外，还增加了3D和视频流、动画、深度图像分析等。Photoshop CS4通过使用对3D的支持，人们可以将3D内容纳入到他们的2D作品中，包括在3D模式下编辑文本。Enhanced Vanishing Point使设计人员可以进行远景测量，并从Enhanced Vanishing Point输出一个3D模型。这使得Photoshop与3Dmax能更好的配合工作11。1.4.4 Dreamweaver的介绍Adobe Dreamweaver是个原本由Mac
26、romedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎 Presto 作为网页预览。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜
27、爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化12。Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧（frames）和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位
28、，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软件。2 概要设计2.1课题分析本人的课题是“九江非物质文化遗产资源平台建设与研究”，所以本人首先要确定资源平台要如何设计，需要实现哪些功能，如何去实现这些功能，实现功能的过程中要运用到哪些工具和软件，要做哪些工作，以及最后能达到什么效果等等。通过导师的指导以及与老师的探讨，然后在网上查找与课题类似的
29、资料和信息，最后加上自己的一些想法并与实际情况相结合，最终基本明确了资源平台的设计与开发步骤。此资源平台是区别于传统的网站，在网站中嵌入3D和用Flash制作的动画，使浏览平台有一定的观赏性和乐趣。而资源平台所表现的信息和内容是九江非物质文化遗产，这更是课题的意义与价值所在。中国的非物质文化多如繁星，但对非物质文化的保护却不尽人意。全国只有约一半不到的省份和直辖市建立了非物质文化遗产网，江西也还没有建立类似的网站。所以用一些古典的设计和模型来表现九江非物质文化是本课题所要达到的目的。2.2系统的总体设计规划本资源平台系统主要考虑几个问题：（1）界面设计和布局。根据资源平台所需的功能和结构分为八
30、个菜单选项，其中包括首页。另外，进入平台前设计了一个跳转页，点击跳转页中的“进入网站”就能链接到平台的首页。实现平台的基本框架功能，可以在各选项之间跳转浏览。（2）交互性设计。在跳转页和首页中，都需要用户手动点击相应链接和按钮之后才会出现后续或者新的内容和信息，加强了用户浏览网站时的积极性和用户与网站的交互性，也增强了平台的乐趣性和吸引力。（3）实用性与合理性设计。将平台功能尽量设计得操作简便直观，适用于大众用户。同时，其内容与界面设计业要与实际相符合，让人易于接受。2.3平台的框架设计根据平台的总体设计，以及参考了“苏州非物质文化遗产网”，“浙江非物质文化遗产网”，“河北非物质文化遗产网”等
31、网站，再结合自己的想法和设计，我首先制作一个跳转页，实现跳转到首页的功能。然后进入平台后有八个选项，并且每个选项都是由3D制作的场景来表示。其框架图如图2-1所示。 页面背景设为古朴典雅的图文首页 政策法规 新闻动态 重大活动 传承人 浔阳风情 保护名录 管理员或传承人登录 九江市的地图 并标注每个非物质文化遗产的所在地，每个地方设置一块区域，并且设置链接联系方式版权所有图2-1 平台框架图首先，进入平台前出现一个跳转页，其背景为庐山的山水图片，然后响起古琴演奏的高山流水古典背景音乐，在山水图片间会有一幅幅九江非物质文化遗产的图片依次划过，页面下方有进入网站的链接。如图2-2所示。进入平台后，
32、八个选项分别为首页、政策法规、新闻动态、重大活动、传承人、浔阳风情、保护名录、管理员或传承人登录。其显示信息的背景都是用3Dmax制作的三维场景。点击首页中的九江地图时会链接到一个书桌场景来显示相关非物质文化遗产的信息与资料。首页如图2-3所示。其余场景和书桌场景如图2-4所示。图2-2 跳转页图2-3 首页中的九江地图 政策法规中的古钟场景 新闻动态中的折扇场景 浔阳风情中的花灯场景 保护名录中的古画场景 传承人中的屏风场景 传承人或管理员登陆场景 书桌相片场景图2-4 各场景图3 详细设计九江非物质文化遗产资源平台建设与研究的开发流程图如图3-1所示。信息与资料收集构建平台3ds Max场
33、景和模型制作跳转页制作平台框架构建制作摄像机动画导入Flash处理Flash导入平台连接后台数据库测试平台功能和维护图3-1 流程图资源平台的详细设计主要包括以下几个阶段：（1）信息与资料的收集。包括九江非物质文化遗产的文字信息，以及在九江的分布情况和相关的图片，还有论文和系统所要用到的资料信息。（2）平台构建。建造平台的框架与基本功能，以便于后面嵌入Flash动画。（3）3ds Max模型制作。这个阶段的工作根据框架设计中构想的要求，使用3ds Max进行场景和物品的建模。（4）Flash动画效果制作。在3ds Max制作出来的场景中使用摄像机动画渲染出图片，再导入Flash中进行后期处理，
34、添加按钮和效果等。（5）Flash导入网页。将Flash中完成的动画导入到平台当中，实现能在平台中观看到Flash动画效果。（6）后台数据库连接。最后平台连接数据库，能实现传承人或管理员登陆和上传文字或图片资料。3.1信息与资料的收集信息与资料的收集是制作平台的准备工作，也是比较重要的起始阶段工作，为此我在网上查找了大量九江非物质文化遗产的相关资料和图片，以便于建模和平台的制作。比如九江共有15种非物质文化遗产被国家收录和保护，其又分为民俗，传统戏剧，民间音乐，传统手工技艺等等类别。收集每种非物质文化遗产的详细资料，包括非物质文化遗产的渊源历史，发展历程，传承人和其个人资料和事迹，文化遗产的图
35、片和视频信息。另外还查找与收集九江非物质文化遗产相关的新闻资料以及活动节日，为展示非物质文化遗产做准备。通过上网收集的建模参考图片和平台制作要用到的图片有许多不足之处。网上的许多图片都是带有水印或者效果不是很好，有的图片其大小和清晰度不符合制作要求，所以收集来的图片都在Photoshop中处理后才能拿来用。如跳转页中的背景图片中带有商标水印，而且图片过于清晰，效果不是设计中所要求的。将图片在Photoshop中打开，然后选择印章工具，调节印章大小为10左右按住Alt键点击商标水印附近的树叶处，然后按住左键拖动鼠标将文字抹去。用快速选择工具选择远处山岭位置，然后使用高斯模糊工具使山岭处变得模糊，
36、最后修改边缘部分。处理前后的照片如图3-2所示。 图3-2 Photoshop处理图片前后对比3.2 平台构建平台的构建分为跳转页和框架两个部分。3.2.1跳转页的制作首先建立平台的站点，将所用到的图片、音乐和文字等信息放入到根目录下的文件夹中，这样设置相对路径才能避免图片等信息在网站中显示不出。制作跳转页时首先是背景图片的设置，在庐山飘渺朦胧的山水间飘过一幅幅九江非物质文化遗产的图片。在Dreamweaver中只需在属性面板的页面属性中添加背景即可。然后制作标题，利用代码将标题文字进行修饰，如跳转页中的标题“九江非物质文化遗产资源平台欢迎您”，在这里着重突出了“非物质”三个字，所以设置大小比
37、其他文字更大，字体是华文行楷，文字颜色也设为更显眼突出的红色。跳转页中的图片划过效果是跳转页的最重要部分，代表各个九江非物质文化遗产的图片作为划过的图片。图片向左滚动，并且滑过的距离正好是图片的宽度，这样使得每次划过一张图片。每张图片滑动后会停止两秒钟，让用户可以观看图片。当用户想仔细观看一张图片时可以将鼠标光标拖到图片上，这时图片就会停止滑动，而光标移开图片上时，图片又会继续向左滑动。并且所有图片划过后，图片又会循环滑动。其代码如下：if(div.scrollLeft%nImgWidth = 0) div.scrollLeft += step;/每一张图片滑动到此就停留 step = 0;
38、window.setTimeout(set(2), 2000);/图片停留两秒 if (div2.offsetWidth - div.scrollLeft = 0) div.scrollLeft -= div1.offsetWidth; else div.scrollLeft += step; /若图片宽度大于设置滑动的距离，则图片滑动到左边界与设置的边界重合 var MyMarquee = setInterval(Marquee, speed); div.onmouseover = function()clearInterval(MyMarquee); div.onmouseout=func
39、tion()MyMarquee=setInterval(Marquee,speed); /当鼠标放于图片上时，停止滑动，当鼠标移出图片时，继续滑动function set(i)i = parseInt(i); step = i; 然后在跳转页中添加背景音乐古琴演奏高山流水，让用户在听着优美的古典音乐中欣赏九江非物质文化遗产的图片。最后在页面下面添加“进入首页”，并且设置链接，点击后可以进入首页。3.2.2平台框架构建进入平台后，用古朴文雅的图片作为平台的背景图片，然后标题背景设置为庐山的风景图，因为庐山是九江最具代表性的名字，所以在平台中多次用到关于庐山的图片，以突出表现九江的代表性。标题下面
40、是平台的功能选项，分别为首页、政策法规、新闻动态、重大活动、传承人、浔阳风情、保护名录、管理员或传承人登录。选项下面是平台显示内容的区域，根据不同的选项，其显示方式也不相同。首页中的标题为“九江非物质文化遗产资源平台”，其显示为一个文字颜色变化的Flash动画效果。将背景图片在Photoshop中从清晰到模糊处理，并且得到逐渐变化过程中的十张图片，将图片导入Flash中。在图层上新建一个图层，输入“九江非物质文化遗产资源平台”文本，设置“非物质”三个字为红色，58号大小，字体为楷体，其他文字为蓝色，36号大小，字体为宋体。复制文字，新建图层，在新图层中将文字粘贴到当前位置，与原来文字重叠。再新
41、建图层，拖动到两个文字图层中间，锁定两个文字图层，在新图层中选择颜色为线性渐变，两端为红色，中间为白色，绘制一个矩形，旋转一定角度，放在文字左端。此图层中，在10帧位置按F6插入关键帧，两个文字图层的10帧位置按F5插入帧，然后将矩形复制到10帧中，拖动到文字右端，选择第一帧，左击选择创建补间动画。将矩形图层上方的文字图层转化为遮罩层，然后预览动画效果，可以看到“九江非物质文化遗产资源平台”的文字有红白丝带划过的效果，并且背景图片由模糊到清晰。如图3-3所示。图3-3 文字效果图首页中显示信息处，制作一个九江的地图，然后鼠标放于地图不同的县区位置时，会出现一个提示框显示所在地区的非物质文化遗产
42、。并且地图上的区域位置的颜色也会随着鼠标的拖放改变。当点击某处的非物质文化遗产时，会链接到一个子页面，并且在进入子页面时出现一个地图拉近的动画效果，然后进入一个三维场景页面。如点击进入青阳腔所在地湖口后，制作一个桌子的小场景，桌子上摆着几幅青阳腔的演出剧照，然后点击每幅照片时分别显示青阳腔的发展历史、传承人资料、申报非物质文化遗产时间和信息以及演出短片等。当点击进入其他选项时，标题、菜单选项和页面背景的布局都不变，页面跳转后只有中间显示内容区域改变。将所有选项所用的模型都放到一个场景当中。如图3-4所示。 图3-4 场景图所以从一个选项到另一个选项页面的过程都制作成一个场景动画，即为从一个模型
43、小场景到另外一个模型小场景的摄像机动画。制作一个古钟的模型来作为政策法规选项的子页面，如点击“政策法规”，首页页面3D地图位置转变为一座古钟的模型，钟的壁面上则显示政策法规的相关信息。同样的方式，用一把展开的折扇来展示“新闻动态”选项，在扇子的扇面上显示与非物质文化遗产相关的新闻热点；制作一个古鼎模型来展示“重大活动”，在鼎面上显示与非物质文化遗产相关的国内外重大活动和节日；用一个屏风来展示“传承人”，屏风上显示各传承人信息及其传承的非物质文化遗产名称；制作一个花灯模型，用其正面空白处来显示“浔阳风情”，介绍九江的风土人情和历史背景；用一幅古画来展示“保护名录”，在古画上显示被收录的九江非物质
44、文化遗产的信息；制作一个古建门窗来做为“管理员或传承人登录”的画面，输入帐号密码后则有一个门打开的进入动画。当有些地方不能用一个页面就展示完信息时，添加左右翻页的功能，但背景不变，如扇子展示新闻动态时，一个扇面不能展示完，则扇子下面设立左右翻页按钮，但是扇子不变，只是内容翻页。3.3 3ds Max模型制作3ds Max模型制作的主要任务是各个场景的建造和场景中模型的制作，也是整个系统建造的重要部分。模型的建造也比较繁杂和琐碎，需要耐心和仔细，并且要注意细节部分。首先是大体场景的制作，总体场景是一间中式的房间。房间的制作很简单，就是建一个box，大小调为与实际尺寸比例相近，作为房间的地板，给地
45、板一个木质的贴图。然后根据地板大小建造房间的墙壁，墙壁先不封口，利于模型的摆设和建造。墙壁也给一个木质的贴图，并调高光强度使其具有光滑感。房间门窗都是复古式模型，这也是参考了网上一些古典门窗图片建造的。制作门窗时先按实际大小比例建造一个box然后分段分3段，并且是上下部分较中间主体部分更窄一些。门中间部分采用镂空的主体设计，制作镂空部分时先将box中的中间部分的面分离，然后取四分之一，在分段分别为5和2，选中所有线条后右击，选择创建线性图形，就得到了所需要的线。再将线中多余部分删除，形成一个镂空纹的基本形状，将得到的线通过修改面板中的渲染属性变为多边形，于是得到了门窗镂空的一角，再通过镜像复制
46、一个对称的镂空，通过两次镜像后门窗的镂空就制作完毕。如图3-5所示。 图3-5 门窗镂空 图3-6 花纹镂空然后是制作门的装饰部分，通过描线的方式描绘出一朵兰花的基本形状，并且其花和页部分要是闭合的，这样才能进行挤出，形成镂空的花纹图案。在花纹外面添加一个圆环将花纹圈在其中就形成了图3-6所示模型。同时赋予镂空木材的材质，调节其高光级别和光泽度，达到更好的渲染效果。对门的三个部分分别进行插入和挤出，形成门架的模型，将装饰模型拼接到门主体上后就形成了门的最终模型。如图3-7所示。通过类似的方法制作出窗的模型。 图3-7 门窗模型接着制作场景内的其他模型，如代表着非物质文化遗产“全丰花灯”的花灯模型。制作花灯时首先建造一个六棱柱，调节其大小与实物相近，然后将其转化为可编辑多边形后，对上下两端的面通过轮廓和挤出制作出花灯的基本形状，然后选择其外侧棱的线创建线性图形，然后制作花灯棱边，给棱边淡绿色的材质，然后对花灯各个面进行贴图。贴图时要注意面的方向，用UV展开将贴图与面的纹理保持一致。花灯的最终模型如图3-8所示。图3-8花灯模型其他的包括书桌，相框，屏风，古画，古钟，折扇，花灯，地图等主要模型的建造就不一一赘述了，另外除了这些在平台中要用到的模型外，还建造了一些装饰场景的模型，使得场景更加充实一些。比如椅子，茶几，书架，书籍，电话，瓷瓶等模型。整体模型建造完成后，给场景
