大伙儿晚上今天又来跟大家叨叨我最近瞎折腾的一个小玩意儿。事情是这样的，我一直都挺喜欢《伊索寓言》里那些小故事，什么《乌鸦喝水》，《龟兔赛跑》，小时候听不够，现在想想还是觉得挺有道理的。前阵子我就在琢磨，能不能把这些经典故事弄得更有意思点，让它们在电脑上或者手机上“活”起来，就像一个小小的游戏官网那样，能看又能玩儿。
最初那点小念头
也没啥特别宏伟的蓝图。就是觉得光看文字或者静态图片有点干巴巴的，特别是现在的小孩子们，都喜欢那种能互动、会动的东西。我就想着，能不能做一个网页，把伊索寓言的故事一个个放上去，然后，关键是让里面的角色、场景，都能稍微动一动，再加点简单的互动，这样看起来不就生动多了嘛就跟那些什么儿童绘本故事APP似的，但咱这个是在网页上跑的。
动手开干，一步一个脚印
说干就干！我这人就这点想到啥好玩的就忍不住想动手试试。
第一步，肯定是收集材料。伊索寓言的故事文本倒是好找，网上搜搜就一大堆。我挑了些自己觉得特经典、也比较好表现“动感”的故事，比如《狐狸和葡萄》、《农夫和蛇》、《披着羊皮的狼》这些。然后就是图片了，这个稍微麻烦点。我想让风格尽量统一，又得适合做点小动画。一开始想找现成的，后来发现要么不合适，要么版权麻烦，干脆！我自己操刀，用电脑上自带的画图工具，瞎画了一些简单的形象，谈不上多精美，但力求神似，能看明白是啥就行。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
材料准备差不多了，就开始搭架子。我寻思着官网的布局不能太复杂，就弄了个简洁的导航栏，可以切换不同的故事。每个故事页面，上面是故事标题，中间是动态展示区域，下面是故事文字和一些简单的互动按钮。
接下来就是重头戏——怎么让它“动起来”。咱也不是啥专业的动画大师，就用了些简单的法子。比如说，《狐狸和葡萄》里，狐狸够不着葡萄，我就让狐狸的图片做几个往上蹦的动作，然后配上个“哼，这葡萄肯定是酸的！”的文字泡泡。再比如《龟兔赛跑》，就让乌龟的图片慢慢往前挪，兔子的图片一开始在前面，然后打个盹儿，乌龟超过它。这些“动”的效果，就是让图片在不同的时间显示不同的状态，或者稍微改变一下位置，看起来就像动了一样。没用啥高深的技术，就是一些小技巧的堆砌。
我还琢磨着加点小互动。比如，在故事的关键节点，弹出一个小问题，让看官选选接下来会发生什么。或者点击某个动物，它会发出“叫声”（当然也是我找的音效素材），增加点趣味性。比如点一下那只披着羊皮的狼，可能会发出“嗷呜”一声，然后再迅速切换成“咩咩”叫，制造点反差萌。
中间也遇到些小坎坷
整个过程也不是一帆风顺的。有时候，那个动画效果怎么调都不对劲，要么动得太快跟抽筋似的，要么就卡在那儿不动弹，把我给急得抓耳挠腮。这时候就得静下心来，一点点试，这边改改参数，那边换换顺序，慢慢也就给磨平了。
还有就是，有些抽象点的寓意，怎么用“动”来表现，也挺费脑筋的。比如有些故事强调的是“智慧”或者“耐心”，光让小人儿动来动去好像也体现不出来。后来我就想，可以通过一些表情变化、或者场景的巧妙转换来暗示。反正就是不停地想，不停地试。
弄出来个啥样？
经过一阵子的瞎鼓捣，这个“动起来的伊索寓言游戏官网”总算是有了个雏形。打开网页，就能看到一个个熟悉的故事标题。点进去之后，故事内容会伴随着一些简单的小动画慢慢展开。比如《放羊娃和狼》，可以看到放羊娃一开始得意洋洋地喊“狼来了”，村民们慌慌张张跑过来，后来狼真来了，放羊娃急得不行，村民们却不理他了，这些场景都用了一些会动的图片来表现。
虽然说，肯定比不上那些专业的游戏或者动画片精致，毕竟是我一个人瞎琢磨出来的，技术含量也不高。但是，看着自己亲手把那些静态的故事变得稍微有了点活力，心里还是挺有成就感的。
- 每个故事都有简单的动态场景。
- 关键情节会有一些小互动，比如选择或者点击触发。
- 尽量还原了寓言的核心意思。
我觉得，这玩意儿给小孩子看看，或者自己偶尔翻翻，应该还是挺有意思的。能让他们在轻松的氛围里了解这些经典寓言，寓教于乐嘛也算没白忙活。
一点小感想
这回实践下来，最大的感受就是，动手去做真的很重要。很多东西，光想是想不明白的，只有去做了，碰到问题了，解决了，才能真正学到东西。而且把自己的一个想法，一步步变成一个能看能摸（虽然是虚拟的）的东西，这个过程本身就充满了乐趣。
好了，今天就先跟大家分享到这里。以后再捣鼓出啥好玩的，再来跟大伙儿汇报！希望我这点小经验，也能给大家带来点启发哈。
