Shader

shader-dev là một skill GLSL thực dụng dành cho hiệu ứng thời gian thực kiểu ShaderToy. Dùng shader-dev skill để xây dựng hoặc gỡ lỗi ray marching, SDF scenes, lighting, particles, fluid motion, post-processing và shader-dev cho UI Design với ít phải đoán mò hơn so với một prompt chung chung.

threejs-shaders là một hướng dẫn thực dụng để viết shader Three.js với GLSL, ShaderMaterial, uniforms, biến dạng vertex và hiệu ứng fragment. Hãy dùng nó khi phát triển frontend nếu bạn cần một nền tảng shader có thể dùng ngay, lựa chọn material rõ ràng hơn và ít phải đoán mò hơn so với một prompt chung chung.

threejs-materials là một skill về materials trong Three.js, giúp chọn, cấu hình và xử lý lỗi cho material của mesh. Dùng khi cần PBR chân thực, flat shading không đổ bóng, toon, chế độ debug, tạo kiểu dựa trên texture, và shader tùy chỉnh. Skill này hữu ích cho các team Frontend Development cần ra quyết định về material nhanh hơn và nhất quán hơn.

Skill threejs-postprocessing cho Phát triển Frontend: thêm các pipeline EffectComposer, bloom, depth of field, blur, color grading và các pass tùy chỉnh theo không gian màn hình. Dùng hướng dẫn này để thiết lập chuỗi render, tinh chỉnh hiệu ứng và tích hợp composer rendering vào một scene Three.js sẵn có.

threejs-lighting là một skill thực tiễn về ánh sáng trong Three.js cho Frontend Development. Nó giúp bạn chọn đúng loại đèn, thiết lập bóng đổ, thêm ánh sáng môi trường và sửa những scene trông phẳng, quá tối hoặc bị cháy sáng. Hãy dùng hướng dẫn threejs-lighting khi bạn cần thiết lập ánh sáng scene nhanh hơn và nhất quán hơn.

makepad-2.0-shaders là một skill cho Frontend Development dùng để viết và gỡ lỗi mã shader Makepad 2.0. Hãy dùng skill makepad-2.0-shaders này cho các khối `pixel: fn()` và `vertex: fn()`, hình dạng `Sdf2d`, vẽ widget tùy biến, alpha premultiplied, cùng hướng dẫn cài đặt và sử dụng thực tế.