九江非物质文化遗产资源平台建设与研究毕业设计.docx

1、九江非物质文化遗产资源平台建设与研究毕业设计九江非物质文化遗产资源平台建设与研究毕业设计 九江非物质文化遗产资源平台建设与研究毕业设计 JIU JIANG UNIVERSITY 毕 业 论 文 题 目 九江非物质文化遗产资源平台 建设与研究 英文题目 Jiujiang Intangible Cultural Heritage Resources Paltform Construction and Research 院 系 信息科学与技术学院 专 业 计算机科学与技术 姓 名 彭康 班级学号 A081145 指导教师 代君 二一二年五月 信息科学与技术学院学士学位论文 摘 要 随着3D技术的迅速

2、发展，人们越来越喜爱3D技术带来的震撼视觉体验和直观立体的观看效果。 而传统网页那种千篇一律的枯燥表现形式已经不能满足现代人的审美要求了，于是，将3D融入网站中来借助3D其形式的多样性和视觉优越性来展示平台的信息成为了未来网站发展的必然方向。 非物质文化遗产是我们传统文化的精髓，是一代又一代传承人努力传承的成果，也是我们年轻人应该继承下去的文化瑰宝。 而利用三维网站这样的与时代俱进的高新技术来表现和传承九江非物质文化遗产这样的传统文化，无疑会让人们更加乐于接受和了解，间接的传播和保护了九江非物质文化遗产。 本资源平台使用了3ds Max，Flash，Dreamweaver,Photoshop等

3、软件进行研究和开发设计。 本文主要描述了九江非物质文化遗产资源平台建设与研究的开发设计过程，通过功能的逐步实现，掌握整个平台建设与研究过程的步骤，从开发者的角度对平台的设计作了详细的分析和研究。 关键词：三维网站，九江非物质文化遗产，传承 Abstract With the rapid development of 3D technology, more and more people love the3D technology brings shocking visual experience and visual stereo viewing effect. While tradition

4、al webpage that follow the same pattern as manifestations have been unable to meet modern people s 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 develop

5、ment of future. Non material cultural heritage is our traditional culture essence, is a generation 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

6、 and inheritance of non material cultural heritage in Jiujiang this traditional culture, will make 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. so

7、ftware research and development and design. This paper mainly described the Jiujiang intangible cultural heritage resources platform construction and research development design process, through the function of progressively implementation, to master the whole platform construction and research proc

8、ess, from the developer s perspective on platform design are analyzed and studied in detail. Keywords: 3D Website, Non Material Cultural Heritage in Jiujiang, Inheritance 目 录 摘 要I AbstractII 1 绪论 1.1研究背景(1) 1.2课题研究的意义(1) 1.3国内外课题技术研究的现状(2) 1.4技术简介(4) 2 概要设计 2.1课题分析(9) 2.2系统的总体设计规划(9) 2.3平台的框架设计(10)

9、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后台数据库(29) 4 测试与维护 4.1平台测试运行功能(31) 4.2平台的完善和维护(34) 5 总结与展望 5.1论文总结工作(35) 5.2扩展及未来发展方向(35) 致 谢(37) 参考文献(38) 40 1 绪论 1.1 研究背景 进入新世纪以来，人们对互联网技术的需求不断提升，传统的展示方法已无法满足未来个人和企业的要求，随之也产生了各种用于互

10、联网行业的新技术。 3D网站的产生与建立无疑让人们眼前一亮，其生动形象的三维虚拟现实技术效果表现出来的信息让人如临其境，人们通过鼠标或者键盘，打开网页就能观看到直观立体的信息，而是不同于以往传统网页的乏味与单调，增强了上网的趣味性和娱乐性。 3D互联网，也被成为（web3d）它是一种立体的三维展示技术，是以计算机绘图技术，在Web浏览器上展现3D的对象，是通过在浏览器中内嵌3D虚拟场景的手段，在保证3D立体效果的同时，有效的降低对网络和硬件的要求，让互联网用户能够快速的体验3D带来的真实感受1。 本课题中我的主要创新点是运用3D网站这一新技术来表现九江非物质文化遗产这样的传统文化，新旧结合，文

11、化的厚重与技术的新颖相碰撞，相互承载与推动，让人在观看新潮的3D网站同时传播和推广非物质文化遗产。 1.2 课题研究的意义 九江是一座文化名城，具有悠久的文化历史。 九江之称最早见于尚书禹贡中“九江孔殷”、“过九江至东陵”等记载，后据晋太康地记记载，九江源于“刘歆以为湖汉九水（即赣江水、鄱水、余水、修水、淦水、盱水、蜀水、南水、彭水）入彭蠡泽也”。 长江流经九江水域境内，与鄱阳湖和赣、鄂、皖三省毗连的河流汇集，百川归海，水势浩淼，江面壮阔。 九江称谓的来历有两种，一是“九”为古代中国人认为的最大数字，“九江”的意思是“众水汇集的地方”，“九”是虚指；二是“以为湖汉九水（即赣江水、鄱水、余水、修

