theme: fancy
公司想做个五年总结
这不快年底了么，公司高层打算把这五年的发展历程做一次回顾巡礼，一方面宣扬一下公司文化，另一方面歌颂一下公司这五年来取得的辉煌成就，单纯的做个海报，写个公众号文章，或整个传统ppt在内部宣讲，再剪个视频啥的已经无法满足公司想众乐乐的强烈情感了。
于是想做一个交互性良好、内容表达形式多样、章节清晰、条理分明、易于传播的“ppt”，于是在公司千人大群里号召，有没有谁能做的，问了好几次，最后只有我应下了这个大活儿。
最后我与一位主要负责这件事的领导（我称为带头大哥）和一位UI小姐姐临时组成了一个小队，来完成这项任务。
（在线观看地址，可以先看看效果。）
很快就确定了中心思想，并设计了一套。。。。对联？
带头大哥没过几日就发我一个文档，上面写了对仗工整，思想明确的“对联”
- 重返这五年，重温那岁月
- 成长多措举，管理提格局
- 工作造氛围，企学见雏形
- 发展聚人才，规模逐壮大
- 搜索寻突破，拓展创业务
- 那年启征程，改变从此始
- 种得梧桐树，凤凰自然来
- 全方位服务，码农心无骛
- 创新谋发展，突破新技术
- 环境不断好，员工感幸福
- 乘势迎挑战，赋能于行业
- 磨砺积能力，自研得硕果
- 逆境砥砺行，收入节节高
- 我：哇撒～，领导，这写的很好嘛～，这每一页不做个动画都说不过去啊。
- 领导：对，就打算这么做。
- 我：哈哈哈哈，收到，那么具体做成什么样呢？
- 领导：em~，我已经安排UI小姐姐开始设计了，过一阵就能出图。
- 我：哦哦哦，好的～
领会精神的设计小姐姐就开始陆续出图了～～～
- 领导：阿强，图做好了，你看一下。
- 我：ok，哇偶这图可以啊。
- UI小姐姐：有什么问题，需要切图啥的尽管跟我说。
- 我：好的好的。
- 领导：阿强，那么我们开始研究如何做吧，要求是要做成H5，这样可以方便分享传阅，而且时间我们只有五天，我们要尽快了。
- 我：五天？？？做不完咋办
- 领导：你知道的，deedline不是我定的，而且这是👆面看中的亲儿子项目，献礼用的，所以。。。
- 我：懂了，我搏一把，目前来看用游戏引擎最合适，毕竟画面表现这块，用引擎更好一点。
- 领导：可以，具体设计方面到时我们再一起商量怎么做，开发这块需要的话，我也可以参与进来，毕竟我也接触过白鹭引擎，对了，你打算用啥写？
- 我：cocos creater
- 领导：嗯嗯，没问题，有什么我能帮忙的尽管跟我说，最后能做出来就行
- 我：好的，收到。
于是我做了一个工具
so，时间这么紧，而且做不完可能会有不小的后果，em～～～～，并且这件事也不是着急干就能干完的，我需要冷静的想一个办法，我忽然想到《代码整洁之道》中好像说过，具体记不清，大体意思是：“越是想快，就要写好代码”。
em～～～，好的，那么我拿出几天设计一个工具吧，不需要多么成熟，只要能够满足容易上手，可以批量制作就行，这样就能够实现人手的增加，效率也会提高的局面，到时完成就变得很有戏了，就这么办。
于是我用了两三天的时间做出了这个工具，并做了一个demo给到了带头大哥，他表示ok，还可以，能接受，而且经过我的指导，他也可以参与进来了，于是我们就开始“愉快地”批量的制作了。
我跟领导就开始设计怎么做了
开场
-
领导：阿强，这个就是我们项目的开场。
- 第一张就是首页图，然后过一会自动转场。
- 第二张就是过场之后显示的。
-
我：哦哦，懂了，话说，怎么转场呢？
-
领导：看到小飞机没有～
-
就这个。
-
还有第二页的这个。
-
第一页上来，左下角一个人坐着飞机向上飞，然后小飞机往右上角飞，飞离出去之后，开始转场到二张。
-
然后第二页左下飞入这个小飞机，飞到中心处，也就是图片上的位置，那么开场part就ok了。
-
而且，这个小飞机是贯穿始终的，也就是从头飞到尾。
-
-
我：ok，明白了，开整。
-
整好了，领导～，看下效果
-
-
领导：行，可以，就这样。
part1
-
重返这五年，重温那岁月
-
领导：这张呢～
-
我：坐飞机的小女孩往上飞出去，做小角的男人飞入画面
-
领导：差不多，不过坐小飞机的小女孩这块，应该再丰富一点。
- 记得我们刚才说的那个小飞机没，这个小女孩飞的时候，渐渐的变小，有种往远飞的感觉，然后变成小飞机飞走～
-
我：哦哦哦，懂了，开整
-
整好了，领导～，看下效果
-
-
领导：行，可以，就这样。
part2
- 成长多措举，管理提格局
- 工作造氛围，企学见雏形
-
我：这个要做成啥样？
-
领导：入场就是从右边缓缓进来，还有看到这个没
-
这些圆片一点一点的滑入屏幕，然后屏幕出现内容
-
这张图
- 就是屏幕上一点一点出现内容，然后人物一点一点入画。
-
-
我：懂了，开整
-
整好了，领导～，看下效果
-
-
领导：对，是这样。
part3
- 发展聚人才，规模逐壮大
- 搜索寻突破，拓展创业务
-
领导：这个主要想表达的就是公司不断的壮大，业务上不断的突破，所以要有种过程感，你看着发挥吧
-
我：收到，我试试
-
整好了，领导～，看下效果
-
-
领导：嗯，很不错，可以可以，有过程的画面感。
- 日历还能动啊，而且日历动的同时，后面的背景一点一点的显示，也寓示了我们的办公楼越来越大，可以，有细节，不错。
- 过场加入了云彩变大，切换很自然嘛。
part4
-
那年启征程，改变从此始
-
领导：这个该咋设计呢？你看飞机这么多，我们能让这些飞机各飞各的么？
-
我：可以啊，我试试
-
整好了，领导～，看下效果
-
-
领导：可以的，就这样吧。
part5
- 种得梧桐树，凤凰自然来
-
领导：这个柱状图能不能表现出一点一点增长的效果，还有向上箭头能不能也可以有个升的过程
-
还有这个拿笔的人物
- 可不可以有种书写感，就是表现出在写字
-
-
我：哦哦哦，我试试，应该可以，针对这些情况，我再丰富几种表现手段
-
整好了，领导～，看下效果
-
-
领导：嗯，可以，就是这效果。
part6
- 全方位服务，码农心无骛
- 创新谋发展，突破新技术
-
领导：这就可以自由发挥了，用一个合理的方式一点一点介绍就好。
-
我：懂，开整
-
整好了，领导～，看下效果
-
-
领导：嗯，很不错嘛，有ppt的感觉，挺好的
-
我：哈哈哈，确实有点。
part7
- 环境不断好，员工感幸福
- 乘势迎挑战，赋能于行业
-
领导：第一张就是简单的显隐就可以，主要是第二张的这个
- 这个，我跟UI小姐姐说了，希望做成一个列表，但小姐姐做成了这种，那么就需要滚动了。
-
我：就像滚动页面那样，哦哦哦，我明白了，开整。
-
整好了，领导～，看下效果
-
-
领导：行，可以的，就这样。
part8
- 磨砺积能力，自研得硕果
-
领导：阿强，这个主要是表现我们去的成就，我们仅仅把文字凸显出来就好，其他就不要求了
- 但，我觉得第一幅图，还是可以做点文章的，他表示我们获得的证书，你看看能不能实现，物理下落，然后一本本摞起来的效果
-
我：哈哈哈，好的，我试试，效果我尽量做，可能物理效果没那么像，但摞起来的效果肯定是有的。
-
领导：可以，你试试
-
我：好的，开整。
-
整好了，领导～，看下效果
-
-
领导：辛苦了，阿强，再加把劲，我们要成功了。
-
我：好的～～～下一个就是结尾了吧，加油～
尾声
- 逆境砥砺行，收入节节高
-
领导：阿强这个结尾，我们收好，我们要有种意境，这样就有感觉，你能懂么
-
我：我懂你
-
领导：你看奥第一幅和第二幅区别，是一个没有河水，一个有河水，还有就是一个有没破晓，一个有日出
- 你看你能衔接好，这可是一个艰巨的任务，干完这个我们就胜利了
-
我：好的领导，我一定完成任务
-
many hours later
-
可算整好了，我的大哥～，效果我是尽力了。
-
-
领导：干的漂亮，阿强，有意境了，非常不错，辛苦了。
-
我：嘿嘿，马马虎虎，我尽力了，我打包好就上线吧。
-
领导：好的好的，辛苦了。
这就是在线预览地址，可以看看效果。
结尾
目前项目仅仅用了5天时间就出来了个雏形，还很粗糙，很多地方可以进一步的优化。
这仅仅是一个开始，未来，我会使用react或者vue3，整一个lowcode制作工具，这样就可以更加的方便制作了。
然后开源，敬请期待。
有问题随时交流，我建立一个小清晰qq群，叫“闲D岛”，技术问答群，有问必答，有兴趣可以加群号：551406017
题外话
有一说一，我比较低调，一般出风头的事儿，我是没啥想法的，主要是我觉得争名逐利的画面太尴尬，我来不了这个，但也不知我那天是怎么了，当群里问了好几次都没人回应，我就来了点脾气，即然没谁上，那我试试吧。就这样我接下了这个任务，现在再想，可能就是因为这点脾气，我才敢去做的，也许有点莽了，如果没做成呢？哈哈哈，那就不能想了，还好我实现了，我让这个脾气变得更像勇气了，有时候真不妨大胆一点，觉得自己可以，那就试一试，真没准行呢，别怕输，输丢什么人，怕才丢人呢。
暂无评论内容