Về công cụ này
Những hình dạng "blob" hữu cơ như thế này là yếu tố quen thuộc trong thiết kế web hiện đại — dùng làm nền trang trí mềm mại phía sau văn bản nổi bật, làm mặt nạ ảnh biến một bức ảnh bình thường thành hình dạng bất quy tắc trông như vẽ tay, hoặc làm điểm nhấn vui mắt quanh biểu tượng và thẻ (card). Công cụ này dựng một đường SVG khép kín, mượt mà từ vài điểm được đặt ngẫu nhiên, rồi bo tròn các góc bằng đường cong Catmull-Rom để đường viền trôi chảy tự nhiên thay vì trông như một đa giác lởm chởm.
Số hạt giống (seed) chính là "dấu vân tay" của cả hình dạng: cùng một seed luôn tạo ra chính xác cùng một blob, dù bạn tạo lại bao nhiêu lần. Nghĩa là bạn có thể chỉnh thanh trượt số điểm và độ bất quy tắc cho đến khi ưng ý, ghi lại seed, rồi tái tạo đúng blob đó về sau — hoặc chia sẻ số seed cho đồng nghiệp để họ nhận được chính xác cùng hình dạng thay vì một hình ngẫu nhiên khác.
Câu hỏi thường gặp
Tại sao cùng một seed luôn tạo ra cùng một hình blob?
Hình dạng được tạo bởi một hàm giả ngẫu nhiên xác định với seed là số của bạn, vì vậy cùng một seed luôn tái tạo chính xác cùng một hình dạng — hữu ích nếu bạn muốn lưu hoặc chia sẻ một blob cụ thể.
Tôi có thể dùng SVG được tạo trực tiếp làm nền CSS không?
Có — tải tệp SVG và tham chiếu bằng background-image: url(...), hoặc copy mã path trực tiếp vào phần tử <svg> nội tuyến.