-
Notifications
You must be signed in to change notification settings - Fork 36
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Added all buffer targets. * Added Copyright and Generator fields to glTF. * Removed duplicate "screenshots" folder. * New textures and model to fix problems with UVs and bitmaps. * Added binary glTF. * Updated readme and screenshot, removed redundant images.
- Loading branch information
1 parent
e104335
commit 9ca3537
Showing
21 changed files
with
1,286 additions
and
1,621 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,49 +1,15 @@ | ||
## Screenshots | ||
## Screenshot | ||
|
||
Fabric 100% metal, glTF Sample Viewer screenshot: | ||
![screenshot](screenshots/all-metal-fabric_gltf-sample-viewer.jpg) | ||
|
||
Fabric metalness-mapped (gold metallic, purple non-metallic), glTF Sample Viewer screenshot: | ||
![screenshot](screenshots/metal-mapped-fabric_gltf-sample-viewer.jpg) | ||
![Screenshot from glTF Sample Viewer](screenshot/screenshot_Large.jpg) | ||
<br/>_Screenshot from [glTF Sample Viewer](https://github.khronos.org/glTF-Sample-Viewer-Release/) with the environment Wide Street._ | ||
|
||
## Description | ||
|
||
This represents a wood-framed chair with a fabric seat, tufted with fabric buttons. It does not represent any particular real product. | ||
|
||
There are four materials: fabric, wood, metal, and label. To simulate directional fabric sheens I've added different noise patterns in the color channels of the normal map. | ||
|
||
The asset is provided in both ASCII glTF format, and binary GLB format. Extensions required: KHR_texture_transform. | ||
|
||
## Source Files | ||
|
||
The source file for the model is in 3ds Max 2020 format. It uses OpenSubdiv modifiers for easy editing. The model was exported from 3ds Max using the [`Max2Babylon`](https://github.com/BabylonJS/Exporters/tree/master/3ds%20Max) exporter. | ||
|
||
## Fabric Material Variants | ||
|
||
The fabric has two material variants. | ||
|
||
The first variant uses 100% metallic fabric, so specular reflections are colored similarly to how satin reflects lighting. | ||
|
||
The second variant uses a metalness texture to assign the gold threads as metal and the purple threads as non-metal. | ||
|
||
Viewer comparison screenshots, using default lighting. From left: ['Babylon.JS Sandbox'](https://sandbox.babylonjs.com/), ['glTF Sample Viewer'](http://gltf.ux3d.io/), ['Google model-viewer'](https://modelviewer.dev/examples/tester.html), ['three.js Editor'](https://threejs.org/editor/): | ||
![screenshot](screenshots/contact-sheet.jpg) | ||
|
||
The all-metal example is a non-physically accurate use of metalness, however it seems to reflect lighting more like real satin. The non-colorized reflection in the second variant does not properly replicate the look of satin; the fabric looks more like plastic. | ||
|
||
Real-world satin brocade examples: | ||
* https://www.aliexpress.com/i/32683580523.html?spm=2114.12057483.0.0.2da73132b4vl0O | ||
* https://www.aliexpress.com/i/32826499087.html?spm=2114.12057483.0.0.268d37a9rm9m7K | ||
|
||
## Sheen Testing | ||
|
||
The asset was loaded in the ['Babylon.JS Sandbox'](https://sandbox.babylonjs.com/) to test their implementation of KHR_materials_sheen. Using a sheen color seems to provide better results than using "Link To Albedo". | ||
This represents a wood-framed chair with a fabric seat, tufted with fabric buttons. It does not represent a real Wayfair product. | ||
|
||
Animated GIF to compare Sheen settings using all-metal fabric, in the Babylon.JS Sandbox: | ||
![screenshot](screenshots/sheen-testing_all-metal-fabric_babylon-js-sandbox.gif) | ||
There are four materials: fabric, wood, metal, and label. | ||
|
||
Animated GIF to compare Sheen settings using metal-mapped fabric (gold metallic, purple non-metallic), in the Babylon.JS Sandbox: | ||
![screenshot](screenshots/sheen-testing_metal-mapped-fabric_babylon-js-sandbox.gif) | ||
The damask-patterned satin and velvet fabric has been textured to simulate human touches bending the velvet fibers, via noise patterns in the normal bump texture. The metalness texture is used to assign the gold threads as metal and the purple threads as non-metal. The KHR_materials_sheen extension provides velvet fresnel, while the KHR_materials_specular extension alters the specular color as seen in satin and velvet fabric samples. | ||
|
||
Animated GIF comparing the two metalness approaches, with single-colored Sheen, in the Babylon.JS Sandbox: | ||
![screenshot](screenshots/sheen-testing_metals-compared_babylon-js-sandbox.gif) | ||
Real-world satin brocade example: | ||
* https://www.moodfabrics.com/purple-and-metallic-gold-vestment-jacquard-318335 |
Binary file not shown.
Binary file not shown.
Oops, something went wrong.