纳尼？以哈基米曼波之力摧毁课件制作比赛！

纳尼？以哈基米曼波之力摧毁课件制作比赛！

这事儿得从上一次制作大赛说起：谈谈我课件比赛的经历和感受，当个睡前故事听听

震惊长安第一哈。请看VCR

这次学院的课件制作比赛，我再次参加了。我和我的队友，一开始是想做一个普通的PPT，然后加上一些VR和外链技术。

我冥思苦想，但没什么想法…最终在一个失眠的夜晚，刷着我的抖音，竟然全是哈基米曼波的音乐！再往下滑，又滑到了一个galgame的视频。

最后快睡着时，哈基米曼波和galgame两个词汇在我的脑海里旋转，我突然灵光一闪：为什么我们不做一个galgame呢？还在惊叹我的想法之巧妙时，我的设计细胞就已经先我一步，设计好了奶黄色的马卡龙色系——对，就是马卡龙！

就这样，这个课件的雏形在我脑海中诞生了。我马上从床上跳起来，口述记录到我的备忘录里。

第二天，我告诉我的队友：“可以来这个可以来这个！可以来一个‘曼波实验室’，一个galgame一样的游戏网站！” 我想用网页来做，是因为我已经熟悉React开发，已经不再是当年那个只会HTML的我了。

但我的队友她还比较懵逼：“你说啥呢你？”于是我打算花两天时间做出一个原型来说服她：“你等着。”

我的设想是这样的：Q版曼波作为人物形象，放在左下角，黑板在中间，下面是台词或交互按钮。

简洁，美观，越少越好，每次只聚焦于一个点。

多谢我的AI，我在两天之内，就指挥它写了一个大概的前端，我自行修补后也勉强可用了。

队友最后被曼波之力征服了，开始研究比赛规则是否允许使用网页形式。经过我一番兴奋的讲解，我们最终敲定了这个方案。

我必须承认，想用网页来做，是有私心的。因为上一次就因为HTML被质疑，这次我要用网页再战一次，狠狠复仇！

不过冷静下来思考，为什么我会想到用网页做课件？为什么我们不用常规的PPT？我觉得这是一个有趣的话题。因为我们知道，无论是课件比赛还是实际教学，都非常强调可视化和交互，还喜欢嵌入大量的多媒体素材。

那么，Web完全就是为这些事情而生的。世界上有大量优秀的开源Web框架，想要做交互，想要画图，想要融入多媒体素材，完全就是轻轻松松的几行代码。

反观PPT呢？作为一种闭源的产物，它有很多黑箱，有很多难以兼容的特点。一个简单的跳转，要使用古老的宏；它的动画效果很有限，永远也做不出渲染大赛那样的动态和跳转效果。当你遇到不兼容的问题时，你根本不知道是什么原因导致的，也不能去写逻辑、写代码解决它。

你修不了——这就是闭源。

当然了，我这次做的东西，并不是简简单单AI生成一个单文件网页就能搞定的。那种一个HTML文件里写了点CSS和JS的东西，我们称之为“网页”。

而我们要做的，其实是用大量的JS代码去写一个一个的组件、一个一个的渲染逻辑、一个一个的状态管理，然后把它构建成一个真正的项目。一个项目有多个模块和文件，不是简单几次AI生成就能做好的。

但我自认为实现还是比较简单，比起我的Cat。比较难的是GGB的嵌入，但这个我也解决了。

网站的架构由我负责，素材方面则是我和我的队友一起来的。我们制作了可交互的GGB动画、大量用作黑板内容的图片、视频和动画，还有曼波的语音。

图片和动画方面，我觉得我们对于视觉的设计感都还不错，做到了清晰、可爱、美观。如果你感兴趣，完全可以来玩玩：https://mambo.5051001.xyz/

如果你对于源代码实现有兴趣，这也有免费的源代码：

https://github.com/Wing900/mambo-conic

什么。你觉得网站可复用性很低，no，我专门做了模板和网站分离，只要你有好的素材，你就接进去变成一节新课！

我觉得引入语音是一个非常正确的决定。你可以想象一下，如果一个PPT要做成自主学习课件，那么配音其实非常必要。没有配音，就好像是哑巴读书。有配音和没配音，呈现出的效果完全是两码事，评委老师也指出了这一点。

但是引入语音，说难也难，说简单也简单。难点在于，你得把每句话都转成单独且语气自然的语音，而不是用AI生硬地通篇朗读。如果一条一条手动生成，我们的语音大概有两三百条，那几乎是做不完的。

幸好我有逆向的经验，直接把人家语音平台的API给逆了，写了个批量脚本来跑，一次生成一百条。没想到还真成功了。hh，我很抱歉

在解决了这些难题之后，我们的网站终于完成了。最后交上去的作品，也就是一个短短的网址。

最后呢，拿了这两个奖，也算是在这个比赛上狠狠地复仇了。

说实话，关于我的实现，我认为它还是一个比较“清澈”的设计，它没有强行融入非常多的“教育情境”之类的东西。所以在这种偏重教育主题的比赛里，肯定是会吃一些亏的，肯定不如一等奖的作品。

但我认为，如果加上那些东西，确实可能可以和更优秀的作品竞争一下，但那就不符合我的理念了。我不喜欢加这么多元素，我不喜欢做复杂的设计，我更喜欢简单——简单胜过复杂。

所以我觉得，能拿到这两个奖，也算是我的理念和比赛标准找到了一个重合点吧。

我或许不是第一个用网页做课件的人，但在这个学校里，我觉得应该是史无前例的。它完全打破了传统课件的线性教学，不再重蹈以往参赛作品的传统窠臼。这既是我想实现的，也是我想倡导的理念。所以从技术和理念上，我觉得我们的作品都很有意义，能得到认可也很不错。

静下心来，做自己认为对的事情就好了。

当然啦，我认为它目前的水平来说，也只是个玩具。虽然制作精美，但我也不想把它捧得天上有地下无。它只是我许多玩具项目中的一颗小星星。

我觉得最有意思的一个点是，我们这个作品是有背景音乐的。我的队友负责上台演示，我对她什么要求都没有，只有一个要求。

我百般恳求我的队友，一定要把那首《出哈》放出来听听！什么都可以减，这个不行！！我求你了

然后音乐放出来的时候，全场哄堂大笑，都被我的哈基米音乐给惊艳到了——以哈基米之力摧毁比赛现场。即使一个奖都拿不到，这件事我也必须做到。

还有，我想讲讲这个比赛本身，它其实也并不是那么有含金量，我说实话。

我也看到一些不错的作品，但他们没有入围。因为PPT课件的设计形式早已被探索得差不多了，发展到现在，想在这样的比赛里入围，除非你的对手都很菜，不然就必须出奇制胜。所以，很多好作品被埋没或被忽略，都是有可能的。

我个人认为，它最大的价值在于鼓励新事物的融入和突破，可以让更多的选手带来新的元素，为我们普遍的课件制作带来灵感的源泉。

感谢我的搭档，感谢来捧场的hong。