3

如何在一个星期里制作两个 App

 2 years ago
source link: http://w2solo.com/topics/3018
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

尽管有些标题党,但确实是事实。下面要讲的是我在 2021 年一时兴起写的两个小 app,时钟墙(Clock Wall)和治愈时钟(Heal Clock),前者花了 3 天,后者花了 4 天,所以加起来就是一星期😜。

时钟墙(Clock Wall)

制作时钟墙的点子就是来源于 Humans since 1982 的作品 ClockClock 24。

可能单看静态图片的话还感受不到这个作品的奇妙之处,其实这是由 24 个指针表盘组成的一个数字时钟,建议各位去 https://www.humanssince1982.com 或者 Youtube 去观看视频来感受一下。

写时钟墙的那一天(3 月 13 日)正好是另外一个代号为「xClock」的 app 被 App Store 拒掉了,而且感觉也不可能再上架了,心灰意懒之时偶然搜到了 ClockClock 24 这个作品,于是就花了一个下午作出了 demo。这个 App 主要的难点就是两个,一是不同数字下各个表针的运动,二是动画的细节调整。这个 App 花费时间最长的就是动画的调整。因为是初学 SwiftUI,对于动画一直是边学边改。刚刚提交的版本更新中(v1.4)我去掉了一些花里胡哨的动画,并把数字变换的动画优化了一下。 下图就是各个位置的表针在不同数字下应该如何运动的草稿。

3 月 15 日提交审核,中间还因为想更加优化一下撤销了一次审核。3 月 16 日早上醒来就看到过审上架的邮件了。说到名字,中文名是「时钟墙」,副标题是「众钟之钟」玩了一个谐音梗😜。

原作品因为物理表针的限制,如果在一个显示「空」的位置时,时针和分针都会指向 7 点这个位置,我在 App 里就直接针对这种情况把表针隐藏了。而且我也优化了一下原作品对于 1、3、8 这三个数字的表示方法。

在 ClockClock 的基础上,时钟墙还加入了以下功能:

  • 12 小时制

下面的 GIF 有点卡,建议直接运行 App 来体验。

题外话:其实 Humans since 1982 还有一个更加超级震撼的作品,A Million Times,由数百个表盘组成的数码时钟,感兴趣的朋友可以去搜一下看看。

治愈时钟(Heal Clock)

是的,又是一个时钟 app,我也不想的,但是灵感来了就无法停手。

治愈时钟是刚刚上架的一个 app(12 月 15 日),从开始写代码到提交第一个版本连续肝了四天。

这个 app 的点子由两点构成,一是很喜欢各种白噪音的场景,比如篝火(demo 就叫做 FireplaceClock)、雨声、咖啡馆,二是谷歌刚刚发布了 2021 年度全球热搜关键词 “(How to heal)如何治愈”,于是就想结合翻页时钟做一个 demo 看看效果。这个 app 也是几经波折,也曾经一度放弃,下面就是开发的历程。

  • 12 月 8 日晚上开始动手做 demo,但是 SwiftUI 的视频播放器无法隐藏控件,达不到预期效果,几乎放弃
  • 12 月 9 日,将视频改为 GIF,效果接近了设想中的样子,但是 GIF 体积太大了,一个 10 秒的 GIF 就要 70MB,四处寻求压缩 GIF 的方法,寻求未果,又要放弃
  • 12 月 10 日,上午和 Hanks 聊天中受到启发,找到了一个完美解决的第三方的视频播放器,于是继续推进
  • 12 月 11 日,代码功能完善
  • 12 月 12 日,补充视频和音频素材,各种剪辑和压缩

其实素材的挑选和代码开发是同步进行的,其中最耗时耗力的就是挑选素材。本来是想使用一些付费的素材,但是一看价格就立刻劝退了。期间也试过和一些 Youtuber 联系并提出购买他们的素材,也都被拒绝了。已经记不起来看过多少视频了,包括在线预览和下载下来真机实验的,肯定不少于 300 个吧,眼睛都快瞎了。

挑选素材是第一步,还需要编辑这些素材,包括剪辑和压缩。这中间有两次灵感的爆发,感叹于自己的机智。一是如果制作出循环播放的视频,二是在视频素材不足的情况下如何将静态图片作出动态效果。

治愈时钟上架于 12 月 15 日(星期三晚上六点多),然后就在周五进入了 App Store 的本周编辑推荐(倒数第二位),真是意外(但是,上了推荐后的下载量反而不如没上推荐前的两天,也是意外)。

版本 1.0 上架后,又肝了一天半,加入了更多场景和内购,于 12 月 17 日提交 1.1,在一下午连续三次被拒后(元数据的问题)终于在晚上八点多过审上架。因为新加入的场景里有圣诞和新年,还第一次使用了新推出的 App 内活动,再加上听说 App Store 最近的审核比较慢,所以就特别着急,怕赶不上这两个节日,没想到上午提交审核,晚上就上架了。

GIF 太大了无法上传,完整的宣传视频可以看:https://www.youtube.com/watch?v=IlLc9iHKl54

这两个 app 都是一时兴起就立刻动手开发了,功能也十分简单,难登大雅之堂。

时钟墙的形式固定,未来的计划也就是增加一些主题样式。治愈时钟倒是还有很多拓展空间,无论是主题场景还是时钟功能都可以加入更多。

目前这两个 App 都只有 iOS 版,下载地址如下👇

时钟墙(Clock Wall):https://apps.apple.com/cn/app/id1558381110

治愈时钟(Heal Clock):https://apps.apple.com/cn/app/id1599856748


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK