Создание эффекта прозрачного стекла и пластика в Three.js

2 мин
Автор PINTA IT
Создание эффекта прозрачного стекла и пластика в Three.js

Узнайте, как создавать убедительные прозрачные, похожие на стекло и пластик материалы в Three.js. Узнайте, как создавать убедительные прозрачные, похожие на стекло и пластик материалы в Three.js.

Creating the Effect of Transparent Glass and Plastic in Three.js - Codrops
Learn how to create convincing transparent, glass-like and plastic-like materials in Three.js using MeshPhysicalMaterial.

Three.js

three- это библиотека javascript с открытым исходным кодом для рендеринга 3D-графики в браузере. Он предоставляет дружественный API и абстракции, которые делают работу с WebGL более удобной и выразительной. threeсуществует с 2010 года, отлично зарекомендовал себя и является стандартом де-факто для рендеринга 3D-контента в Интернете. См. Список тематических исследований на домашней странице , в документации , примерах или в источнике .

MeshPhysicalMaterial

MeshPhysicalMaterial- это относительно недавний встроенный материал для физического рендеринга (PBR) three. Это эволюция и расширение и без того впечатляющего MeshStandardMaterial, предоставляя дополнительные функции для повышения фотореализма.

Эта визуальная точность достигается за счет затрат, о которых говорится в документации :   в результате этих сложных функций затенения MeshPhysicalMaterialимеет более высокую стоимость производительности на пиксель, чем другие материалы Three.js. Большинство эффектов по умолчанию отключены, и при их включении добавляется стоимость.

Помимо свойств, предлагаемых в MeshStandardMaterial, он вводит некоторые новые:

Creating the Effect of Transparent Glass and Plastic in Three.js - Codrops
Learn how to create convincing transparent, glass-like and plastic-like materials in Three.js using MeshPhysicalMaterial.

© 2021 Келли Миллиган Этот проект на Github

GitHub - kellymilligan/codrops-oct-2021-final: Individual chapter sandboxes for Oct 2021 Codrops article on THREE.MeshPhysicalMaterial
Individual chapter sandboxes for Oct 2021 Codrops article on THREE.MeshPhysicalMaterial - GitHub - kellymilligan/codrops-oct-2021-final: Individual chapter sandboxes for Oct 2021 Codrops article on...