Phần 3 của chủ đề x&acirc;y dựng khối Rubik:
Thử th&aacute;ch cuối c&ugrave;ng d&agrave;nh cho bạn - h&atilde;y thuyết tr&igrave;nh một c&aacute;ch tự nhi&ecirc;n c&aacute;ch giải khối Rubik qua cử chỉ, thay v&igrave; n&uacute;t.
<h1 style="text-align: justify;">Th&aacute;ch thức v&agrave; giải ph&aacute;p</h1>
<h2 id="dd01" class="ur uf ix bn ug nz us oa oc od ut oe og lk uu oh oj lo uv ok om ls uw on op ux fw" style="text-align: justify;" data-selectable-paragraph="">The Drag</h2>
Để sử dụng SceneView trong SwiftUI thi cần l&agrave;m cho <code>CameraOrbit</code> hoạt động.
Nếu bạn sử dụng m&ocirc; h&igrave;nh singleton với một số thuộc t&iacute;nh được chia sẻ để thiết lập v&agrave; chạy ,th&igrave; sẽ xuất hiện một luồng cảnh b&aacute;o về việc truy cập <code>StateObjects</code> kh&ocirc;ng được c&agrave;i đặt hiển thị từ bảng điều khiển.
Do đ&oacute;, h&atilde;y &aacute;p dụng khung Combine gửi c&aacute;c gi&aacute; trị để di chuyển quỹ đạo m&aacute;y ảnh. Một thiết lập m&agrave; bạn đặt c&ugrave;ng với ba d&ograve;ng n&agrave;y.
<pre class="language-python"><code>let passDrag = PassthroughSubject&lt;(CGPoint,CGSize),Never&gt;()
var sub2: AnyCancellable!
sub2 = passDrag.sink(receiveValue: { (translation ) in
 self.setCamera(translation: translation)
})
</code></pre>
M&atilde; thực tế để thay đổi vị tr&iacute; của m&aacute;y ảnh tr&ocirc;ng như thế n&agrave;y.
<pre class="language-python"><code>func setCamera(translation: CGSize) {
 if settings.lockView { return }
 let dx = cameraOrbit.eulerAngles.x
 let dy = cameraOrbit.eulerAngles.y
 let scrollWidthRatio = Float(translation.width / screenWidth) / 4
 let scrollHeightRatio = Float(translation.height / screenHeight) / 4
 cameraOrbit.eulerAngles.y = Float(-2 * Float.pi) * scrollWidthRatio + dy
 cameraOrbit.eulerAngles.x = Float(-Float.pi) * scrollHeightRatio + dx
}</code></pre>
Tuy nhi&ecirc;n việc xoay khối lập phương lại g&acirc;y ra t&aacute;c dụng phụ ph&aacute; vỡ giải ph&aacute;p, khớp c&aacute;c vị tr&iacute; node kh&ocirc;ng th&agrave;nh c&ocirc;ng.
Bạn cần phương tiện để ra hiệu với ứng dụng kh&ocirc;ng xoay khối lập phương m&agrave; chỉ xoay c&aacute;c phần tử b&ecirc;n trong n&oacute; - một trạng th&aacute;i được chỉ ra bởi biến lockView. Bạn c&oacute; thể thử sử dụng một đối tượng đ&atilde; ra mắt hoặc một lần nữa th&ocirc;ng qua một đăng k&yacute; mua, cuối c&ugrave;ng t&igrave;m thấy ưu thế thứ hai. Đối tượng được ra mắt chỉ chậm một ch&uacute;t.
&nbsp;
<h2 style="text-align: justify;">The Hits</h2>
V&igrave; bạn kh&ocirc;ng sử dụng c&aacute;c sự kiện chạm trong <code>Scene</code>, n&ecirc;n cần d&ugrave;ng một phương tiện để di chuyển vị tr&iacute; bằng c&aacute;ch k&eacute;o. Bạn c&oacute; thể sử dụng một singleton để lưu trữ lịch sử tương t&aacute;c giải quyết vấn đề. Sau đ&oacute;, thiết lập bộ hẹn giờ để kiểm tra thường xuy&ecirc;n sự kiện nhằm giảm thiểu sự qu&aacute; tải giao diện ở ứng dụng.
<h3 style="text-align: justify;">Cử chỉ</h3>
Tạo c&aacute;c cử chỉ hoạt động tự nhi&ecirc;n l&agrave; phần kh&oacute; nhất của dự &aacute;n. Để giải quyết vấn đề n&agrave;y, bạn c&oacute; thể sử dụng c&aacute;c n&uacute;t b&oacute;ng để tạo hiệu ứng chuyển động.
Bạn thấy đấy - bạn c&oacute; s&aacute;u bước di chuyển ở mọi g&oacute;c nhưng chỉ c&oacute; ba bề mặt. C&oacute; c&aacute;c trường hợp xử l&yacute; sau:
<ul style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1">Sử dụng hướng k&eacute;o sẽ g&acirc;y l&atilde;ng ph&iacute; thời&nbsp; gian v&igrave; bạn c&oacute; thể di chuyển trục của khối lập phương theo bất kỳ hướng n&agrave;o</li>
<li style="font-weight: 400;" aria-level="1">Đ&aacute;nh dấu c&aacute;c khối lập phương để theo d&otilde;i c&aacute;i được bắn tr&uacute;ng lại kh&ocirc;ng hiệu quả trong b&agrave;i kiểm tra trục.</li>
<li style="font-weight: 400;" aria-level="1">Sử dụng c&aacute;c g&oacute;c của Euler kh&ocirc;ng trực quan. Ngo&agrave;i ra, so với hiệu ứng sau thỉnh thoảng hoạt động th&igrave; g&oacute;c của Euler l&agrave; một giải ph&aacute;p k&eacute;m hơn v&igrave; lu&ocirc;n lảng tr&aacute;nh xử l&yacute; vấn đề trục&nbsp;</li>
</ul>
Tuy nhi&ecirc;n, nếu để người d&ugrave;ng k&eacute;o qua hai cạnh của một hộp, l&agrave; c&oacute; thể quyết định hướng di chuyển của cột.&nbsp;
Với c&aacute;ch n&agrave;y, bạn cần xem x&eacute;t c&aacute;c mục nhập đầu ti&ecirc;n v&agrave; cuối c&ugrave;ng trong mảng lượt truy cập để kiểm tra hộp n&agrave;o trong khối m&agrave; bạn đ&atilde; bắt đầu v&agrave; sau đ&oacute; kết th&uacute;c qu&aacute; tr&igrave;nh k&eacute;o của m&igrave;nh - sau đ&oacute; bạn dịch hai mặt m&agrave; bạn phải di chuyển bộ sưu tập đ&uacute;ng c&aacute;c hộp.
Sử dụng t&iacute;nh năng k&eacute;o qua nhiều mặt để t&igrave;m ra n&uacute;t cần xoay.
<pre class="language-python"><code>private func getHitFaceFromNormal(normal: SCNVector3) -&gt; Int {
 if round(normal.x) == -1 {
 return 1
// Left face hit
 } else if round(normal.x) == 1 {
 return 2
// Right face hit
 } else if round(normal.y) == -1 {
 return 3
// Bottom face hit
 } else if round(normal.y) == 1 {
 return 4
// Top face hit
 } else if round(normal.z) == -1 {
 return 5
// Back face hit
 } else if round(normal.z) == 1 {
 return 6
// Front face hit
 } else {
 assert(false,"NeverHappens")
 return 0
// Error, no face detected
}
}</code></pre>
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/9002ffe3-74e7-4b88-b01f-7f8a590f3557" alt="Sử dụng k&eacute;o qua nhiều khu&ocirc;n mặt để tập luyện tr&ecirc;n n&uacute;t cần xoay" />
Sử dụng k&eacute;o qua nhiều khu&ocirc;n mặt để tập luyện tr&ecirc;n n&uacute;t cần xoay
<h1 style="text-align: justify;">&nbsp;</h1>
<h2 style="text-align: justify;">Mẹo cuối</h2>
C&oacute; một mẹo hiệu quả với SceneKit, nhưng lại c&oacute; khả năng thất bại với SwiftUI. Tất nhi&ecirc;n, đ&oacute; l&agrave; vấn đề trục, thực tế l&agrave; khi bạn bắt đầu xoay c&aacute;c hộp trong khối lập phương, việc đọc cạnh n&agrave;o m&agrave; bạn chạm v&agrave;o sẽ ngừng hoạt động - tất nhi&ecirc;n, đ&oacute; l&agrave; l&yacute; do tại sao khối Rubik lại rất kh&oacute; để giải.
B&iacute; quyết l&agrave; tạo ra một khối b&oacute;ng mờ kh&aacute;c lớn hơn một ch&uacute;t so với khối lập phương m&agrave; bạn kh&ocirc;ng di chuyển g&igrave; để bấm trước&nbsp; -&nbsp; hay h&igrave;nh tr&ecirc;n n&oacute; sẽ l&agrave; mặt trắng khi bấm v&agrave;o. Tất nhi&ecirc;n, b&ecirc;n trong, t&ocirc;i cần sử dụng th&ocirc;ng tin để di chuyển khối lập phương c&oacute; thể nh&igrave;n thấy được. V&igrave; vậy, n&oacute;i một c&aacute;ch v&ograve;ng vo th&igrave;, để giải quyết vấn đề trục nhằm t&igrave;m ra n&uacute;t cần xoay.
&nbsp;
<h2 style="text-align: justify;">Khu&ocirc;n mặt</h2>
Đưa mặt của bạn v&agrave;o mặt của khối lập phương kh&aacute; l&agrave; th&uacute; vị, mặc d&ugrave; rất mất thời gian.. Để l&agrave;m th&agrave;nh c&ocirc;ng, bạn đưa một bộ nguy&ecirc;n liệu ri&ecirc;ng cho mỗi hộp, cắt s&aacute;u h&igrave;nh m&igrave;nh th&agrave;nh c&aacute;c mảnh 9x9 v&agrave; &aacute;nh xạ ch&uacute;ng ri&ecirc;ng lẻ v&agrave;o từng hộp. Tuy nhi&ecirc;n, c&aacute;ch nay vẫn đang gặp trục trặc.
D&ugrave; sao th&igrave; bạn đ&atilde; c&oacute; đủ kiến thức về Rubik, nhiệm vụ tiếp theo l&agrave; x&acirc;y dựng tr&ograve; chơi cờ người ngo&agrave;i h&agrave;nh tinh dựa tr&ecirc;n SceneKit, sử dụng một bộ c&aacute;c m&ocirc; h&igrave;nh tuyệt vời lấy cảm hứng từ Giger. H&igrave;nh ảnh dưới đ&acirc;y l&agrave; con hậu.
<img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/57e1c0a5-ac27-4669-bc56-25dd07928643" alt="Một m&ocirc; h&igrave;nh cờ vua, được tải xuống từ cgtrader, thiết kế bởi themerces" />
Một m&ocirc; h&igrave;nh cờ vua, được tải xuống từ cgtrader, thiết kế bởi themerces

Admin

Thêm cử chỉ vào ứng dụng khối lập phương SwiftU

Cùng tác giả

Admin

Có liên quan