Xây dựng một câu chuyện kể thích hợp với các hoạt hình theo phong tục ở Ios

Thiết kế giao diện kể chuyện

Giao diện người dùng nên được làm sạch, tối thiểu, và tập trung vào câu chuyện. Hãy dùng [FLT: 1] [FLT: 1] để đọc đoạn văn dài [FLT: 2] để minh họa, và trường hợp tùy chọn nhánh. Hãy xem xét [FLT: 0] [FLT: 0] Bộ ký hiệu [FLT: 1] để sắp xếp những yếu tố này theo kích cỡ màn hình khác nhau.

Bố trí Văn bản

Đoạn Kinh Thánh với và [FLT: 6) để tránh sự sửa đổi tình cờ. Hãy bật chỉ khi câu chuyện được tiết lộ trang từng trang. Để có văn bản riêng, hãy dùng [FLT:] bên trong [FLT:] để làm mịn hơn – nhiều hơn nữa — hoạt hình vẽ hình vẽ bằng máy in.

Xem ảnh và ký tự

Đặt minh họa ký tự hoặc hình nền trong xem con. Đặt và kẹp. Để hiệu ứng cận cảnh hoặc chuyển động tinh tế, hãy áp dụng cho ảnh xem — điều này cho ta cảm giác sâu không có mã hoạt cảnh riêng.

Nút lựa chọn

Những lựa chọn Chi nhánh là trung tâm của việc kể chuyện tương tác. Vị trí hai hay nhiều nút ở dưới màn hình. Hãy dùng [FLT: 13] với và màu sắc phản ánh tâm trạng — giọng ấm cho tùy chọn thân thiện, âm thanh mát cho đường dẫn bí ẩn. Hãy kết nối mỗi nút với một [FLT: 16] để cập nhật trạng thái và kích hoạt hình ảnh tương ứng.

Đang thiết kế dữ liệu truyện

Lưu truyện của bạn vào một mô hình cấu trúc. Tạo một lớp chứa một bộ nhận diện, văn bản, tên ảnh và một dãy các đối tượng :

class StoryNode {
 let id: String
 let text: String
 let imageName: String?
 let choices: [Choice]
 var animationType: AnimationType = .slideIn
}
struct Choice {
 let title: String
 let destinationId: String
}

Tải dữ liệu câu chuyện từ tập tin JSON hoặc cơ sở dữ liệu cục bộ (v. d., Cơ sở dữ liệu lõi hoặc Realm). Giữ dữ liệu riêng biệt với xem logic khiến việc thêm chi nhánh mới dễ dàng mà không cần mã cảm ứng.

Quản lý tiểu bang

Duy trì từ điển để theo dõi quyết định, kho lưu trữ hoặc cờ. Tính năng này giúp cho nhánh có điều kiện sau này. Chẳng hạn, nếu người dùng trước đó đã cứu một ký tự, câu chuyện có thể mở đường dẫn ẩn. Cập nhật trạng thái để đáp ứng mỗi lựa chọn và chuyển sang tiếp theo .

Hoạt hình theo ý riêng

Hoạt hình biến một câu chuyện tĩnh thành một trải nghiệm nhân tạo.

Hoạt hình UIView cơ bản

Dùng cho hầu hết các chuyển tiếp. Ví dụ, trượt trong một ký tự:

UIView.animate(withDuration: 0.8, delay: 0.2, usingSpringWithDamping: 0.7, initialSpringVelocity: 0.5, options: .curveEaseInOut, animations: {
 characterImageView.center.x = self.view.center.x
}, completion: nil)

Hoạt hình mùa xuân có cảm giác tự nhiên và lý tưởng cho lối vào hay văn bản của nhân vật.

Hoạt hình lõi với máy tạo âm thanh

Để có những hiệu ứng phức tạp hơn như hóa thạch hay các yếu tố phát sáng, hãy làm việc trực tiếp với và . Tạo một hoạt hình mờ cho một bản sao của nhân vật then chốt:

let fadeIn = CABasicAnimation(keyPath: "opacity")
fadeIn.fromValue = 0.0
fadeIn.toValue = 1.0
fadeIn.duration = 2.0
characterLayer.add(fadeIn, forKey: "fadeIn")

Kết hợp nhiều hoạt hình thành để quay, cân và phai cùng một lúc.

