⌨Tech stack: HTML, CSS, JS, D3, Create, SVG
大学的时候,JIEJOE和我的小组成员用于参加比赛的一个交互网页项目:
MAA是我们所虚构出来的一个管理神兽的虚拟组织,其中的组织成员由中华民间传说里的各种神活人物所构成,
我们希望通过一种对传统文化进行现代化加工的方式、将我们的民间神话,包括其中的人物角色,珍奇异兽,,,
进行一种新式的推广与宣传。
如果不懂这个网站怎么交互、或者想了解更多内容的小伙伴可以查看演示视频👇
如果你觉得这个项目还不错的话,欢迎你的Fork或Star,非常感谢🙇
- 整个网页项目使用的是原生WEB技术,没有借助任何开发框架,所以,你可以直接点击MAA_home.html进入网页
- 由于JIEJOE和我的组员在开发整个网页的时候、技术还很青涩,所以有很多地方的代码逻辑以及功能实现可能并不合理,还请见谅
- 网页中的主要交互技术使用的是D3和Create,但实际上,现在更合理的应该是用GSAP和Lottie来替代上述技术
- 由于硬盘损坏问题,工程文件的一部分图片被损坏而无法显示(可能就几张)
- 该网页非响应式,所以只能在一定比例下的横屏使用,无法适应竖屏
Color | Hex | Block |
---|---|---|
Red | #cf3004 | |
Yellow | #f4e10d | |
Purple | #2d0245 |