<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Spatial Tour và Tour Editor — dựng tour đi xuyên không gian]]></title><description><![CDATA[<p dir="auto"><img src="/community/assets/uploads/files/d5-anim-cover-d5-anim-06.png" alt="Spatial Tour và Tour Editor — dựng tour đi xuyên không gian" class=" img-fluid img-markdown" /></p>
<p dir="auto">Có một khoảnh khắc rất dễ nhận ra trong buổi thuyết trình: khách đang xem ảnh 360 phòng khách, rồi hỏi "từ đây sang bếp có xa không?". Ảnh panorama đứng yên không trả lời được câu đó, vì nó chỉ là một tấm ảnh cầu tại một điểm. Spatial Tour thì trả lời được, vì nó mang theo thông tin không gian: khách bấm về phía bếp là thật sự di chuyển tới đó, hotspot bám lên bề mặt vật thể, và có cả chế độ nhìn toàn bộ căn hộ như một mô hình nhà búp bê. Bài này đi từ lúc tạo tour trong D5 tới lúc gửi link cho khách.</p>
<h2>Tính năng này giải quyết việc gì</h2>
<p dir="auto">Khác biệt gốc rễ so với Panorama Tour nằm ở chỗ <strong>Spatial Tour phải được tạo trong D5 rồi mới tải lên</strong>, chứ không phải gom ảnh rời trên trình duyệt. Nhờ vậy nó giữ được thông tin không gian, và mở ra ba thứ mà tour ảnh rời không có: dịch chuyển 3D giữa các điểm, hotspot neo theo bề mặt vật thể, và đo kích thước.</p>
<p dir="auto"><img src="/community/assets/uploads/files/d5-anim-asset-d5-anim-06-1.png" alt="Trong D5, biểu tượng Tour ở góc trên bên phải mở bảng dự án; nút cộng cho chọn tạo Spatial Tour hoặc XR Tour" class=" img-fluid img-markdown" /></p>
<p dir="auto">Khi vào trạng thái biên tập tour, D5 chuyển sang một môi trường riêng và tự đổi vài thứ: khung nhìn chuyển sang phép chiếu phối cảnh, không chọn được model nữa, chế độ di chuyển tự do bật lên (dùng phím AWSDQE), và các hiệu ứng Auto Exposure, Depth of Field, Bloom, Vignetting, Chromatic Aberration bị tắt. Đây không phải lỗi — tour là môi trường xem tương tác, những hiệu ứng đó không hợp.</p>
<p dir="auto">Mỗi điểm tham quan có <strong>hai cách hiển thị</strong>: vị trí trên mặt đất (mặc định) và vị trí camera thật. Chuột phải để đổi qua lại. Điểm đầu tiên anh em thêm vào mặc định trở thành điểm xuất phát.</p>
<p dir="auto"><img src="/community/assets/uploads/files/d5-anim-asset-d5-anim-06-5.png" alt="Sơ đồ hai cách hiển thị một điểm tham quan: vị trí camera thật ở trên, vị trí chiếu xuống mặt đất ở dưới" class=" img-fluid img-markdown" /></p>
<p dir="auto">Sau khi render, D5 tự sinh thêm <strong>3D Dollhouse</strong> — chế độ nhìn toàn bộ không gian như một mô hình cắt nóc. Chất lượng của nó phụ thuộc thẳng vào việc anh em đặt điểm tham quan có phủ hết không gian hay không.</p>
<p dir="auto"><img src="https://docs.d5render.com/~gitbook/image?url=https%3A%2F%2F3611830798-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F-MjbN1iGmN_HBnj_fyU9%252Fuploads%252F7gOi9FpioQY2CE0EYWLA%252F3d%2520dollhouse6.gif%3Falt%3Dmedia%26token%3Dc5312b99-6f63-43d9-b575-52e179d1f067&amp;width=768&amp;dpr=3&amp;quality=100&amp;sign=5836d845&amp;sv=2" alt="Chuyển sang chế độ nhìn 3D ngay trong trình duyệt bằng nút ở góc dưới bên trái" class=" img-fluid img-markdown" /></p>
<p dir="auto">Giới hạn cần biết: tour <strong>không cho hai người sửa cùng lúc</strong> — ai vào biên tập trước là dự án bị khóa. Với nhóm nhiều người, phải phân công rõ ai cầm file.</p>
<h2>Ứng dụng trong kiến trúc và thiết kế</h2>
<p dir="auto"><strong>Bàn giao căn hộ mẫu cho bộ phận kinh doanh.</strong> Đây là sản phẩm mà chúng tôi thấy khách dùng lâu nhất sau khi bàn giao. Tour có đủ phòng, có hotspot chú thích vật liệu, có sơ đồ mặt bằng để định vị — nhân viên bán hàng mở lên là dẫn khách đi được, không cần kiến trúc sư đứng cạnh.</p>
<p dir="auto"><strong>Nhà ở thấp tầng nhiều tầng lầu.</strong> Sơ đồ mặt bằng dẫn hướng cho phép tạo nhiều lớp theo tầng, người xem đổi tầng bằng danh sách thả xuống ngay trên bản đồ nhỏ. Không có nó, khách đi tới tầng hai là mất phương hướng.</p>
<p dir="auto"><strong>Trình bày phương án chiếu sáng ngày và đêm.</strong> Trình biên tập cho tải hai panorama khác nhau ở <strong>cùng một vị trí</strong> — ví dụ một bản chưa bật đèn và một bản đã bật — rồi tự tạo công tắc để người xem chuyển qua lại. Đây là cách trình bày phương án đèn thuyết phục nhất mà không phải làm hai tour.</p>
<p dir="auto"><strong>Duyệt phương án với khách ở xa.</strong> Tour có chức năng bình luận: khách đăng nhập tài khoản D5 rồi ghim ghi chú ngay tại điểm trong không gian, kèm ảnh chụp màn hình. Với Spatial Tour, ghim ghi lại tọa độ ba chiều và vẫn hiện khi chuyển cảnh trong tầm nhìn. Nhận phản hồi kiểu này gọn hơn hẳn danh sách gạch đầu dòng trong email.</p>
<p dir="auto"><strong>Công trình công cộng, nhà máy, không gian phức tạp.</strong> Ở quy mô này, khả năng đo kích thước ngay trong tour là thứ khách kỹ thuật hỏi tới, và nó chỉ có ở Spatial Tour.</p>
<h2>Thông số chính</h2>
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>Nhóm thiết lập</th>
<th>Nội dung chính</th>
<th>Ghi chú khi làm kiến trúc</th>
</tr>
</thead>
<tbody>
<tr>
<td>Thiết lập chung</td>
<td>Tên và lời giới thiệu dự án, tự xoay (độ trễ khởi động + tốc độ), nhạc nền, hoạt ảnh mở đầu</td>
<td>Lời giới thiệu hiện ở góc trên bên trái; hiện chưa chèn được link vào đoạn này</td>
</tr>
<tr>
<td>Camera</td>
<td>Khoảng FOV cho phép và giá trị mặc định, khóa chiều xoay</td>
<td>Khóa chiều xoay khi không muốn khách nhìn lên trần chưa hoàn thiện</td>
</tr>
<tr>
<td>Hotspot neo</td>
<td>Nhảy sang một panorama khác trong cùng tour</td>
<td>Đặt đúng vị trí cửa đi hoặc lối thông</td>
</tr>
<tr>
<td>Hotspot đa phương tiện</td>
<td>Chữ, ảnh, link, video nhúng</td>
<td>Tối đa 20 ảnh, mỗi ảnh tối đa 100MB; chữ tối đa 1000 ký tự; video cần link nhúng dạng iframe</td>
</tr>
<tr>
<td>Kiểu hiển thị hotspot</td>
<td>Theo pháp tuyến bề mặt, tự xoay theo giá trị nhập, hoặc luôn hướng về màn hình</td>
<td>Spatial Tour mặc định theo pháp tuyến; Panorama Tour mặc định hướng màn hình và không đổi được</td>
</tr>
<tr>
<td>Thiết lập chia sẻ</td>
<td>Bật/tắt link, mật khẩu 4 chữ số, hạn dùng, chữ chìm</td>
<td>Bật mật khẩu với phương án chưa công bố</td>
</tr>
<tr>
<td>Sơ đồ mặt bằng</td>
<td>Tải ảnh <code>png</code> hoặc <code>jpg</code> làm bản đồ dẫn hướng</td>
<td>Tạo nhiều lớp cho nhà nhiều tầng</td>
</tr>
<tr>
<td>Bình luận</td>
<td>Chữ tối đa 500 ký tự, ảnh tối đa 20MB, ghim vị trí</td>
<td>Người bình luận phải đăng nhập; khách vãng lai không bình luận được</td>
</tr>
</tbody>
</table>
<h2>Cách làm</h2>
<ol>
<li><strong>Mở dự án render trong D5, bấm biểu tượng Tour</strong>, tạo dự án mới rồi bấm Edit để vào môi trường biên tập.</li>
<li><strong>Chọn vị trí đứng đầu tiên và thêm điểm.</strong> Điểm đầu tiên mặc định là điểm xuất phát. Chuột phải lên điểm để đổi cách hiển thị, đặt lại làm điểm xuất phát, hoặc xóa.</li>
</ol>
<p dir="auto"><img src="/community/assets/uploads/files/d5-anim-asset-d5-anim-06-6.png" alt="Menu chuột phải trên một điểm tham quan: đổi cách hiển thị, ghé thăm, đặt làm điểm xuất phát, xóa" class=" img-fluid img-markdown" /></p>
<ol start="3">
<li><strong>Gán bối cảnh cho từng điểm.</strong> Bấm một cảnh trong danh sách bên trái để áp bộ thông số môi trường của cảnh đó vào điểm đang chọn. Cũng chép và dán được thông số môi trường cùng trạng thái hiển thị của lớp từ cảnh này sang điểm khác.</li>
</ol>
<p dir="auto"><img src="/community/assets/uploads/files/d5-anim-asset-d5-anim-06-8.png" alt="Danh sách cảnh với menu chép thông số môi trường và trạng thái hiển thị lớp" class=" img-fluid img-markdown" /></p>
<ol start="4">
<li><strong>Bấm Done để sang chế độ xem thử.</strong> Camera tự quay về điểm xuất phát; bấm trong cảnh để nhảy giữa các điểm. Chỉ những điểm đã đặt mới đi tới được.</li>
<li><strong>Render tour.</strong> Chọn nơi lưu và độ phân giải rồi bấm Render. Kết quả là một thư mục web chứa các ảnh panorama, file JS và tài nguyên đi kèm; mở xem thử ngay bằng nút Preview.</li>
</ol>
<p dir="auto"><img src="/community/assets/uploads/files/d5-anim-asset-d5-anim-06-12.png" alt="Hộp thoại render tour: chọn đường dẫn lưu và độ phân giải" class=" img-fluid img-markdown" /></p>
<ol start="6">
<li><strong>Tải lên và biên tập tiếp trên web.</strong> Bấm Share để đưa lên D5 Cloud, đặt tên và gắn vào một dự án. Sau đó vào D5 Showreel, bấm Edit để mở trình biên tập panorama.</li>
<li><strong>Thêm hotspot đa phương tiện ở những chỗ cần giải thích.</strong> Vật liệu mặt bếp, thông số cửa, video giới thiệu chủ đầu tư — tất cả nhét vào hotspot thay vì bắt khách đọc tài liệu rời.</li>
</ol>
<p dir="auto"><img src="/community/assets/uploads/files/d5-anim-asset-d5-anim-06-33.png" alt="Cửa sổ hotspot đa phương tiện với video nhúng, ảnh và đường liên kết" class=" img-fluid img-markdown" /></p>
<ol start="8">
<li><strong>Tải sơ đồ mặt bằng làm bản đồ dẫn hướng.</strong> Sau khi tải, bấm đúp lên vị trí tương ứng trên bản đồ để đặt biểu tượng camera; nếu hướng camera không khớp thực tế thì xoay riêng biểu tượng mà không phải xoay panorama.</li>
</ol>
<p dir="auto"><img src="/community/assets/uploads/files/d5-anim-asset-d5-anim-06-37.png" alt="Sơ đồ mặt bằng dẫn hướng hiện ở góc trên bên trái của tour, có thể tạo nhiều lớp theo tầng" class=" img-fluid img-markdown" /></p>
<ol start="9">
<li><strong>Đặt tên, lời giới thiệu và bật cho phép bình luận</strong> trong thiết lập chung, rồi chia sẻ link.</li>
</ol>
<h2>Mẹo và lưu ý</h2>
<ul>
<li><strong>Đặt điểm tham quan là bài toán phủ, không phải bài toán đẹp.</strong> Chất lượng 3D Dollhouse phụ thuộc vào việc hình học có được nhìn thấy từ các điểm hay không. Một điểm trong mỗi phòng thường là đủ; phòng có hình dạng phức tạp hoặc bị đồ đạc che thì phải thêm điểm, nếu không sẽ có mảng bị khuyết.</li>
<li><strong>Đừng đặt điểm sát tường hoặc sát góc.</strong> Cũng như panorama, đứng sát là một nửa khung hình thành mảng đặc.</li>
<li><strong>Nhớ là hiệu ứng bị tắt trong môi trường tour.</strong> Cảnh render ảnh tĩnh đẹp nhờ Depth of Field và Bloom, nhưng vào tour thì không còn, nên đừng ngạc nhiên khi tour trông "phẳng" hơn ảnh. Nếu cần, bù bằng ánh sáng chứ không bù bằng hiệu ứng.</li>
<li><strong>Tour bị khóa khi có người đang sửa.</strong> Trong nhóm, chốt một người cầm file; người khác mở ra sửa song song là không được.</li>
<li><strong>Mỗi lần tải lên cloud là tạo một file tour mới</strong>, bản cũ vẫn giữ. Tiện khi cần đối chiếu phiên bản, nhưng cũng dễ làm dự án đầy file — dọn định kỳ.</li>
<li><strong>Link ngắn có ảnh xem trước, link dài thì không.</strong> Khi gửi qua mạng xã hội hoặc nhóm chat, dùng link ngắn để hiện được ảnh bìa và mô tả dự án.</li>
<li><strong>Bàn giao được cả bản chạy ngoại tuyến.</strong> Sau khi render, toàn bộ thư mục web chép sang máy khác vẫn mở được bằng trình duyệt. Rất hữu ích khi thuyết trình ở nơi mạng yếu.</li>
<li><strong>Kiểm trên điện thoại trước khi gửi.</strong> Phần lớn khách xem tour lần đầu bằng điện thoại, không phải máy tính.</li>
</ul>
<h2>Dùng kèm</h2>
<ul>
<li>Ảnh 360 rời, nhẹ hơn và nhận ảnh từ mọi phần mềm: <a href="/community/topic/252/panorama-tour-%E1%BA%A3nh-360-giao-kh%C3%A1ch-xem-tr%C3%AAn-%C4%91i%E1%BB%87n-tho%E1%BA%A1i">Panorama Tour — ảnh 360 giao khách xem trên điện thoại</a></li>
<li>Đưa mô hình lên trình duyệt dạng 3D tương tác: <a href="/community/topic/254/xr-tour-%C4%91%C6%B0a-m%C3%B4-h%C3%ACnh-l%C3%AAn-k%C3%ADnh-th%E1%BB%B1c-t%E1%BA%BF-%E1%BA%A3o">XR Tour — đưa mô hình lên kính thực tế ảo</a></li>
<li>Quản lý, chia sẻ và bảo vệ link tour: <a href="/community/topic/255/d5-showreel-v%C3%A0-outro-ri%C3%AAng-%C4%91%C3%B3ng-g%C3%B3i-s%E1%BA%A3n-ph%E1%BA%A9m-c%C3%B3-th%C6%B0%C6%A1ng-hi%E1%BB%87u">D5 Showreel và outro riêng — đóng gói sản phẩm có thương hiệu</a></li>
<li>Dựng sáng cho cảnh kiến trúc: <a href="/community/topic/221/%C3%A1nh-s%C3%A1ng-trong-d5-th%E1%BB%A9-t%E1%BB%B1-d%E1%BB%B1ng-s%C3%A1ng-cho-m%E1%BB%99t-c%E1%BA%A3nh-ki%E1%BA%BFn-tr%C3%BAc">Ánh sáng trong D5 — thứ tự dựng sáng cho một cảnh kiến trúc</a></li>
</ul>
<hr />
<blockquote>
<p dir="auto">Bài nằm trong bộ giáo trình D5 Render do <strong>Lotuz Studio</strong> biên soạn và chia sẻ mở cho cộng đồng<br />
diễn hoạ kiến trúc Việt Nam. Lotuz Studio là công ty tư vấn thiết kế kiến trúc tại Đà Nẵng, 10+ năm<br />
làm thiết kế và diễn hoạ cho dự án trong nước lẫn quốc tế.<br />
Xem thêm tại <a href="https://lotuz.vn" rel="nofollow ugc">lotuz.vn</a> — hoặc <a href="https://www.lotuz.ai" rel="nofollow ugc">lotuz.ai</a> nếu anh em quan tâm<br />
bộ công cụ AI cho Photoshop do chúng tôi tự phát triển.</p>
</blockquote>
<h2>Video tham khảo (YouTube)</h2>
<ul>
<li><div class="lotuz-yt" data-yt="nzTybxxnIRs"><span class="lotuz-yt-media"><img class="lotuz-yt-thumb" src="https://i.ytimg.com/vi/nzTybxxnIRs/hqdefault.jpg" alt="D5 Render 3.0 Spatial Tour Setup Guide (360 Virtual Tours in Minutes) (Andy Christoforou - ArchViz &amp;amp; AI Academy)" /><button class="lotuz-yt-play" aria-label="Phát video"></button></span><span class="lotuz-yt-title">D5 Render 3.0 Spatial Tour Setup Guide (360 Virtual Tours in Minutes) (Andy Christoforou - ArchViz &amp;amp; AI Academy)</span></div></li>
<li><div class="lotuz-yt" data-yt="hdyvDyy7OEU"><span class="lotuz-yt-media"><img class="lotuz-yt-thumb" src="https://i.ytimg.com/vi/hdyvDyy7OEU/hqdefault.jpg" alt="Creating a 360 Virtual Tour in D5 Render (Team Version) (Spacios Group Inc)" /><button class="lotuz-yt-play" aria-label="Phát video"></button></span><span class="lotuz-yt-title">Creating a 360 Virtual Tour in D5 Render (Team Version) (Spacios Group Inc)</span></div></li>
<li><div class="lotuz-yt" data-yt="4S61-_YPSbc"><span class="lotuz-yt-media"><img class="lotuz-yt-thumb" src="https://i.ytimg.com/vi/4S61-_YPSbc/hqdefault.jpg" alt="D5 Render | 360° Virtual Tour Example (Vaz Produções)" /><button class="lotuz-yt-play" aria-label="Phát video"></button></span><span class="lotuz-yt-title">D5 Render | 360° Virtual Tour Example (Vaz Produções)</span></div></li>
<li><div class="lotuz-yt" data-yt="JINfqYxZAi0"><span class="lotuz-yt-media"><img class="lotuz-yt-thumb" src="https://i.ytimg.com/vi/JINfqYxZAi0/hqdefault.jpg" alt="How to create 360° Virtual Walk-Through | D5 Render | Github | Marzipano (The Digital Da Vinci)" /><button class="lotuz-yt-play" aria-label="Phát video"></button></span><span class="lotuz-yt-title">How to create 360° Virtual Walk-Through | D5 Render | Github | Marzipano (The Digital Da Vinci)</span></div></li>
<li><div class="lotuz-yt" data-yt="PpjWUK5xVX0"><span class="lotuz-yt-media"><img class="lotuz-yt-thumb" src="https://i.ytimg.com/vi/PpjWUK5xVX0/hqdefault.jpg" alt="D5 Render - Tutorial panoramas em 360° (roundme.com) (Descomplica Render!)" /><button class="lotuz-yt-play" aria-label="Phát video"></button></span><span class="lotuz-yt-title">D5 Render - Tutorial panoramas em 360° (roundme.com) (Descomplica Render!)</span></div></li>
</ul>
<h2>Tài liệu tham khảo</h2>
<ul>
<li><a href="https://docs.d5render.com/user-guide/d5-virtual-tour/spatial-tour" rel="nofollow ugc">Spatial Tour</a> — tạo tour, hai cách hiển thị điểm, 3D Dollhouse và cách chia sẻ.</li>
<li><a href="https://docs.d5render.com/user-guide/d5-virtual-tour/d5-render-tour-editor" rel="nofollow ugc">D5 Render Tour Editor</a> — nguồn của bảng thiết lập chung, hotspot, sơ đồ mặt bằng và bình luận.</li>
<li><a href="https://docs.d5render.com/user-guide/d5-virtual-tour/panorama-tour" rel="nofollow ugc">Panorama Tour</a> — đối chiếu khác biệt giữa hai loại tour.</li>
<li><a href="https://docs.d5render.com/user-guide/d5-virtual-tour/d5-showreel" rel="nofollow ugc">D5 Showreel</a> — nơi tour được lưu, quản lý và chia sẻ.</li>
</ul>
]]></description><link>https://lotuz.ai/community/topic/253/spatial-tour-và-tour-editor-dựng-tour-đi-xuyên-không-gian</link><generator>RSS for Node</generator><lastBuildDate>Wed, 26 Aug 2026 17:12:39 GMT</lastBuildDate><atom:link href="https://lotuz.ai/community/topic/253.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 12 Aug 2026 07:15:09 GMT</pubDate><ttl>60</ttl></channel></rss>