<?xml version="1.0" encoding="UTF-8" ?>
<rss
    version="2.0"
    xmlns:atom="http://www.w3.org/2005/Atom"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:webfeeds="http://webfeeds.org/rss/1.0"
    xmlns:media="http://search.yahoo.com/mrss/"
    >
    <channel>
        <title>Threejs Tag - Viblo</title>
        <link>https://viblo.asia/rss</link>
        <description><![CDATA[Free service for technical knowledge sharing]]></description>
        <atom:link href="https://viblo.asia/rss/tags/threejs.rss" rel="self"></atom:link>
                <copyright>Sun* Inc.</copyright>
                                                <webfeeds:logo>https://viblo.asia/logo_full.svg</webfeeds:logo>
        <image>
            <url>https://viblo.asia/logo_full.svg</url>
            <title>Threejs Tag - Viblo</title>
            <link>https://viblo.asia/rss</link>
        </image>
                                <language>vi-vn</language>
        <lastBuildDate>2026-05-23T05:08:25+07:00</lastBuildDate>
                <item>
            <title><![CDATA[Kiến trúc và tối ưu 3D Editor thực chiến với Three.js]]></title>
                        <link>https://viblo.asia/p/kien-truc-va-toi-uu-3d-editor-thuc-chien-voi-threejs-y0VGwOapVPA</link>
            <guid isPermaLink="true">https://viblo.asia/p/kien-truc-va-toi-uu-3d-editor-thuc-chien-voi-threejs-y0VGwOapVPA</guid>
            <description><![CDATA[Mở đầu

Sau khi xây dựng được:
- selection
- drag
- rotate
- scale
- snapping
- transform controls

… bạn sẽ bắt đầu nhận ra một điều:

render object ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Sơn Đoàn Văn</dc:creator>
            <pubDate>2026-05-22 16:58:12</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Xây dựng 3D Editor đầu tiên với Three.js — Select, Drag, Rotate, Scale]]></title>
                        <link>https://viblo.asia/p/xay-dung-3d-editor-dau-tien-voi-threejs-select-drag-rotate-scale-PoL7e0ZN4vk</link>
            <guid isPermaLink="true">https://viblo.asia/p/xay-dung-3d-editor-dau-tien-voi-threejs-select-drag-rotate-scale-PoL7e0ZN4vk</guid>
            <description><![CDATA[Mở đầu

Sau khi hiểu:
- scene
- camera
- mesh
- coordinate system

… bước tiếp theo sẽ là:

biến scene 3D thành một editor thật sự.

Đây là giai đoạn:...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Sơn Đoàn Văn</dc:creator>
            <pubDate>2026-05-22 16:55:13</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Three.js cho người mới bắt đầu — Hiểu đúng về thế giới 3D trước khi code]]></title>
                        <link>https://viblo.asia/p/threejs-cho-nguoi-moi-bat-dau-hieu-dung-ve-the-gioi-3d-truoc-khi-code-gdJzvM63Jz5</link>
            <guid isPermaLink="true">https://viblo.asia/p/threejs-cho-nguoi-moi-bat-dau-hieu-dung-ve-the-gioi-3d-truoc-khi-code-gdJzvM63Jz5</guid>
            <description><![CDATA[Mở đầu

Nếu bạn đang bắt đầu học Three.js, rất có thể bạn đã từng gặp những tình huống như:

- Copy code từ tutorial nhưng không hiểu thật sự nó hoạt ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Sơn Đoàn Văn</dc:creator>
            <pubDate>2026-05-22 16:51:40</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[WebGL và Three.js cho hệ thống thử đồ ảo]]></title>
                        <link>https://viblo.asia/p/webgl-va-threejs-cho-he-thong-thu-do-ao-7ymJX255Vkq</link>
            <guid isPermaLink="true">https://viblo.asia/p/webgl-va-threejs-cho-he-thong-thu-do-ao-7ymJX255Vkq</guid>
            <description><![CDATA[Giới thiệu

Với sự phát triển nhanh chóng của thương mại điện tử, kỳ vọng của người tiêu dùng đối với trải nghiệm mua sắm trực tuyến ngày càng tăng. C...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">venzil</dc:creator>
            <pubDate>2025-03-10 13:53:44</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Làm việc Modal 3D với Threejs trong reactjs bằng thư viện react-three-fiber]]></title>
                        <link>https://viblo.asia/p/lam-viec-modal-3d-voi-threejs-trong-reactjs-bang-thu-vien-react-three-fiber-vlZL9b6vVQK</link>
            <guid isPermaLink="true">https://viblo.asia/p/lam-viec-modal-3d-voi-threejs-trong-reactjs-bang-thu-vien-react-three-fiber-vlZL9b6vVQK</guid>
            <description><![CDATA[Hiển thị một file .jbx (modal 3d) sử dụng thư viện Three.js trong ReactJS
Để hiển thị một file .jbx (modal 3d) sử dụng thư viện Three.js trong ReactJS...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">HuDu Pa</dc:creator>
            <pubDate>2023-05-18 22:05:51</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tự tạo Metaverse bằng A-frame và Three.js]]></title>
                        <link>https://viblo.asia/p/tu-tao-metaverse-bang-a-frame-va-threejs-5OXLAXWZJGr</link>
            <guid isPermaLink="true">https://viblo.asia/p/tu-tao-metaverse-bang-a-frame-va-threejs-5OXLAXWZJGr</guid>
            <description><![CDATA[Như tiêu đề - Đây là một tutorial tạo metaverse

Overview
* Mình sử dụng a-frame - một  web framework để tạo các ứng dụng VR.
* Docs offical của a-fra...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Henry Pham</dc:creator>
            <pubDate>2022-10-11 17:59:24</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Load model và ebook Học Three.js cơ bản]]></title>
                        <link>https://viblo.asia/p/load-model-va-ebook-hoc-threejs-co-ban-vyDZORWxKwj</link>
            <guid isPermaLink="true">https://viblo.asia/p/load-model-va-ebook-hoc-threejs-co-ban-vyDZORWxKwj</guid>
            <description><![CDATA[Để tạo ra các mô hình 3D phức tạp, sẽ rất khó nếu chúng ta làm việc đó thủ công bằng cách kết hợp các Geometry cơ bản mà Three.js cung cấp. Thay vào đ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-03-23 08:19:28</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Texture mapping trong Three.js]]></title>
                        <link>https://viblo.asia/p/texture-mapping-trong-threejs-E375zARWlGW</link>
            <guid isPermaLink="true">https://viblo.asia/p/texture-mapping-trong-threejs-E375zARWlGW</guid>
            <description><![CDATA[Giới thiệu

Texture mapping là phương pháp để mô tả thông tin chi tiết của một bề mặt như màu sắc, sự gồ ghề, sự trong suốt, sự sáng bóng, sự phản chi...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-03-21 08:09:53</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[3D Text và 3D SVG trong Three.js]]></title>
                        <link>https://viblo.asia/p/3d-text-va-3d-svg-trong-threejs-bWrZnAeOKxw</link>
            <guid isPermaLink="true">https://viblo.asia/p/3d-text-va-3d-svg-trong-threejs-bWrZnAeOKxw</guid>
            <description><![CDATA[Trong các bài trước, chúng ta đã tìm hiểu cách tạo các đối tượng 3D có dạng hình khối. Vậy thế còn các đối tượng có dạng văn bản thì sao? Chúng ta khô...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-03-12 18:44:42</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Light trong Three.js]]></title>
                        <link>https://viblo.asia/p/light-trong-threejs-jvElaRLm5kw</link>
            <guid isPermaLink="true">https://viblo.asia/p/light-trong-threejs-jvElaRLm5kw</guid>
            <description><![CDATA[Ở thế giới thật, các tia sáng có thể chiếu thẳng trực tiếp vào đối tượng, hoặc có thể va chạm vào các bề mặt khác nhau và phản xạ hoặc khuếch tán trướ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-03-08 14:46:59</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Camera Controls trong Three.js]]></title>
                        <link>https://viblo.asia/p/camera-controls-trong-threejs-maGK7rwD5j2</link>
            <guid isPermaLink="true">https://viblo.asia/p/camera-controls-trong-threejs-maGK7rwD5j2</guid>
            <description><![CDATA[Three.js có một số Camera Controls mà bạn có thể sử dụng để điều khiển Camera di chuyển bên trong cảnh. Các Controls này không nằm trong file thư viện...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-03-05 10:00:57</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Material trong Three.js]]></title>
                        <link>https://viblo.asia/p/material-trong-threejs-924lJRwblPM</link>
            <guid isPermaLink="true">https://viblo.asia/p/material-trong-threejs-924lJRwblPM</guid>
            <description><![CDATA[Giới thiệu chung

Trong Three.js, Material xác định màu của một điểm trên đối tượng (Mesh). Material quyết định đối tượng trông như thế nào: trong suố...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-03-05 09:32:21</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Các thành phần cơ bản tạo nên một cảnh 3D trong Three.js]]></title>
                        <link>https://viblo.asia/p/cac-thanh-phan-co-ban-tao-nen-mot-canh-3d-trong-threejs-6J3ZgR6WKmB</link>
            <guid isPermaLink="true">https://viblo.asia/p/cac-thanh-phan-co-ban-tao-nen-mot-canh-3d-trong-threejs-6J3ZgR6WKmB</guid>
            <description><![CDATA[Trong bài này, chúng ta sẽ cùng tìm hiểu về các thành phần như Scene, Camera, Renderer, Mesh, Geometry. Trước đó, chúng ta cũng tìm hiểu về hệ tọa độ ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-02-26 17:20:01</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Animation trong Three.js]]></title>
                        <link>https://viblo.asia/p/animation-trong-threejs-gAm5yEgL5db</link>
            <guid isPermaLink="true">https://viblo.asia/p/animation-trong-threejs-gAm5yEgL5db</guid>
            <description><![CDATA[Nếu chúng ta muốn animate cảnh, chúng ta cần render cảnh nhiều lần theo một tần suất nào đó. Các trình duyệt hiện đại có một giải pháp cho vấn đề, đó ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-02-20 15:44:13</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Responsive trong Three.js]]></title>
                        <link>https://viblo.asia/p/responsive-trong-threejs-4dbZNRmyZYM</link>
            <guid isPermaLink="true">https://viblo.asia/p/responsive-trong-threejs-4dbZNRmyZYM</guid>
            <description><![CDATA[Cảnh chiếm toàn bộ viewport, responsive theo viewport

Trong các ví dụ trước, chúng ta đã tạo được một cảnh 3D đơn giản. Tuy nhiên, khi bạn thay đổi k...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-02-19 17:05:54</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Sử dụng dat.GUI để trải nghiệm dễ dàng hơn trong Three.js]]></title>
                        <link>https://viblo.asia/p/su-dung-datgui-de-trai-nghiem-de-dang-hon-trong-threejs-XL6lAVzR5ek</link>
            <guid isPermaLink="true">https://viblo.asia/p/su-dung-datgui-de-trai-nghiem-de-dang-hon-trong-threejs-XL6lAVzR5ek</guid>
            <description><![CDATA[Thư viện dat.GUI cho phép bạn tạo một giao diện đơn giản để bạn có thể thay đổi các biến trong code của bạn. Chúng ta sẽ tích hợp dat.GUI vào các ví d...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-02-17 18:13:47</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tạo cảnh 3D đầu tiên với Three.js]]></title>
                        <link>https://viblo.asia/p/tao-canh-3d-dau-tien-voi-threejs-924lJByzlPM</link>
            <guid isPermaLink="true">https://viblo.asia/p/tao-canh-3d-dau-tien-voi-threejs-924lJByzlPM</guid>
            <description><![CDATA[Giới thiệu

Các trình duyệt hiện đại hỗ trợ WebGL. Với WebGL, bạn có thể trực tiếp sử dụng các tài nguyên xử lý của card đồ họa (GPU) và tạo các cảnh ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Văn Huyên</dc:creator>
            <pubDate>2022-02-15 18:41:43</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[[ThreeJS] Xếp hình]]></title>
                        <link>https://viblo.asia/p/threejs-xep-hinh-yMnKM06E57P</link>
            <guid isPermaLink="true">https://viblo.asia/p/threejs-xep-hinh-yMnKM06E57P</guid>
            <description><![CDATA[Các bài trước trong series mình đã hướng dẫn mọi người tạo vài hình khối có sẵn rồi, hôm nay sẽ nâng cao hơn, ghép các khối cơ bản thành hình nhé.

Để...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phạm Thu Hằng</dc:creator>
            <pubDate>2021-03-21 23:35:06</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[ThreeJs bài 4: Models loader]]></title>
                        <link>https://viblo.asia/p/threejs-bai-4-models-loader-djeZ1mqYZWz</link>
            <guid isPermaLink="true">https://viblo.asia/p/threejs-bai-4-models-loader-djeZ1mqYZWz</guid>
            <description><![CDATA[Giới thiệu
Ở các bài trước, thì dựa vào các model có sẵn trên three.js mình đã có thể có các hình khối cơ bản như là: khối cầu, khối nón,... Tuy nhiên...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phạm Thu Hằng</dc:creator>
            <pubDate>2020-11-20 10:47:05</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Mesh trong Three.js là gì ?]]></title>
                        <link>https://viblo.asia/p/mesh-trong-threejs-la-gi-RQqKLe3rZ7z</link>
            <guid isPermaLink="true">https://viblo.asia/p/mesh-trong-threejs-la-gi-RQqKLe3rZ7z</guid>
            <description><![CDATA[Chào các bạn lại là mình đây :D. Mình đang chìm đắm trong thế giới của Three.js, nó khiến mình cảm thấy thật thú vị và có rất rất nhiều thứ cực kì hay...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen Tran Dai</dc:creator>
            <pubDate>2020-10-21 23:01:32</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[ThreeJs bài 3: makeup]]></title>
                        <link>https://viblo.asia/p/threejs-bai-3-makeup-LzD5de9YKjY</link>
            <guid isPermaLink="true">https://viblo.asia/p/threejs-bai-3-makeup-LzD5de9YKjY</guid>
            <description><![CDATA[![](https://images.viblo.asia/e418c522-df70-45c4-86b2-e24d3af731b4.gif)



https://threejs.tothemoon-min.com/lightmap.html

Sau 2 bài giới thiệu cơ bả...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phạm Thu Hằng</dc:creator>
            <pubDate>2020-10-21 20:59:02</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Three.js - Bài 2: Dịch chuyển đối tượng 3D - Controls]]></title>
                        <link>https://viblo.asia/p/threejs-bai-2-dich-chuyen-doi-tuong-3d-controls-4P856n6W5Y3</link>
            <guid isPermaLink="true">https://viblo.asia/p/threejs-bai-2-dich-chuyen-doi-tuong-3d-controls-4P856n6W5Y3</guid>
            <description><![CDATA[Tiếp theo phần làm quen với ThreeJS, bài này sẽ là làm quen với 1 vài controls (điều khiển) trong ThreeJS nhé. Tiếp tục từ PJ lần trước:

Để mở đầu ch...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phạm Thu Hằng</dc:creator>
            <pubDate>2020-09-23 11:17:55</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Three.js - Bài 1: Làm quen với môi trường 3D của ThreeJS]]></title>
                        <link>https://viblo.asia/p/threejs-bai-1-lam-quen-voi-moi-truong-3d-cua-threejs-vyDZO7ROZwj</link>
            <guid isPermaLink="true">https://viblo.asia/p/threejs-bai-1-lam-quen-voi-moi-truong-3d-cua-threejs-vyDZO7ROZwj</guid>
            <description><![CDATA[![](https://images.viblo.asia/fe270541-f5e1-4889-b5f1-1d0f2c66c49a.gif)


Giới thiệu về ThreeJS
Trước khi đi vào tìm hiểu xem tạo 3D với ThreeJS như t...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phạm Thu Hằng</dc:creator>
            <pubDate>2020-08-20 21:08:26</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tìm hiểu WebVR với A-Frame phần 1]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/tim-hieu-webvr-voi-a-frame-phan-1-4P856XRWZY3</link>
            <guid isPermaLink="true">https://viblo.asia/p/tim-hieu-webvr-voi-a-frame-phan-1-4P856XRWZY3</guid>
            <description><![CDATA[Tìm hiểu Web VR với A-Frame.
1. VR, WebVR là gì?
>Thực tế ảo hay còn gọi là thực tại ảo (tiếng Anh là virtual reality, viết tắt là VR) là thuật ngữ mi...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Quang Huy</dc:creator>
            <pubDate>2017-08-25 16:51:23</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tạo 1 cảnh động 3D đơn giản trên web với Three.js]]></title>
                        <link>https://viblo.asia/p/tao-1-canh-dong-3d-don-gian-tren-web-voi-threejs-BYjv449xvxpV</link>
            <guid isPermaLink="true">https://viblo.asia/p/tao-1-canh-dong-3d-don-gian-tren-web-voi-threejs-BYjv449xvxpV</guid>
            <description><![CDATA[

Chúng ta chuẩn bị tạo ra một chiếc máy bay 3D đơn giản sử dụng three.js - thư viện 3D giúp việc thao tác với WebGL trở nên nhẹ nhàng hơn. WebGL còn ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Tan Nguyen</dc:creator>
            <pubDate>2016-06-24 09:06:26</pubDate>
                                                                                                        </item>
            </channel>
</rss>
