摘要：如今，受技术革新冲击，现代化机械生产不断进步，处于这个大时代范围的人们接受了现代化工具，而对中国的传统工艺榫卯结构的认知程度愈渐降低，榫卯工艺正在慢慢地被遗忘和抛弃。与此同时，网络技术也在不断的发展，不仅web动画网页更新发展，也使得网站在‘深度’上也得到了创新提高。

本课题网站设计的目的在于通过网站动画的展示介绍榫卯艺术，让大家了解到中国的传统工艺——榫卯。

本课题网站设计采用web动画技术的方式向人们全方位的呈现33种常见的榫卯结构。通过网站动画动态展示，简单的鼠控操作，体验榫卯结构的开合，从每个角度看清楚结构它的构造，让厚重艰涩难懂的榫卯文化传承在弹指滑动间浅显易懂。同时呼吁人们传统的榫卯结构不应该被遗忘。要让处于现代化设备时代的年轻人了解这一项传承文化与精神的中国传统工艺，延续传统工艺的精髓。

关键词：榫卯  传统工艺  Three.js  web动画  3Dsmax

目录

摘要

Abstract

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

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