# data[].attributes.headline
Các nhóm thả file phân công vào cột này, có thể up ảnh

# data[].attributes.subject
Các nhóm thả file phân công vào cột này, có thể up ảnh

# data[].attributes.headline
Cô gợi ý một số sản phẩm/ video hướng dẫn

# data[].attributes.subject
Cô gợi ý một số sản phẩm/ video hướng dẫn

# data[].attributes.attachment_link.description
Discover recipes, home ideas, style inspiration and other ideas to try.

# data[].attributes.attachment_link.title
Origami; Triangles mini(Green) in 2025 | Geometric origami, Origami wall art, Origami design

# data[].attributes.attachment_link.description
Apr 23, 2025 - #origami #asmr #折り紙 #green I made it from paper and didn’t cut any part of paper to create it.I designed it by myself.

# data[].attributes.attachment_link.readable_text
Có lẽ bạn đã rất quen thuộc với thư viện Tessellation, nói đơn giản, là việc chia các
Tessellation là gì?
đồ họa DirectX 11 của Microsoft, DirectX 11 có mặt trong phần lớn các game trên máy tính xuất hiện trong khoảng 2 năm gần đây, cùng với các thế hệ card đồ họa hỗ trợ DirectX 11 đầu tiên là nVIDIA GeForce 400 series và AMD Radeon HD 5000 series. đa giác (polygon) thành những đa giác nhỏ hơn một cách tự động theo một kịch bản quy định sẵn bởi các nhà phát triển. Ví dụ bạn lấy một hình vuông, cắt chéo nó, bạn sẽ có 2 hình tam giác nhỏ hơn, cây kéo để cắt chính là công cụ tessellation. Chỉ khác là tessellation được thực hiện hoàn toàn tự động. Tuy nhiên chia hình vuông ra 2 tam giác hay hàng ngàn đa giác thì nhìn cũng không khác nhau là mấy, nếu chúng nằm trên một mặt phẳng. Tessellation chỉ có tác dụng rõ rệt nếu các đa giác nằm trên một cấu trúc gồ ghề, không bằng phẳng.

Về cơ bản, DirectX 11 khác biệt với thế hệ DirectX 10 trước đó chủ yếu ở công cụ Tessellation. Vậy Tessellation là gì, nó giúp ích gì được cho các game thủ và các nhà phát triển ứng dụng? Bài viết này sẽ đem đến cho bạn cái nhìn sơ lược nhất về tessellation và việc ứng dụng của nó.

Sau khi dùng tessellation để cắt các đa giác, người ta sẽ dùng một kỹ thuật khác, nhằm sắp xếp các đa giác mới đó vào một mô hình vật thể, được gọi là
ánh xạ vị trí (displacement mapping). Một bản đồ ánh xạ vị trí là một tổ hợp các thông số chứa thông tin về độ cao của từng đa giác, hoặc gọi là đỉnh độ cao ( vertices). Khi nó được áp vào một bề mặt nào đó, nó sẽ ra lệnh cho các vị trí trên bề mặt nâng lên hoặc hạ xuống ứng với thông tin độ cao trên bản đồ ánh xạ vị trí đó.

Ví dụ, nhà thiết kế game khi cần thiết kế một ngọn núi trong game, họ sẽ thiết lập một bản đồ ánh xạ vị trí chứa độ cao của từng điểm (tương tự với bản đồ đường đồng mức của ngành trắc địa) và áp một một file hình ảnh trên mặt phẳng của ngọn núi lên bản đồ đó để tạo ra một mô hình 3 chiều của ngọn núi. Với nguyên lý tương tự như vậy, các nhà phát triển sẽ làm ra nhà cửa, xe cộ, vũ khí, người, cây...

