第五周

date
May 6, 2022
slug
week-5
tags
summary
type
Post
status
Published

Framer Motion 实现 Apple Music 动效

作者对 Apple Music 动画的分析和实现细节拉满,也给出了线上 DEMO 源代码。让我对作者的 Frame Motion 课程更加期待了。

React Concurrent Mode

React 18 的最大功能应该是这个 Concurrent Mode 发布。虽然是在“引擎盖之下”的功能,最重要的是弄明白有什么用?能用来干嘛的问题

Web 3D 工作流

试用了一下推文中提到的 Spline - Design tool for 3D web browser experiences,虽然没有接触过 3D 设计相关的工作,但由于软件界面布局和 Figma 相似,操作逻辑也很符合直觉。
上面是设计,来到开发部分。Spline 官方提供了封装好的 React Hooks 直接使用即可。最后来看看 官方DEMO
3D 是真的帅,不过上手难度也很高呀

使用过的 Webcam Apps

由于疫情的原因线上办公的人变多后,使用手机摄像头作为电脑的摄像头这类需求的 App 也呈景喷式的出现。自己平常其实用的也不多,只是偶尔使用来填补黑苹果台式电脑没有配摄像头的空缺。说一下几个 App 简单使用下来最直观的感受。
最早用的是 NeuralCam 那时候还不知道这类产品,印象中有个隐私保护功能比较有特色。
notion image
后来发现 EpocCam | elgato.com 这是一家做硬件的公司出的软件产品。换成这个最主要的是支持 Wi-Fi 连接,手机就不用直接插着线,方便手机找到合适的地方摆放和调整角度。
现在又看到一个叫 Reincubate Camo 换它是因为上面两个产品是 iOS 平台。而这款产品支持安卓手机。

因为图标而装的 App

notion image

Recursive Sans & Mono 字体粗细的改变不影响 UI 布局

notion image
左边的不支持这种特性的字体会让布局出现抖动。

© Craig Hart 2021 - 2022