# 抗疫小游戏

**Repository Path**: lime2019/CDC

## Basic Information

- **Project Name**: 抗疫小游戏
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-04-24
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 我们是江南大学“祸兮“蝠”所倚，“蝠”兮祸所伏”小组

## 成员组成：

王**，江南大学设计学院，数字媒体艺术，2018级学生

麦**，江南大学设计学院，数字媒体艺术，2018级学生

夏**，江南大学人工智能与计算机学院，计算机科学与技术，2018级学生

## 作品简介:

《祸兮“蝠”所倚，“蝠”兮祸所伏》源自《老子》，福与祸并不相对，它们相互依存，相互转化。疫情爆发，蝙蝠被负面舆论推上风口浪尖，我们尝试从另一个角度看待蝙蝠与人类的关系。

本作品运用叙事性可视化的方式，结合历史上三场重大疫情：埃博拉、尼帕、非典，讲述三个关于人与蝙蝠的故事。十二个第一视角的自由切换探索，让观众暂时脱离人类身份，从各方视角了解故事全貌，将不可见变得可见。并通过对观众的调研，记录呈现他们的心路历程。整个作品表现了祸福相依、相互转换的哲学道理，反思人类的生存发展的同时应该如何与自然共存，探讨了人类与自然的关系。

## 作品说明:

### 一、起因

2020年，COVID-19疫情蔓延。蝙蝠再次被推上了风口浪尖。在疫情初期，网上出现大量关于蝙蝠的负面报道和舆论信息，甚至还有蝙蝠是万毒之源，为何不将它们灭绝的言论。大众对于蝙蝠的不了解，甚至曲解，让我们尝试从另一个角度看待人类与蝙蝠的关系。

### 二、资料收集与整理

在资料收集前，我们以蝙蝠为圆心，画出思维导图，从传染、误解、益处害处、传统文化、防护、野生动物买卖、与人类关系等多个方面进行收集。查阅的资料包括但不限于：世界卫生组织WHO官网，中国疾病预防控制中心官网，澎湃新闻、人民网、中国日报、搜狐新闻，《传染性非典型肺炎(SARS)诊疗方案2004版》等疫情报告，《Bat Evolution, Ecology, and Conservation》《Integrative taxonomy of the Rhinolophus macrotis complex (Chiroptera, Rhinolophidae) in Vietnam and nearby regions》《Kingston T (2010) Research priorities for bat conservation in Southeast Asia: a consensus approach. Biodivers Conserv 19:471–484 》等蝙蝠的研究书籍及论文。

我们发现，蝙蝠能与身上存在的上百种病毒共存。世界上几场重大疫情，例如非典、埃博拉、尼帕、中东呼吸综合征都与蝙蝠有着或多或少的联系，但蝙蝠很难直接将病毒传染给人类，需要通过其他野生动物充当中间宿主；

蝙蝠是热带气候中重要的传粉者，在生态平衡中起着重要作用。例如东非大草原的“非洲生命之树”——猴面包树，几乎完全依赖蝙蝠授粉。如果蝙蝠灭绝，地球上最丰富的生态系统之一将受到威胁；

蝙蝠也带给人类许多益处。在医疗方面，食血蝙蝠的唾液中含有抗凝剂，已被开发成药物，用于预防中风。蝙蝠独特的免疫技巧也带给人类启发。在农业上，蝙蝠是消灭害虫的好手。例如，美国达克萨斯中部圣安东尼奥外的布兰肯蝙蝠洞，从3月到10月居住有1500-2000万蝙蝠，他们每晚消耗200吨农业害虫，每只蝙蝠一晚阻止50000多枚蛾子卵产生，每年为这一区域棉花种植者节省近80万美元。印度尼西亚关于可可产业研究显示，没有蝙蝠，可可产量会下降22%，造成产业8亿3千2百万美元损失。

人类社会的快速发展对蝙蝠生存产生着影响。世界自然保护联盟(iucn)对东南亚蝙蝠物种的评估中列出伐树是对蝙蝠栖息地的最大威胁。仅砍伐森林一项就可能导致到本世纪末该地区多达40%的蝙蝠物种消失。

我们将资料翻译、整理、分析、总结进文档，找出主要切入点。

### 三、制作

从草图、网页框架设计到原型图、剧本呈现，我们进行了多版本的迭代。不断删减、精炼、提取，以达到最终效果。

设计风格上，logo设计取自一只人类手臂和一只蝙蝠翅膀，他们或是相互捕捉、或是相互庇护，而我们作为眼睛观察着一切。卡牌考虑到三个故事发生的背景、情节，提取三种代表性配色，引领观众进入故事中。

技术实现上，未使用开源代码。开源组件使用情况：前端页面采用Vue开源框架；桌面端组件库Element；数据图表展示使用Echart。

### 四、优化

经过多次迭代，达到最终效果。

2020-02-16 画出思维导图，开始资料收集

2020-03-21 初版原型图呈现，全程使用蝙蝠视角，线性叙事。

2020-03-26 考虑到蝙蝠视角并不全面，加入人类视角进入线性叙事。

2020-04-01 进一步改进为，多视角的非线性叙事结构，暂定为地图选择模式。

2020-04-17 将地图模式改为卡牌抽取，增加趣味性。

2020-04-20 经过缩减精炼，最终确定为三个故事十二个视角的随机卡牌模式。

### 静态叙事性可视化草图

![静态叙事性可视化草图](./src/assets/images/about/about1.jpg)

### 动态可视化思路草图

![动态可视化思路草图](./src/assets/images/about/about2.jpg)

### 初版原型图

![初版原型图](./src/assets/images/about/about3.jpg)