Khung phím hoạt cảnh cho đường

Nếu một ký tự đi theo một đường gió (v. d., một con bướm lắc qua màn hình), hãy dùng ] ]]:

let path = UIBezierPath()
path.move(to: startPoint)
path.addCurve(to: endPoint, controlPoint1: cp1, controlPoint2: cp2)
let pathAnimation = CAKeyframeAnimation(keyPath: "position")
pathAnimation.path = path.cgPath
pathAnimation.duration = 3.0

Kỹ thuật này hoạt động rất tốt để nâng cao bầu khí quyển.

Hoạt hình Đặc điểm Hoạt hình Văn bản

Chữ xuất hiện hoạt hình bằng chữ viết tay dùng và một đồng hồ hẹn giờ. Thay thế, áp dụng với (iOS 17+) cho hiệu ứng đánh máy chữ. Kết hợp với một độ lớn hay độ mờ để tiết lộ một cách đáng kể.

Hoạt ảnh chuyển tiếp giữa các cảnh

Khi di chuyển từ nút này sang câu chuyện khác, hãy dùng sự chuyển đổi xem tự chọn. Hình dạng thành để xác định hiệu ứng thúc đẩy cho những khoảnh khắc thân mật hoặc trang icrul để lật trang. Nó bóng loáng hơn là hiện tại/ sai.

Thêm các yếu tố tương tác

Ngoài các nút, trong các điệu bộ để làm tăng độ tương tác. Các cử chỉ đánh dấu có thể đẩy câu chuyện lên hay tiết lộ các vật ẩn. Cây longCute có thể thanh tra mục. Thêm một ký tự vào một ký tự cho phép kéo — và làm sống lại vị trí ban đầu của ký tự nếu thả ra ngoài vùng đích.

Phản hồi âm thanh và âm lượng

Hoạt hình đôi với âm thanh dùng . Gây ra phản hồi âm lượng qua khi một nút bấm hoặc một câu chuyện quan trọng xảy ra. Phương pháp đa giác này tăng đáng kể sự trầm mình.

Khả năng truy cập và kiểu động

Hỗ trợ Kiểu Động học bằng cách dùng phông chữ đã thích (. Kiểm tra xem mọi phần tử tương tác có nhãn khả năng truy cập. Hãy dùng để thông báo sự thay đổi của câu chuyện cho người dùng qua giọng nói.

Cách tô màu

Hoạt hình mịn cũng quan trọng; khung thả vỡ trầm mình. Phân tích ứng dụng của bạn với các công cụ Xcode (công cụ hoạt hình).

• Quá trình vẽ: Tránh đặt vào những lớp hoàn toàn mờ.
• Vẽ màn hình ngoài màn hình: thu nhỏ việc dùng và trên ảnh lớn. Thay vào đó, hãy đặt tên ảnh thành mã hoặc dùng xem container.
• Kích cỡ ảnh lớn: giảm cỡ ảnh cần hiển thị. Hãy dùng chế độ vẽ đúng.

Đặt tham số cho để các liên hệ vẫn còn đáp ứng trong khi hoạt cảnh.

Comment

Trình mô phỏng iOS không mô phỏng hiệu suất thực tế. Thử nghiệm trên nhiều thiết bị, đặc biệt các mô hình cũ (iPhone 11 hay trước đó). Chú ý đến ống dẫn pin — hoạt họa quá nhiều có thể gây ra nhiệt và pin. Hãy dùng và thích chặn hoạt họa dựa trên các vòng thời gian.

Bài kiểm tra lý luận và kiểm tra định lý tiểu sử của bạn cho các dòng người dùng quan trọng. A/B kiểm tra độ dài và kiểu thức hoạt hình khác nhau với nhóm nhỏ người dùng để xem cái nào mang lại kết quả tốt hơn.

Xuất bản và phân phát

Khi ứng dụng của bạn được đánh bóng, hãy lưu vào Xcode và tải lên kết nối App Store. Chuẩn bị ảnh chụp màn hình hiển thị hoạt hình tốt nhất. Viết một mô tả hấp dẫn nhấn mạnh câu chuyện tương tác.

Để có tài nguyên bên ngoài, hãy tham khảo ý kiến chính thức [FLT: 0] và tài liệu ) ).