Một vài dự án gần đây — hợp tác sản phẩm và các hợp đồng tư vấn.
Thư viện đo hiệu năng cho scene React Three Fiber
Đo trước khi tối ưu — kể cả trên máy người dùng.
MÃ NGUỒN MỞ
NPM
HIỆU NĂNG
R3F
Đã có công cụ đo hiệu năng cho R3F, nhưng chúng đều gắn với một bảng hiển thị trên màn hình. Tôi cần số liệu để chương trình tự quyết định — hạ LOD, giảm hiệu ứng — chứ không phải để tôi nhìn. Nên viết cái mới với chế độ headless: chỉ trả số, không vẽ gì.
Từ đó nó lớn dần thành thứ tôi dùng để trả lời một câu hỏi mà trực giác luôn trả lời sai — chỗ nào thật sự chậm. [Nêu tính năng chính và một ví dụ nó giúp bạn tìm ra vấn đề gì.]
Hiện đang ở phiên bản [x], cài qua npm.
Vai trò
Tác giả
Thời gian
[năm] — nay
Công nghệ
TypeScript, React Three Fiber, WebGL
Công cụ sinh LOD và loader cho model glTF/GLB
Một model, nhiều mức chi tiết, một lệnh.
MÃ NGUỒN MỞ
NPM
GLTF
CLI
Sinh LOD cho model 3D là việc lặp đi lặp lại: giảm mặt, nén texture, đóng gói, rồi viết loader chọn đúng mức lúc chạy. Tôi gói toàn bộ quy trình đó lại thành một CLI và một loader đi kèm.
[Nêu cách nó hoạt động và điểm khác so với làm thủ công bằng gltf-transform.]
Một gói riêng, `@anhldh/gltf-animation-pointer-extensions`, xử lý phần `KHR_animation_pointer` — extension này hay bị các bước tối ưu xoá mất, và đó là bài toán đủ riêng để tách ra.
Vai trò
Tác giả
Thời gian
[năm] — nay
Công nghệ
TypeScript, glTF Transform, Node.js
Công cụ web kiểm tra nội dung file glTF/GLB
Kéo file vào, thấy ngay nó nặng ở đâu.
CÔNG CỤ
GLTF
WEB
TỰ TRIỂN KHAI
Khi làm pipeline tối ưu, tôi liên tục cần biết một file GLB chứa gì: bao nhiêu mesh, texture nào chưa nén, extension nào còn nguyên sau khi transform. Mở bằng công cụ desktop mỗi lần thì chậm, nên tôi dựng một trang web làm việc đó.
[Nêu nó hiển thị những gì và ai đang dùng.]
Chạy hoàn toàn phía client, không upload file lên đâu cả.