如今，受技术革新冲击，现代化机械生产不断进步，处于这个大时代范围的人们接受了现代化工具，而对中国的传统工艺榫卯结构的认知程度愈渐降低，榫卯工艺正在慢慢地被遗忘和抛弃。与此同时，网络技术也在不断的发展，不仅web动画网页更新发展，也使得网站在‘深度’上也得到了创新提高。本课题网站设计的目的在于通过网站动画的展示介绍榫卯艺术，让大家了解到中国的传统工艺——榫卯。本课题网站设计采用web动画技术的方式向人们全方位的呈现33种常见的榫卯结构。通过网站动画动态展示，简单的鼠控操作，体验榫卯结构的开合，从每个角度看清楚结构它的构造，让厚重艰涩难懂的榫卯文化传承在弹指滑动间浅显易懂。同时呼吁人们传统的榫卯结构不应该被遗忘。要让处于现代化设备时代的年轻人了解这一项传承文化与精神的中国传统工艺，延续传统工艺的精髓。
目 录
1. 引言 1
1.1 研究背景 1
1.1.1 国内外的研究现状 1
1.1.2 技术介绍 2
1.2 网站设计的目的和意义 2
2. 开发环境和主要技术 3
2.1 开发环境 3
2.2 主要技术 3
2.2.1 3DSMAX软件 3
2.2.2 jQuery技术 3
2.2.3 Three.js技术 3
2.2.4 Html5+css3 4
3. 网站分析 5
3.1 网站概述 5
3.2 网站的结构分析 5
4. 网站设计的视觉设计现状分析 6
4.1 网站的板式架构现状分析 6
4.2 网站的色彩设计现状分析 7
4.3 网站的视觉风格现状分析 8
5. 网站的设计与实现 9
5.1 3D动画 9
5.1.1 动画创意构思 9
5.1.2 3D模型的制作 10
5.1.3 动画逻辑 16
5.1.4 3D动画的实现 16
5.2 CSS动画 19
5.2.1 动画创意构思 19
5.2.2 CSS动画的实现 19
5.3 JS动画 21
 *51今日免费论文网|www.jxszl.com +Q: ^351916072# 
/> 5.3.1 动画创意构思 21
5.3.2 JS动画的实现 21
5.4 SVG动画 22
5.4.1 动画创意构思 22
5.4.2 SVG动画的实现 22
6. 总结 26
参考文献 27
致 谢 28
1引言
如今，受技术革新冲击，现代化机械生产不断进步，处于这个大时代范围的人们接受了现代化工具，而对中国的传统工艺榫卯结构的认知程度愈渐降低，榫卯工艺正在慢慢地被遗忘和抛弃。榫卯，虽然只是家具结构设计中的选择之一，但它更是古典建筑之魂、是一种充满中国智慧的传统工艺、是一种中国文化的传承。
不仅现代化机械生产在进步，近年来，网络计算机也在飞速发展，推动了web动画网页的开发与发展。在这样的大背景下，人们对于网页设计的需求愈见提高，相较于传统的静态网页介绍，web动画动态网页给人以良好的视觉体验效果，更受大众的青睐，将动画设计应用在网页中，提高了大众对网页的观赏性和吸引力。
与此同时，网站在‘深度’上也得到了创新提高，3D交互效果的网页相较于二维平面化的网页展示方式来说使得网页更加丰富，层次感鲜明，在视觉上产生冲击。通过3d技术可以自由的浏览和操作。
本课题网站设计采用web动画技术的方式向人们全方位的呈现33种常见的榫卯结构。通过网站动画动态展示，体验榫卯结构的精髓，从每个角度看清楚榫卯结构，让厚重艰涩难懂的榫卯文化传承在弹指滑动间浅显易懂。同时呼吁人们传统的榫卯结构不应该被遗忘。要让处于现代化设备时代的年轻人了解这一项传承文化与精神的中国传统工艺，延续传统工艺的精髓。
1.1研究背景
1.1.1国内外的研究现状
传统技艺是我国非物质文化遗产的重要内容[1]。榫卯结构是文化与工艺，艺术与机构，传统与现代，传承与创新的体现[2]。它是采用凹凸拼接的方式。凹进去的部分称为卯，凸出来的部分称为榫[3]。它能够通过各部件不同的开合手法，让每个小部件都被稳定的固定住。
国内研究状况：中国是历史文明古国，中国的每一项传统工艺都是历史文化的瑰宝，当然，榫卯结构也不例外。但是值得注意的是，现在国内的榫卯技艺正在逐渐被人们淡忘，很多人甚至从未听闻榫卯二字，更不理解榫卯结构。
国外研究状况：国外学者也对榫卯结构进行了相关研究。榫卯结构传到某些国外国家后，被国外工匠更新创新改进，再结合生活，将传统工艺更新的淋漓尽致。
1.1.2技术介绍
本课题网站设计技术上采用web动画和3d技术相结合的形式。Web动画有五种动画形式，一：css3动画；二：js动画；三：canvas动画；四：svg动画；五：以three.js为首的3维动画。本课题网站主要涉及到的是css3动画，js动画,svg动画和三维动画效果。
1.2 网站设计的目的和意义
本课题网站设计的目的在于通过网站动画动态展示，让用户使用简单的鼠控操作，从各个角度看清楚榫卯结构构造，让厚重艰涩难懂的榫卯文化传承在弹指滑动间浅显易懂。同时呼吁传统的榫卯结构不应该被遗忘，要让处于现代化设备时代背景下的年轻人了解这一项传承文化与精神的中国传统工艺，认知榫卯结构的构造，延续传统工艺的精髓。
2开发环境和主要技术
2.1开发环境
编译环境：HBuilder
设备：惠普笔记本
调试浏览器：Chrome、FireFox
2.2主要技术
2.2.1 3DSMAX软件
软件介绍：3D Studio Max,也简称为3ds max。3dsmax是一款三维动画软件，它的功能非常强大,能被广泛应用于影视制作、广告设计、建筑装潢设计、三维游戏制作等方面[4]。在这些领域都能制作出高品质的作品，一直是全球设计师最喜欢的三维设计软件之一。

原文链接：http://www.jxszl.com/ysl/szmt/559464.html