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

vulgur · 2021年12月21日 · 最后由 zhugefubin 回复于 2022年01月23日 · 513 次阅读
本帖已被管理员设置为精华贴

尽管有些标题党,但确实是事实。下面要讲的是我在 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

vulgur 我在 2021 年开发的三个独立作品 提及了此话题。 12月21日 15:01

提交 AppStore 会遇到 “同类型的应用已经很多,审核不过吗”?

太强了!

snow 回复

没遇到过

道哥真屌啊,我都有点不想叫你道哥想叫你屌哥了!

cmlanche 将本帖设为了精华贴。 12月21日 22:34

学习一下

iOS 系统更新真快,买了一个 SE2 的测试机,想拿来体验一下,发现系统还是 iOS13,已经不支持了。😂

zjiecode 回复

SE2 升到 iOS 15 都没问题,我手里的 iPhone 8 在 iOS 15 下都非常流畅

我的 se1 都升级到 15 了

需要 登录 后方可回复, 如果你还没有账号请 注册新账号