Tương tự như tessellation, bản đồ ánh xạ vị trí đã tồn tại khá lâu, nhưng cho tới gần đây nó mới được chú ý sử dụng nhiều hơn. Lý do rằng để bản đồ ánh xạ được phát huy hiệu quả, bề mặt vật liệu được tạo lập sẵn từ rất nhiều các đỉnh độ cao. Trong ví dụ của ngọn núi ở trên, nếu chỉ có khoảng 8 đỉnh độ cao, sẽ không có thông tin về độ cao của các vị trí lân cận để định hình được ngọn núi. Do đó cần phải có một số lượng đỉnh độ cao đủ lớn, các nhà phát triển phải bỏ công sức khá nhiều cho công đoạn này. Tessellation sẽ thực hiện việc này hoàn toàn tự động, giúp tiết kiệm công sức thiết kế của nhà phát triển rất nhiều.

Với DirectX 11 thì hai công cụ này đã được kết hợp chặt chẽ với nhau, nhờ tessellation, việc thiết kế các đỉnh độ cao được thực hiện hoàn toàn tự động, giúp tiết kiệm công sức cho các nhà phát triển, đồng thời đem lại hiệu ứng đồ họa bắt mắt hơn với các mô hình có độ chi tiết cao. Các game phổ biến như Alien vs Predator hay Metro 2033 đều áp dụng tessellation để tạo ra các mô hình rất trơn tru và mượt mà.​

Một mô hình thô (trái) sau khi được xử lý bằng tessellation (giữa) và áp bản đồ ánh xạ vị trí lên (phải) ​

Vậy với công dụng như vậy, Tessellation có những ứng dụng gì? Sau đây là 4 ứng dụng tiêu biểu nhất được dùng rộng rãi trong ngành công nghiệp trò chơi điện tử.

Ứng dụng của Tessellation:

1. Tạo hiệu ứng vân nổi hoàn hảo
Bản đồ ánh xạ vị trí sẽ là một giải pháp thay thế cho các kỹ thuật ánh xạ vân nổi (bump mapping) hiện tại. Các kỹ thuật ánh xạ vân nổi hiện tại thường dựa chủ yếu vào thị giác để tạo cảm giác về độ sâu. Trong đó, kỹ thuật ánh xạ thông thường (normal mapping) được sử dụng nhiều nhất trong các thế hệ game cũ. Ví dụ phổ biến nhất là các vết thủng trên tường khi bắn đạn vào, kỹ thuật vân nổi thông thường sẽ áp các vân (ví dụ vết thủng tường) lên bề mặt vật thể, tạo ra một "ảo giác" về độ sâu của vật thể đó, cụ thể ở đây là tường bị thủng lỗ.
Nhưng kỹ thuật ánh xạ vị trí sẽ dựa trên thông tin về độ sâu của việc thủng tường để tạo ra một vết thủng thực sự bằng mô hình 3 chiều, thông tin về đỉnh độ sâu này sẽ được cung cấp bởi tessellation.

Kỹ thuật ánh xạ thông thường (trái) và kỹ thuật ánh xạ vị trí có sự giúp đỡ của Tessellation (phải) ​

Rõ ràng ta có được hiệu ứng đồ họa đẹp mắt và chân thực hơn nhiều so với "miếng dán" kia trong các game sử dụng các thế hệ DirectX cũ (phiên bản 10 trở về trước).

2. Mô hình nhân vật mượt mà và chi tiết hơn
Một công cụ có thể khai thác tessellation khác là thuật toán làm mịn. Thuật toán này sẽ dùng một mô hình thô, với sự trợ giúp của tessellation sẽ tạo ra một mô hình mịn màng và có số lượng đa giác cao hơn nhiều, mà không cần các nhà phát triển phải bỏ thời gian để vẽ mô hình đó.

Một ví dụ khá phổ biến là thuật toán PN-triangles (có tên khác là N-patches). PN-triangles sẽ chuyển đổi một mô hình có bề mặt đơn giản thành các bề mặt có số lượng đa giác phức tạp hơn nhiều lần, nhờ tessellation. Thuật toán này được sử dụng rất rộng rãi trong các game DirectX 11 hiện nay, từ các vô lăng xe hơi, khuôn mặt nhân vật, quả bóng đá... Trong game Stalker: Call of Pripyat, PN-triangles được dùng để tạo ra rất nhiều các mô hình nhân vật.

