Hai vỏ - Vàng và Bạc
Chủ đề được phân phối tới mọi chế độ xem thông qua Môi trường và chuyển đổi ngay lập tức. Ngay cả kiểu dáng của mặt đồng hồ, kim và mặt số cũng được chế tạo riêng biệt cho từng vỏ.
Vàng — Vỏ thợ săn
Men lapis sâu × chữ số La Mã có điểm nhấn bằng vàng (ký hiệu IIII) · đỉnh trung tâm của hình trăng lưỡi liềm và ngôi sao tám cánh
Một chiếc hộp được chạm khắc bằng vàng lâu năm (đồng thau lâu năm). Một cửa sổ nhỏ để báo thức tiếp theo ở vị trí 6 giờ.
#8F7028
Lapis #101838
Điểm nhấn vàng #D9B45C
Trăng vàng #F2DC96
màu sắc #A67C2E
Bạc - Đồng hồ đường sắt
Mặt trắng · chữ số Ả Rập đậm · kim dùi cui
Kim giây được tô màu đỏ, cũng như phong tục của đồng hồ đường sắt
#9CA3AE
Sứ trắng #FAFAF7
Sắt đen #1A1C22
Màu đỏ #B02E2E
màu sắc #44546A
Cài đặt thời gian bằng tay
Không có DatePicker nào được sử dụng. Thay cho động tác lên dây cót, bạn kéo chính tay của khuôn mặt để quyết định thời gian đổ chuông. Khuôn mặt bên dưới thực sự có thể được kéo.
LÀ7:30
- Chuyển đổi góc theo thời gian — tọa độ kéo được chuyển đổi thành một góc bằng tatan2, sau đó được lượng tử hóa theo các bước 6° cho kim phút và 30° cho kim giờ (được triển khai dưới dạng một hàm thuần túy,
ClockAngleMathvà được kiểm tra bằng các thử nghiệm). - Liên kết — quay kim phút làm cho kim giờ quay theo 0,5°/phút. Vượt qua mốc 0 phút để tiến lên hoặc lùi giờ (được xác định bằng cách vượt qua từ 45 đến 15 phút).
- Haptics — .sensoryFeedback(.selection) kích hoạt mỗi bước 1 phút, trả lại tiếng click của bánh răng cho ngón tay của bạn.
- Bàn tay được chọn — một vòng (núm) màu đồng thau hiển thị ở đầu bàn tay, cho biết bàn tay nào đang được vận hành.
- Confirmation — được lưu qua bảng "Đặt thành thời gian này", được chuyển đổi thành Alarm.Schedule.relative của AlarmKit.
Bóng tối của thời gian - Chạng vạng và bình minh
Đêm càng sâu, mặt người càng phủ thêm màu chàm tím, như chiếc bình đựng tâm hồn. Lúc bình minh, bóng tối được thanh lọc bởi ánh sáng. Vào lúc hoàng hôn, chòm sao của mùa mọc lên và tỏa sáng trên khuôn mặt. Hãy thử thanh trượt bên dưới để di chuyển qua một ngày.
21:00Buổi tối
- Murk — từ 16:00 đến tối, cặn màu chàm tím tràn ra từ rìa mặt, đạt cực đại trong khoảng thời gian từ 23:00 đến 4:00. Thông qua độ dốc nhiều lớp trong sự pha trộn đa dạng, mặt đất màu ngà chìm xuống giống như "đáy tàu".
- Purification of Dawn — between 4:00 and 6:00, light from above (screen blend) dissolves the dregs. The hero watch lives this cycle at all times, synced to the actual time.
- Chòm sao theo mùa — vào lúc hoàng hôn (±2 giờ), chòm sao của mùa sẽ có màu vàng. Mùa xuân = Sư Tử / Mùa hè = Bọ cạp / Mùa thu = Cassiopeia / Mùa đông = Orion. Nó kéo dài yếu ớt suốt đêm.
- Triển khai SwiftUI — hệ số thời gian được tính bằng
TimelineView(.everyMinute)và được phản ánh trong kết xuất nhân/màn hình của Canvas và độ mờ của đường dẫn chòm sao.
Bìa của Mười hai Ngôi nhà - Huy hiệu Chòm sao cho Mỗi Tháng
Lớp men lưu ly sâu được đặt ở giữa bìa và cứ mỗi tháng mới, ngôi nhà (chòm sao) của tháng đó lại được khắc bằng vàng - kèm theo hình trăng lưỡi liềm và tên tháng truyền thống của Nhật Bản. Vỏ của chiếc đồng hồ anh hùng mang biểu tượng của tháng hiện tại.
Những ngôi nhà quay -· Các ngôi sao có chiều sâu và liên tục quay trong không gian. Hãy vuốt ve chúng và động lượng sẽ tiếp tục mang chúng đi.
Tông màu thiết kế tuân theo “men lapis × vàng lâu năm” của chiếc đồng hồ bỏ túi cổ (tham khảo: Design-refs/ref-watch.jpg). Các đường chòm sao là một hình thức cách điệu, đơn giản hóa. Trong SwiftUI, đỉnh cho mỗi tháng được chọn bằng Calendar.current.comComponent(.month) và hiển thị trên Canvas với điểm nhấn màu vàng.
Arcana — Bí ẩn của mười hai ngôi nhà
Vuốt khuôn mặt theo vòng tròn và uốn lượn mười hai lần, nghệ thuật sẽ được thể hiện. Vào ban đêm, Arcana (12 loại, mỗi nhà một loại); theo ngày, Solar Arts (6 loại); khi đóng nắp, Seals (6 loại) — 24 loại trên ba hệ thống trên thiết bị thực tế. Phần trình diễn của trang này cho phép bạn thử bảy ví dụ tiêu biểu.
Phép thuật khi nắp được mở
Điều kỳ diệu khi đóng nắp (Con dấu, trên thiết bị thực tế)
Giờ đổ chuông (khi chuông báo thức vang lên)
Khi đến giờ, toàn bộ màn hình nhấp nháy màu vàng và vòng tròn ma thuật mở ra mang dòng chữ "Giờ đã đến".
- Phát hiện cuộn dây — theo dõi góc quay tích lũy về tâm của khuôn mặt; cứ 2π là một cuộn dây. Những viên kim cương của vòng tròn ma thuật sáng lên. Để nó trong 4 giây và cuộn dây sẽ biến mất.
- Thanh lọc ánh sáng bình minh — Làm sạch bóng tối bằng ánh sáng. Khuôn mặt buộc phải ở trạng thái bình minh và một luồng vàng chạy qua.
- Cơn bão của các chòm sao — Chòm sao của mùa tỏa sáng và các ngôi sao của nó phân tán khỏi đồng hồ.
- Tua lại thời gian — Các bàn tay chạy về phía sau với tốc độ nhanh và vòng tròn ma thuật quay ngược lại.
- Rào chắn tia sét tím — Một tia sáng màu chàm tím và sóng xung kích. Vòng tròn ma thuật chuyển sang màu tím.
- Ngọn lửa đỏ thẫm — Than hồng bốc lên trong không gian 3D xung quanh đồng hồ (các hạt được chiếu theo phối cảnh, có nhấp nháy).
- Cơn lốc sóng xanh — Những gợn sóng lan rộng dưới chân và phun ra những vòng cung khi bị trọng lực kéo đi.
- Chiếc nhẫn của cơn gió — Những luồng gió xoay quanh đồng hồ, phía trước và phía sau, và áp suất của nó khiến đồng hồ lắc lư.
- Triển khai SwiftUI — tích lũy phát hiện xoay vòng
atan2(được thêm vào ClockAngleMath); magic được thống nhất theo giao thứcSpellEffect, với các cài đặt vị trí được lưu trữ trong UserDefaults. Khi đổ chuông, trạng thái cảnh báo của AlarmKit sẽ được phát hiện, kích hoạt hiệu ứng lớn thông qua fullScreenCover.
Thành phần màn hình
Màn hình chính luôn là đồng hồ. Danh sách, trình soạn thảo và bộ đếm thời gian được xây dựng dưới dạng các bề mặt làm việc trên mặt trong của trang bìa, các tấm khắc được đặt trên cùng một nền nỉ.
Bạn sẽ ấn định thời gian rảnh rỗi
Báo thức tiếp theo — 7:30 sáng ngày mai
Nhấn và giữ để chuyển chủ đề
Trang chủ (RootView)
Chuông báo động
LÀ7:30
Các ngày trong tuần · Báo lại 9 phút
LÀ9:00
Cuối tuần
Thủ tướng10:15
Chỉ một lần duy nhất
Danh sách (AlarmListView)
Đặt thời gian
LÀ7:30
Nhãn — "Trà buổi sáng" · Báo lại 9 phút
Đặt thành thời gian nàyChỉnh sửa (AlarmEditorView)
hẹn giờ
Hẹn giờ (TimerView)
Live Activity/ Đảo động
Đồng hồ hẹn giờ và đồng hồ bấm giờ hiển thị trực tiếp trên Màn hình khóa và Đảo động. Với một điểm nhấn bằng đồng duy nhất trên nền đen, chúng duy trì sự hiện diện của đồng hồ bỏ túi ngay cả trong giao diện người dùng hệ thống.
POCKETCHIME
Hẹn giờ uống trà
4:23
Màn hình khóa - được điều khiển bởi Text(timerInterval:)
Đảo động (nhỏ gọn) — mặt đồng hồ ở bên trái, thời gian còn lại ở bên phải
Kiểu chữ và màu sắc
Kiểu chữ là serif hệ thống (New York / Hiragino Mincho). Các chữ số được đặt ở dạng bảng và các nhãn Latinh có khoảng cách giữa các chữ cái rộng, gợi lên một dòng chữ được khắc.
10:09
Đặt thời gian
Mở nắp và ngày mới bắt đầu. Xoay tay và chờ đợi giờ.
RAILROAD GRADE · EST. 2026
| Mặt đất nỉ (nền) | #24331F → #0B110A | |
| Văn bản viết tay (nội dung) | #EFE6CD | |
| Đồng thau (giọng) | #C9A24B | |
| Crimson (cũ, cảnh báo) | #A03A2A | |
| Thép (Chủ đề Bạc) | #AEB6C2 |
| Thiết kế | Triển khai (theo DESIGN.md) |
|---|---|
| Mở và đóng nắp | rotation3DEffect(axis:(0,1,0), anchor:.leading) + spring 1.3s |
| Chuyển động tay | Được điều khiển liên tục với TimelineView(.animation) |
| Kéo tay | ClockAngleMath (một hàm atan2 thuần túy, được bao phủ bởi các bài kiểm tra đơn vị) |
| Giấc ngủ ngắn | secondaryButtonBehavior: .countdown + 9 phút postAlert |
| Hiển thị thời gian còn lại | Live Activity thông qua AlarmAttribution<PocketWatchMetadata> |
| Tuyên truyền chủ đề | Nhất quán xuyên suốt Widget thông qua tintColor và metadata.themeName |
