◆재질 효과

유리, 크롬, 액체 금속, 홀로그램처럼 도형에 재질을 입히는 효과. 빛의 굴절과 반사를 계산합니다. — 23개 항목

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

유리 렌즈Glass

도형 아래의 콘텐츠를 굴절시키고 가장자리에 빛을 더해 유리 렌즈처럼 보이게 합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

성에 낀 얼음Frost

두께감 있는 얼음 표면에 가장자리부터 안쪽으로 번지는 미세한 성에 결정이 생깁니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

크롬 금속Chrome

도형 표면에 스튜디오 조명이 비치는 거울 같은 크롬과 다듬은 모서리를 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

액체 금속Liquid Metal

흐르는 크롬 반사가 녹은 금속 표면의 주름을 따라 움직입니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

브러시드 메탈Brushed Metal

한 방향으로 결이 난 새틴 금속과 길게 번지는 스튜디오 반사를 표현합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

탄소 섬유 직조Carbon Fiber

맞물린 탄소 섬유 띠가 만드는 퀼팅 격자와 방향성 있는 광택을 입힙니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

광택 플라스틱Plastic

둥근 모서리와 스튜디오 반사가 있는 사출 플라스틱 표면을 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

흑요석 유리Obsidian

정면은 검게 유지하고 기울어진 면과 모서리에 흐르는 무지갯빛을 입힙니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

크리스털 렌즈Crystal

아래 콘텐츠를 면이 있는 보석 렌즈처럼 굴절하고 무지갯빛으로 분산합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

박막 간섭Thin Film

얇은 막의 색 간섭처럼 도형 가장자리를 따라 무지갯빛 띠가 생깁니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

홀로그래픽 포일Holographic

움직이는 무지갯빛 광택과 반짝이는 조각이 있는 홀로그래픽 포일 표면을 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

홀로그램 투영Hologram

반투명한 빛과 스캔선, 깜빡임으로 미래적인 홀로그램 투영을 표현합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

네온관Neon

도형을 두꺼운 네온관처럼 밝히고 주변에 번지는 빛을 더합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

성운Nebula

구름처럼 흐르는 발광 가스와 어두운 빈틈, 깊이감 있는 별을 도형 안에 채웁니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

물 재질Water

빛을 굴절하고 흡수하는 물 표면에 바람결 물결과 가장자리 거품을 더합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

구이 액체Goo

도형 안에서 서로 합쳐지고 움직이는 젖은 액체 방울과 반짝이는 하이라이트를 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

엠보싱·디보싱Emboss

아래 콘텐츠의 윤곽에 빛과 그림자를 더해 양각 또는 음각처럼 보이게 합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

열화상 맵Heatmap

도형 안팎으로 흐르는 열의 색과 윤곽을 열화상 카메라처럼 표현합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

가장자리 빛 번짐Irradiance

색이 있는 점광원이 도형 가장자리를 비추고 주변으로 빛이 번집니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

움직이는 빛 테두리Light Edge

도형의 가장자리를 따라 색 있는 빛이 맥박치며 움직입니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

복셀화Voxels

도형을 입체 블록으로 다시 구성해 픽셀 아트나 조명 받는 복셀 모델처럼 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

입자 군집Particles

입자 무리가 도형을 채우고 커서를 피해 흩어졌다가 다시 모입니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

연기 채우기Smoke Fill

도형 안에서 연기가 소용돌이치며 경계를 따라 번지고 사라집니다.