Mô hình này được xử lý bởi tessellation cho ra một kết quả mịn màn và trơn tru hơn. ​

Đối với các game có môi trường lớn, như series GTA hoặc các game đua xe, bạn sẽ nhận thấy có nhiều vật thể nằm ở xa mà chỉ xuất hiện khi bạn tiến lại gần nó ở một khoảng cách nhất định nào đó (*). Trong các game trước thế hệ DirectX 11, khi càng tiến lại gần, các vật thể sẽ xuất hiện rõ ràng và chi tiết hơn một chút, và chỉ xuất hiện ở hình dạng chi tiết nhất khi bạn tiến tới đủ gần. Nguyên nhân của việc này là các nhà phát triển game đã
3. Tạo ra các mức độ chi tiết liền mạch nhau
tạo sẵn các mô hình (của vật thể đó) từ sơ cấp đến rất chi tiết và tùy thuộc vào khoảng cách xa gần mà hiển thị cho phù hợp, tác dụng chính là giúp máy tính không bị quá tải với quá nhiều vật thể có độ chi tiết cao cùng xuất hiện cùng lúc.

*Khoảng cách này phụ thuộc vào tùy chỉnh View of Distance (hoặc Limit of Detection) trong game.

Nhược điểm của việc này là các nhà phát triển phải bỏ công sức ra vẽ nhiều mức độ chi tiết của cùng một mô hình, đồng thời người chơi cũng nhận thấy mô hình sẽ biến đổi rõ ràng khi khoảng cách xa gần thay đổi.

Tessellation sẽ giúp cho độ chi tiết của mô hình thay đổi một cách liền mạch, ko bị ngắt quãng. Ví dụ trong game đua xe, khi ở khoảng cách xa tầm 500m, ngôi nhà sẽ có khoảng 100 đa giác, khi khoảng cách giảm xuống (tức là ta tiến lại gần nó hơn), ngôi nhà sẽ tăng mức đa giác lên từ từ, 100 lên 500 chẳng hạn, và khi bạn ở cách nó chỉ 10m thì ngôi nhà đã có khoảng 10.000 đa giác, rất liền mạch. Đây gọi là tessellation động (dynamic tessellation).

Ưu điểm rất rõ ràng: nhà phát triển không phải mất công vẽ 5 hoặc 10 mô hình sẵn ứng với các mức độ chi tiết, và người chơi cũng cảm thấy ngôi nhà có mức chi tiết rất liền mạch, ko biến đổi một cách "giật cục" nữa.

3 cấp độ chi tiết của cùng một mô hình mà nhà phát triển phải "vẽ" sẵn khi không có tessellation hỗ trợ ​

4. Khả năng thay đổi độ chi tiết linh hoạt
Đối với các nhà phát triển, tessellation giúp họ tiết kiệm công sức và thời gian rất nhiều. Jasson Mitchell, một nhà phát triển của Valve, đã chia sẻ: "Chúng tôi rất thích thú với khả năng tăng lên và hạ xuống mức độ chi tiết mô hình của tessellation. Chúng tôi chỉ cần thiết kế một mô hình, tessellation sẽ giúp tăng mức độ chi tiết như trong các bộ phim. Ngược lại, tessellation sẽ giảm mức chi tiết xuống thấp nhất để tiết kiệm thời gian render". Nhờ đó, họ chỉ cần thiết kế mô hình một lần và sử dụng nó cho nhiều nền tảng, nhiều mục đích khác nhau, giúp tiết kiệm rất nhiều thời gian và công sức bỏ ra. Đối với gamer, họ sẽ có được những hình ảnh đẹp nhất tương xứng với sức mạnh card đồ họa của mình.