12、水、淦水、盱水、蜀水、南水、彭水）入彭蠡泽也”，即九条江河汇集的地方，“九”是实指。 长江流经九江水域境内，与鄱阳湖和赣、鄂、皖三省毗连的河流汇集，百川归海，水势浩淼，江面壮阔。 九江人杰地灵，物华天宝，旅游资源极其丰富，便利的水陆交通曾促进了中华经济、文化的发展，使享有“三江之口，七省通衢”的九江成为天下“眉目之地”。 发达的水陆交通使具有两千余年历史的九江一度成为军事重镇及商业、文化交流中心。 如此灿烂的历史文化传统以及九江得天独厚的地理条件使得九江地区经济与文化异常繁华，于是产生了如百家争鸣般的各种民间文化活动齐放异彩，给九江乃至中国的传统文化添上了浓重的一笔。 然而，随着科技的日益发展

13、和时代的进步，快节奏的现代生活和玲琅满目的娱乐活动大受现在年轻人的喜爱和推崇。 传统的文化活动已经被人们逐渐淡忘，许多繁荣一时的非物质文化甚至退出了历史的舞台，传承和保护那些非物质文化遗产是我们年青一代人应该肩负起的责任和义务2。 1.3 国内外课题技术研究的现状 1.3.1国内课题技术研究现状 3D网站的迅猛发展和其展现出的巨大价值为互联网3D技术在商业上应用打通了快速的通道，晟昊率先建立起的首个3D虚拟网上展厅，做到无插件化，将二维的图纸或照片，用生动形象的三维虚拟现实技术效果表现出来，真正的让人们感受到高科技带来的便利与身临其境的视觉体验。 随着虚拟现实技术的应用与普及，以虚拟现实为核心

14、、Web3D技术产业应用将越来越广泛，将会像以往任何一次互联网技术变革一样，带给人们生活方式的巨大变化，并将带动发展出技术教育行业，互动科技产品等诸多延伸行业，相信以国人的智慧与创造力，将闪耀在国际舞台之上，它将是21世纪广泛应用的一种新技术，是一个巨大的、正在快速成长的市场3！ 2010年随着网上世博会技术的应用与推动，在本届世博会上，以3D互联网虚拟成像技术为重要代表的新媒体技术代替了大量的实物展示，它实现并还原了许多无实物或实物不能实施的展示，大大节省了空间、材料、运输等人力、物质资源。 如图1-1所示。 图1-1 2010上海网上博览会 目前Web3D技术主要应用于网络游戏、博物馆网站

15、和商业网站中。 其中基于图像绘制的全景图技术应用最为广泛。 因为它制作起来相对比较方便，效果也较真实。 国内著名的全景环视网专门致力于把全景摄影应用于网上的三维展示领域，取得了较大的影响。 而今已经有相当一部分网页设计公司开设了三维全景制作业务，初步显示了三维网页的巨大魅力。 但是由于全景图是采用定点环拍来制作，所以全景图形式的虚拟作品不能够实现真正的场景漫游，交互性也比较差。 同时由于使用了大量的贴图，网络传输的速度不免会受到影响。 而基于几何体三维建模的Web3D技术对在实现在线漫游和展示方面具有更强的交互性和临场感4。 1.3.2国外课题技术研究现状 相比与国内，国外的3D技术和3D网站

16、技术发展更早也更加成熟先进。 国外的3D技术从风靡全球的众多国外3D大片中就可以直观的看出来，其3d仿真技术已然达到可以乱真的地步。 而国外的3D网站近年越来趋向致力于广告、娱乐、产品展示和数据视觉化领域的开发，并且已经开始利用支持硬件加速的3D图形特性，为受众带来更丰富更有沉浸感的交互体验。 此外，游戏和demo的开发者也制作出了让人赞叹不已的作品，不断推进着浏览器能力的技术前 沿。 如由法国工作室Ultranoir开发的一个基于Twitter的WebGL体验Nouvelle Vague，我们可以设置一个标签，然后所有带有此标签的微博都会被飞艇、热气球等等带来，降落在围绕着女神像的缎带上5。

