0cup:2020年武汉大学零杯网页设计大赛0组优胜奖作品 源码

整理自己的代码和生活 展示视频: 以下为提交的设计文档。 所选主题:游戏(游戏与传统文化) 主要设计理念: 本网页定位上是一个展示性网页,通过网页介绍游戏与传统文化的关系。 整个网页就是一个水墨画的画布,基于这一点,本网页设计中都遵循的理念要素: 无滚动条,既然整个网页就是一个画布,就不应该有滚动条,因此网页大部分元素采用相对定位,以确保所有内容能在一个页面呈现。 元素动态呈现,网页上的任何元素并不能凭空出现,也不能凭空消失,所以在呈现内容的时候几乎对所有元素采取了动态淡入淡出,主由有CSS3的实现,对于CSS实现不了的,由JS实现动画。 为了使背景可以按照动态呈现,本网页采用了最前沿的WEBGL2.0渲染技术。 本网页分为四个大模块: 探索模块 探索模块是本网页的内容主题,其下又分了3个部分来介绍游戏与传统文化的关系: 江湖有梦: 江湖有梦介绍了武侠游戏这一大类,采用了如何为简介,右边为