Mức độ chi tiết thay đổi theo tùy chỉnh tessellation​

Kết luận
Như vậy sau rất nhiều năm thử nghiệm, tessellation đã chính thức đến với thế giới máy tính cá nhân. Các game như Metro 2033 đã phô diễn sức mạnh của tessellation, cho ra chất lượng đồ hoạt tuyệt vời. Theo thời gian, tessellation sẽ đóng vai trò rất quan trọng, tương tự vai trò của công nghệ đổ bóng điểm ảnh (pixel shading) hôm nay. Cả nVIDIA và AMD đều đã ứng dụng tessellation vào các thế hệ card đồ họa mới nhất của mình, nhằm đem lại những trải nghiệm đồ họa tuyệt vời nhất cho người dùng.

Metro 2033, tựa game nổi tiếng với hiệu ứng Tessellation.

# data[].attributes.attachment_link.title
Tìm hiểu về Tessellation, tính năng chính của DirectX 11 | Viết bởi cuLong

# data[].attributes.attachment_link.description
Tổ ong là hình mẫu của tessellation trong tự nhiên Tessellation là gì? Có lẽ bạn đã rất quen thuộc với thư viện đồ họa DirectX 11 của Microsoft, DirectX 11 có mặt trong phần lớn các game trên máy tính xuất hiện trong khoảng 2 năm gần đây...

# data[].attributes.headline
Video hướng dẫn tạo Tessellation bằng Geogebra

# data[].attributes.subject
Video hướng dẫn tạo Tessellation bằng Geogebra

# data[].attributes.attachment_link.title
Tạo Tessellation theo cách thủ công và bằng phần mềm Geogebra (How to creat a tessellation?)

# data[].attributes.attachment_link.description
Tessellations là một kỹ thuật trong trang trí sử dụng các khối hình học để tạo nên họa tiết trang trí có tính lặp lại và thẩm mỹ cao, được cho rằng đã xuất hiện từ 4000 năm TCN.

# data[].attributes.body
1. Phần Tịnh Tiến:

- Tìm hiểu nội dung kiến thức ( cả nhóm đều phải tìm hiểu chung kiến thức nhưng để đủ nd làm canva thì sẽ có Vũ Ngọc Anh, Quỳnh Anh, Vy, Hữu Đức)

- Tìm Hiểu về Tesselation: 3 bạn: Tuệ Như, Gia Như, Xuân Phúc

2.

-Làm ppt: Gia Như, ...

- Thuyết trình:Kim Ngân, Quỳnh Anh, Phương Anh

3. Thiết kế sản phẩm: Minh, Phương Anh, Kim Ngân

# data[].attributes.headline
'- Tìm hiểu định nghĩa thế nào là phép tịnh tiến/ phép quay/… (tùy vào nội dung)

# data[].attributes.subject
'- Tìm hiểu định nghĩa thế nào là phép tịnh tiến/ phép quay/… (tùy vào nội dung)

# data[].attributes.body
- Tìm hiểu ứng dụng của phép tịnh tiến/ phép quay trong đời sống

- Giải thích thế nào là Tessellation (có thể đưa hình ảnh minh họa, video …)

- Giải thích cách thức tạo tessellation từ phép tịnh tiến/ phép quay/ vị tự/ đối xứng.

- Hướng dẫn cơ bản cách để mọi người tạo được hiệu ứng tessellation từ phép tịnh tiến/ phép quay/ vị tự/ đối xứng.

# data[].attributes.body
1: Huyền, Thu Phương, Ngọc Anh:

tìm hiểu định nghĩa đx trục-tâm: Ngọc A

tìm hiểu ứng dụng của dx trục tâm: Phương

tìm hiểu cách thức tạo tesse vào dx: Huyền, Phương( phần này khó có gì t và phúc hỗ trợ)

hướng dẫn cơ bản để mn tạo hiệu ứng tess từ phép đối xứng: NHuy, LHuy

2: LHuy, Phúc: chỉnh sửa, thiết kế pp