17、 如图1-2所示。 图1-2 NouvelleVague（新浪潮） 此外，商业类的3D有如Adidas推出的Aizero f50，在webGL的渲染下，我们可以改变产品的角度，仔细观察球鞋每个部分和其种种特性。 游戏类有Nissan的StageJUK3D，它允许我们在全3D环境中操控尼桑，享受极速飙车带来的视觉冲击。 在线地图类中，诺基亚的Nokia Maps3D和谷歌的Googl MapsGL则将整个世界镜像到你的浏览器中，你可以像在真实生活中一样置身其中，随意的在街道中浏览6。 不论从哪个方向上看，未来的3D网站都必将取代和超越传统的版面式网页，人类会进入一个虚拟与现实交错的时代，这也将是

18、一个精彩的时代。 而从事于3D事业的人也在为这个方向拼搏前进。 1.4 技术简介 在研究与制作平台时少不了相关软件的应用与支持，将多种软件合理的配合应用好，将会使工作达到更加高效的进行。 本课题中要使用到的软件有：3ds Max，Flash，Photoshop，Dreamweaver。 1.4.1 3ds Max的介绍 3ds Max（简称max）软件，由国际著名的Autodesk公司的子公司Discreet公司制作开发的，它是集造型、渲染和制作动画于一身的三维制作软件。 从它出现的那一天起，即受到了全世界无数三维动画制作爱好者的热情赞誉，max也不负众望，屡屡在国际上获得大奖。 当前，它已逐

19、步成为在个人PC机上最优秀的三维动画制作软件。 3ds Max广泛应用于广告、影视、工业设计、建筑设计、多媒体制作、游戏、辅助教学以及工程可视化等领域。 拥有强大功能的3ds Max被广泛地应用于电视及娱乐业中，比如片头动画和视频游戏的制作，深深扎根于玩家心中的劳拉角色形象就是3ds Max的杰作。 在影视特效方面也有一定的应用。 而在国内发展的相对比较成熟的建筑效果图和建筑动画制作中，3ds Max的使用率更是占据了绝对的优势。 根据不同行业的应用特点对3ds Max的掌握程度也有不同的要求，建筑方面的应用相对来说要局限性大一些，它只要求单帧的渲染效果和环境效果，只涉及到比较简单的动画；片头

20、动画和视频游戏应用中动画占的比例很大，特别是视频游戏对角色动画的要求要高一些；影视特效方面的应用则把3ds Max的功能发挥到了极致7。 3ds Max之所以受到这么广泛的应用与推崇，是因为其功能特点： （1）功能强大，扩展性好。 建模功能强大，在角色动画方面具备很强的优势，另外丰富的插件也是其一大亮点。 （2）操作简单，容易上手。 与强大的功能相比，3ds Max可以说是最容易上手的3D软件。 （3）和其它相关软件配合流畅。 3ds Max可以和多种软件配合工作，并且它强大的兼容性使其与其他软件配合工作后效果极佳。 （4）做出来的效果非常的逼真。 1.4.2 Flash的介绍 Flash是由

21、macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。 网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。 Flash也是存储芯片的一种，通过特定的程序可以修改里面的数据。 Flash的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。 1996年11月，美国Macromedia公司收购了Future Wave，并将其改名为Flash。 在出到Flash 8以后，Macromedia又被Adobe公司收购。 Flash通常也指Macromedia F

22、lash Player（现Adobe Flash Player）8。 Flash是一个非常优秀的矢量动画制作软件，它以流式控制技术和矢量技术为核心，制作的动画具有短小精悍的特点，所以被广泛应用于网页动画的设计中，以成为当前网页动画设计最为流行的软件之一。 在Flash中创作内容时，需要在Flash文档文件中工作。 Flash文档的文件扩展名为.fla（FLA）。 Flash文档有四个主要部分： （1）舞台。 舞台是在回放过程中显示图形、视频、按钮等内容的位置。 在Flash基础中将对舞台做详细介绍。 （2）时间轴。 时间轴用来通知Flash显示图形和其它项目元素的时间，也可以使用时间轴指定舞台

23、上各图形的分层顺序。 位于较高图层中的图形显示在较低图层中的图形的上方。 （3）库面板。 库面板是Flash显示Flash文档中的媒体元素列表的位置。 （4）ActionScript。 ActionScript代码可用来向文档中的媒体元素添加交互式内容。 例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用ActionScript向应用程序添加逻辑。 逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。 Flash包括两个版本的ActionScript，可满足创作者的不同具体需要9。 1.4.3 Photoshop的介绍 Photoshop是Adobe公司旗下最为出名的

24、图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。 从功能上看，该软件可分为图像编辑、图像合成、校色调色及特效制作部分等。 （1）图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。 也可进行复制、去除斑点、修补、修饰图像的残损等。 这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。 （2）图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路；该软件提供的绘图工具让外

