Steve Troughton-SmithWith all the buzz about Final Cut, it sure would have been a good time for me to have had my clapperboard app ready to go, huh? 😒
I think I can take a sprint at this before WWDC, might make some progress. I have Freeform prepped, Xcode open. I have a bunch of things to do before I can get this to a shippable 1.0, including changing the core navigation & library structure, and removing all the SwiftUI I added in the early days. Fortunately, past-me was smart enough to port the whole project to Swift already, so it’s ready for me to pick up and run with it
Since I started this project in 2019, the design language I use in my apps has shifted a bit — and that of iPadOS, too. Restructuring it is kinda fun
If I'm to cut features to get to a ship target, it’ll primarily be by not including iPhone & Mac support at launch. Even so, I'll be progressing all three platforms at the same time as I go, as iPad still needs multiple resizable windows and compact/regular size class switching.
No platforms means I don't have to have a sync strategy out of the gate, too… 👀
Working a little on my editing modes and interactions, reducing the gesture overload I had in earlier versions and splitting them out into distinct states (rearranging vs text/field editing, etc)
Fewer mystery meat gestures and weird animations, more buttons
Finding the right SF Symbols for my use case is impossible, so I think I'm going to use this form instead
My module library was a UITableView, of all things. Well that had to go
As I flesh out the rest of the UI, I'm starting to see ways for this to make sense on macOS, even if the use cases are very different to iPhone or iPad — I didn't get that impression from the last two development sprints I did on this (in 2019, and 2020)
Quick UI roundup; I can see a path towards completing and shipping this app before WWDC, on iPad. I don't know that I'll be able to hit that target before distraction comes knocking, but it's worth a try. I've made quite a bit of progress in the past day, and it's starting to look good
Doing away with the context menus frees up some confusion with Pencil usage. Trying out a dashed line pattern too, though it might still need some tweaking. I also cleaned up the @takeoneapp Mastodon profile a tad
Here's a bunch of screenshots from the early development of @takeoneapp, in June 2019, since I haven't posted them over here. That’s before I'd started work on Broadcasts or Pastel, in a very different era of iPad app development. In hindsight, the improvements to the iPad SDK vis a vis UIKit & Mac Catalyst have been tremendous in the past 4 years. All of that effort is going to pay off for an AR headset built around the iPadOS app platform, if the rumors are true
Reimplemented the stripes color picker as a collection view, works nicely 👌
Those popovers adapt to my favorite sheet style on iPhone, custom title and close button included 😄
Very easy to add new palettes too — I can copy paste them into the codebase directly from @pastelapp 😄
End of day 2! @takeoneapp is starting to look so good that if I don't ship this at the end of this sprint, I will be so mad at myself. Apart from the major areas I have yet to implement, I think the UI is nearly at a production-ready level — you'd easily mistake it for a shipping app. I maaay do a TestFlight run of this before release, but no promises. I expect pricing to be very similar to Broadcasts and Pastel, so free to try + $5 ish IAP to make more than one board (or something like that)
Instead of struggling with PencilKit for the rest of the day, I went ahead and built a template picker instead. Another item checked off the todo list ✅
One way for me to punt the PencilKit scaling issue down the road a bit is to ship with UIRequiresFullScreen=YES 🤔 It would mean explicitly opting out of splitscreen and Stage Manager resizing for the time being, but that actually might be OK in this case? It's a very fullscreen-centric app, and that changes a release blocker to minor user annoyance. May just be the way to go
Just because the individual windows need fullscreen doesn't mean I can't still do multiwindowing — it actually works quite nicely in Stage Manager
I was out today, so didn't get much work done — but I refactored @takeoneapp’s data model to let me create and save to folders. Part of that involved wiring up the templates store so I can create/edit/delete templates too
Unifying a little bit of the design language with Pastel, I’m going to use the same Reminders-style sidebar on iPad for @takeoneapp. Also injects a splash of color into a very black & white out-of-the-box experience
I don’t have complex development notes for this app, but I am enjoying Freeform as an infinite canvas to dump images onto so I can annotate and do a basic bit of mind mapping. It really makes me yearn for an iPad mini Pro with an M-series chip and ProMotion, though — what a fun desktop companion that would be
It’s always nice that the iPhone version picks up everything I’ve been working on for iPad without me thinking about it. Universal development is my jam
Got some odds and ends done today; worked on keyboard focus, styled the 'new folder' button as per @pastelapp, and do a bit more lazy thumbnail generation. It is looking increasingly likely that I actually finish this app this time, which has me extra motivated to work on it 🤓
Also pretty confident in the post-launch roadmap, too, since I know I'll need to ship iPhone+Mac, iPad splitscreen, and sync, and most of that work has already been done
I'm pretty happy with the two basic screens of @takeoneapp; it looks modern and fresh, without entirely sacrificing the skeuomorphic elements that made the original so pleasant. The splash of color in the clappers and sidebar makes all the difference. I think I have the balance right?
…and here's the current state of all the auxiliary screens and modes. I still have to design editors for the various module types (numbers, date, etc), so I'll work on that this week
New module type — image! Somewhere you can put your production logo, perhaps? I have working spacers now too
I added a little wiggle animation (thanks ChatGPT!) for when you're tapping one of the modules without edit mode being on. I might add color to make it less subtle, but the wiggle is great! Communicates what I intended
Spent some time today getting the field editors functional and styling them up a little. And I added double and triple tap gestures to increment/decrement the number counters. Powering through the todo list!
Some fun examples of how one might use the image module on a board 😎
Very simple field editors for v1.0, but they do the trick. They're going to need a rework for the Mac version, as Mac-Idiom Catalyst does not allow for spinny picker controls, but that's a ‘later’ problem
Shocked to find that iOS just doesn't have an API to tell whether the mute switch is on or not 😅 You've gotta jump through hoops playing silent audio clips and checking how long they actually took to play — so I've done that, and now have a mute indicator in @takeoneapp
I did a quick test and, aside from an SF Symbol or two I can backport, there's nothing in @takeoneapp that would prevent it from running on iOS 15. I may then take that as the baseline, once I charge up my testing iPads and give it a full run through. Everything seems to work as intended on iPhone, though
I pulled the original version of @takeoneapp (2011) from GitHub to run it side by side with the new app. Amazingly, it came right up with only a single line of code changed. Fun to see an iOS 5 app beside an iOS 16 one
New @takeoneapp is nearly 8 kloc now, with double the classes of the original. Though not a line of it survives, as I started afresh
It was a feature I wanted for myself, so there's now a setting to always have white boards in dark mode (or vice versa). It is quite nice how easy UIKit makes this
Amethyst 🌸@stroughtonsmith that linen! 😅
Arcticulate@stroughtonsmith @takeoneapp Not surprised: well-written Objective-C apps, even the old ones, run just fine now. I bet iOS 5 (with the Storyboard introduction) made this easier.
sdw@stroughtonsmith @takeoneapp just wait til you see what kind of shenanigans we have to do to use the volume button for a shutter control...
Adam Bell 
TunafishTiger@stroughtonsmith @takeoneapp if only the people who brought us “there’s an app for that!” had the same mind for APIs.
Adam Wulf@stroughtonsmith @takeoneapp interesting! I’d love to read the process if you ever get it into a blog post.
tarasis@stroughtonsmith @takeoneapp I’m probably rusty, but IIRC, after all this time you still can’t detect what the _current_ orientation of iPad is. You can only listen for orientation change.
Thomas Kumlehn@stroughtonsmith @takeoneapp If I recall correctly, Apple is allergic to mute audio play. Especially when an App goes into Background
Jon Michaels@stroughtonsmith the majority of setups are going to be in the A to maybe L or K range. But I did see my share of double-letter shots. 12AB/2, etc. And you will get scenes like A12 when you’re dealing with rewrites, reshoots, and 2nd Unit. I’d recommend keeping it flexible.
@jonmichaels only so much I can design for, but you can use the Pencil to write over any module, or just use a text module for flexibility
Chris Harris@stroughtonsmith I like the scale down and add round rect animation UI for editing. Is that standard or did you design it?
@stroughtonsmith Great work! Might steal that idea for a future design. :)
@_ChrisHarris CAShapeLayer/.lineDashPattern does all the hard work!
David Stanley@stroughtonsmith Will it play a tone synced with a graphic to help with manual audio sync? (Sometimes still needed)
manolo@stroughtonsmith do you see the wiggle in this gif? i dont see anything 🙈
Matt Corey@stroughtonsmith that is adorable, and a nice subtle hint to the user of what they need to do to edit. Love it!
Nils Hayat@stroughtonsmith the wiggle will be invisible to most people because people look where they tap!
Paul-Vincent Roll (he/him)@stroughtonsmith in case you ever need feedback on this I am a 2nd camera assistant so I do use clapperboards a lot :D
Cameron Kerr@stroughtonsmith Does number support decimal points for something like frame rate? I would imagine frame rate would be common enough to have it’s own module type with predefined options for all the popular rates.
@camkerr you can draw over any module, so you could just put fps there. Number is more for numbers that change frequently, and has controls to increment, etc, where fps is probably better as a static element?
@stroughtonsmith Mostly static, yes. Might change for a couple takes if you’ve gotta shoot some stuff overcranked.
Thom Anthony@stroughtonsmith app looks great! Quick question… how does your timecode get generated? Can it jam to sound/camera?
DΛNIEL TʘMΛN@stroughtonsmith great idea for the logo image slot. can definitely see this being very popular
Jan@stroughtonsmith @takeoneapp Looks really cool. Wish I had a use case for it 😅
Small remark: the color of New Collection is different from the tintColor.
@stroughtonsmith @takeoneapp I think it looks very good! I looked around for free film slate iPad apps a couple years back and I didn’t find anything this nice, definitely.
Julien@stroughtonsmith I love your work on this app! 😍 - Congrats! 👌
Warner Crocker@stroughtonsmith That’s the dream iPad.
ᴿᴵᴷᴿᴵᴾᴾᴱᴿ@stroughtonsmith I don’t know what I would like more than an iPad mini Pro. I’ve been wanting one ever since the mini got updated. It’s so good and could be made incredible with ProMotion and M1.
Dave Robeson@stroughtonsmith Apple doesn’t currently have the ability to take my money fast enough for a Mini Pro. Didn’t expect this thing to be the device I use the most. Poor 2021 iPad Pro sits there, lonely.
Andre Moore@stroughtonsmith I want to love Freeform but something about it just doesn’t work for me quite yet. If they can pull in more of the FigJam tools and ease of use I think I’d use it much more.
Would also love for them to add more easy text formatting tools/UI like they’ve done with Notes over the years. It feels hard to format things.
danny_wonglh@stroughtonsmith +1 for iPad mini Pro
Tyler Stone 
@stroughtonsmith But how does the actual clapping work? How does it lift off the top part of an iPad?
@tylerstone like any other clapperboard app 🤨 It animates
Clarko@stroughtonsmith 100%
I dunno who’s using a windowed clapper
WTL@clarko @stroughtonsmith Agreed; should be full screen.
@clarko a TikToker who has Final Cut or Filmic Pro open at the same time? Somebody doing a screencast or audio recording? Lots of places I want to be, eventually, but I can sacrifice them for now
@stroughtonsmith 100%
I dunno who’s using a windowed clapper