3: Thảo, Phát: Thuyết trình

4: Phát, Ngọc Anh, Thảo thiết kế sản phẩm ứng dụng thực tế

# data[].attributes.attachment_link.description
Discover recipes, home ideas, style inspiration and other ideas to try.

# data[].attributes.body
Nhóm 5 nộp bài thuyết trình ạ

# data[].attributes.attachment_link.description
Check out this Presentation designed by Hồng Phúc Trần.

# data[].attributes.body
Nhóm 5 nộp bài thuyết trình ạ

# data[].attributes.attachment_link.title
All posts • Instagram | Art markers drawing, Zen doodle art, Diy drawing books

# data[].attributes.attachment_link.description
990 Followers, 590 Following, 174 Posts - Atita-guna Dasi (@atita_guna) on Instagram: "Artist, creator of peg dolls.  Vegetarian  Book lover 🚫 No NFT 🚫"

# data[].attributes.attachment_link.title
Tessellation phép quay cùng anh em rau má

# data[].attributes.attachment_link.description
Create interactive quizzes, polls, presentations, and more to engage your audience.

# data[].attributes.attachment_link.description
Login to access and create your next design.

# data[].attributes.attachment_link.title
45K views · 248 reactions | Hướng dẫn làm bông hoa 6 cạnh, đẹp mà hơi lâu 🤣 #gocgvsangtao #thiep2011 #handmade #diy | Góc Cô Giáo Sáng Tạo

# data[].attributes.attachment_link.description
Hướng dẫn làm bông hoa 6 cạnh, đẹp mà hơi lâu 🤣 #gocgvsangtao #thiep2011 #handmade #diy

# data[].attributes.attachment_link.title
102K views · 598 reactions | Thêm một mẫu thiệp xinh tặng thầy cô 20/11 nè 🌷🌷🌷✨#gocGVsangtao #20thang11 #diy #thiep2011 | Góc Cô Giáo Sáng Tạo

# data[].attributes.attachment_link.description
Thêm một mẫu thiệp xinh tặng thầy cô 20/11 nè 🌷🌷🌷✨#gocGVsangtao #20thang11 #diy #thiep2011

# data[].attributes.attachment_link.title
38K views · 107 reactions | Sưu tầm: Mẫu thiệp 20/11 hiệu ứng kéo trái tim cực đẹp và dễ làm, thầy cô tham khảo nhé #diy #gocgvsangtao #handmade #thiep2011 | Góc Cô Giáo Sáng Tạo

# data[].attributes.attachment_link.description
Sưu tầm: Mẫu thiệp 20/11 hiệu ứng kéo trái tim cực đẹp và dễ làm, thầy cô tham khảo nhé #diy #gocgvsangtao #handmade #thiep2011

# data[].attributes.attachment_link.readable_text
Welcome to Baamboozle!

The platform I wish existed when I was a teacher.

The one I had to teach myself how to code to bring to life.

The one that millions of teachers now call home.

A place where they make the most fun teaching games on the planet!

You're gonna love it 😉

Ronan

# data[].attributes.attachment_link.title
Baamboozle | The Most Fun Classroom Games!

# data[].attributes.attachment_link.description
Join millions of students and teachers playing educational games for free! Forget about devices and simply play from a single screen, in class or online.

# data[].attributes.attachment_link.readable_text
Welcome to Baamboozle!

The platform I wish existed when I was a teacher.

The one I had to teach myself how to code to bring to life.

The one that millions of teachers now call home.

A place where they make the most fun teaching games on the planet!

You're gonna love it 😉

Ronan

# data[].attributes.attachment_link.title
Baamboozle | The Most Fun Classroom Games!

# data[].attributes.attachment_link.description
Join millions of students and teachers playing educational games for free! Forget about devices and simply play from a single screen, in class or online.

# data[].attributes.attachment_link.description
Join an activity with your class and find or create your own quizzes and flashcards.