25、来图像与创意很好地融合，成为可能使图像的合成天衣无缝。 （3）校色调色是该软件中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色偏的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。 （4）特效制作在该软件中主要由滤镜、通道及工具综合应用完成。 包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由该软件特效完成。 而各种特效字的制作更是很多美术设计师热衷于该软件的研究的原因10。 2010年最新版本Adobe Photoshop CS4除了包含Adobe Photoshop CS3的所有功能外，还增加了3D和视

26、频流、动画、深度图像分析等。 Photoshop CS4通过使用对3D的支持，人们可以将3D内容纳入到他们的2D作品中，包括在3D模式下编辑文本。 Enhanced Vanishing Point使设计人员可以进行远景测量，并从Enhanced Vanishing Point输出一个3D模型。 这使得Photoshop与3Dmax能更好的配合工作11。 1.4.4 Dreamweaver的介绍 Adobe Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。 它使用所见即所得的接口，亦有HTML编辑的功能。 它现在有Mac和Windows系统的版本。 随Macro

27、media被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎 “Presto“ 作为网页预览。 Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。 使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。 对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。 Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程

28、自然顺畅。 除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化12。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。 它包含HomeSite和BBEdit等主流文字编辑器。 帧（frames）和表格的制作速度快的令您无法想像。 进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 所见即所得 Dreamweaver成功整合动态式出版视觉编辑及

29、电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软件。 2 概要设计 2.1课题分析 本人的课题是“九江非物质文化遗产资源平台建设与研究”，所以本人首先要确定资源平台要如何设计，需要实现哪些功能，如何去实现这些功能，实现功能的过程中要运用到哪些工具和软件，要做哪些工作，以及最后能达到什么效果等等。 通过导师的指导以及与老师的探讨，然后在网上查找与课题类似的资料和信息，最后加上自己的一些想法并与实际情况相结合，最终基本明确了资源平台的设计与开发步骤。 此资源平台是区别

30、于传统的网站，在网站中嵌入3D和用Flash制作的动画，使浏览平台有一定的观赏性和乐趣。 而资源平台所表现的信息和内容是九江非物质文化遗产，这更是课题的意义与价值所在。 中国的非物质文化多如繁星，但对非物质文化的保护却不尽人意。 全国只有约一半不到的省份和直辖市建立了非物质文化遗产网，江西也还没有建立类似的网站。 所以用一些古典的设计和模型来表现九江非物质文化是本课题所要达到的目的。 2.2系统的总体设计规划 本资源平台系统主要考虑几个问题： （1）界面设计和布局。 根据资源平台所需的功能和结构分为八个菜单选项，其中包括首页。 另外，进入平台前设计了一个跳转页，点击跳转页中的“进入网站”就能链

31、接到平台的首页。 实现平台的基本框架功能，可以在各选项之间跳转浏览。 （2）交互性设计。 在跳转页和首页中，都需要用户手动点击相应链接和按钮之后才会出现后续或者新的内容和信息，加强了用户浏览网站时的积极性和用户与网站的交互性，也增强了平台的乐趣性和吸引力。 （3）实用性与合理性设计。 将平台功能尽量设计得操作简便直观，适用于大众用户。 同时，其内容与界面设计业要与实际相符合，让人易于接受。 2.3平台的框架设计 根据平台的总体设计，以及参考了“苏州非物质文化遗产网”，“浙江非物质文化遗产网”，“河北非物质文化遗产网”等网站，再结合自己的想法和设计，我首先制作一个跳转页，实现跳转到首页的功能。

32、然后进入平台后有八个选项，并且每个选项都是由3D制作的场景来表示。 其框架图如图2-1所示。 页面背景设为古 朴典雅的图文 首页 政策法规 新闻动态 重大活动 传承人 浔阳风情 保护名录 管理员或传承人登录 九江市的地图 并标注每个非物质文化遗产的所在地， 每个地方设置一块区域，并且设置链接 联系方式 版权所有 图2-1 平台框架图 首先，进入平台前出现一个跳转页，其背景为庐山的山水图片，然后响起古琴演奏的高山流水古典背景音乐，在山水图片间会有一幅幅九江非物质文化遗产的图片依次划过，页面下方有进入网站的链接。 如图2-2所示。 进入平台后，八个选项分别为首页、政策法规、新闻动态、重大活动、传承人、浔阳风情、保护名录、管理员或传承人登录。 其显示信息的背景都是用3Dmax制作的三维场景。 点击首页中的九江地图时会链接到一个书桌场景来显示相关非物质文化遗产的信息