update scene

README.md

@@ -10,3 +10,45 @@ pinned: false
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces#reference
+
+# SheenChair
+
+## Screenshot
+
+![screenshot](screenshot/screenshot-large.jpg)
+
+[Babylon.JS](https://sandbox.babylonjs.com/) screenshot (above), using the Studio lighting environment.
+
+## Description
+
+This model is a wood-framed chair with a fabric seat, tufted with fabric buttons and metal hardware. It uses three extensions: `KHR_materials_sheen` for velvet fabrics, `KHR_texture_transform` to tile the textures for fabric and  wood, and `KHR_materials_variants` to create two versions of the chair: "Mango Velvet", and "Peacock Velvet". 
+
+The model is made of four parts using subdivision surface modeling, with four materials for fabric, wood, metal, and the label. The ambient occlusion texture is shared by all materials and uses a 2nd UV with all UVs arranged between 0 and 1. All the other textures use the 1st UV which is not so constrained; it has overlaps and the UVs extend outside the 0-1 UV space.
+
+The textures were created uniquely, edited from public domain imagery (https://www.publicdomainpictures.net/), or edited from personal photos. This model does not represent a real product, however the fabrics were modeled to match real fabrics, represented [here on the Wayfair website](https://www.wayfair.com/furniture/pdp/bungalow-rose-griner-slipper-chair-bgrs8778.html). The use of real-world reference is meant to help glTF developers with calibrating material features and renderer handling, so we can more accurately represent e-commerce products. 
+
+## KHR_materials_sheen
+
+The fabric materials use the extension `KHR_materials_sheen` to reproduce velvet fabrics. These screenshots show the real-world photo reference, alongside the intended rendering result, and what may occur if the extension is disabled or not implemented.
+
+![screenshot](screenshot/mango_reference.jpg)
+
+Above: real-world reference, and [Babylon.JS](https://sandbox.babylonjs.com/) screenshots using the Studio lighting environment, showing the variant "Mango Velvet" with `KHR_materials_sheen` enabled and disabled.
+
+![screenshot](screenshot/peacock_reference.jpg)
+
+Above: real-world reference, and [Babylon.JS](https://sandbox.babylonjs.com/) screenshots using the Studio lighting environment, showing the variant "Peacock Velvet" with `KHR_materials_sheen` enabled and disabled.
+
+## Material Authoring Choices
+
+To simulate the bending of velvet microfibers from human handling, the red and green color channels of the normal map have been biased in different directions. The normal map has been reduced in strength using the Scale parameter; if this is disabled the fabric may look too rough and bumpy.
+
+The Peacock Velvet material uses 1.0 metalness. While not being physically accurate, metalness colorizes reflections similarly to real-world velvet fabric, creating more contrast to match the real-world reference. Future extensions may add specular color to metallic-roughness materials for dielectric surfaces, negating the need to force metalness in this case.
+
+## Authoring Software
+
+The model was created in Autodesk 3ds Max 2020 and exported using the [`Max2Babylon`](https://github.com/BabylonJS/Exporters/tree/master/3ds%20Max) exporter. To add `KHR_materials_sheen` and `KHR_materials_variants` the glTF file was edited manually. 
+
+## License Information
+
+Copyright 2020 Wayfair LLC, CC-BY 4.0 https://creativecommons.org/licenses/by/4.0/, model and textures created by Eric Chadwick.

app.py

@@ -0,0 +1,9 @@
+import gradio as gr
+import os
+
+print(os.getcwd())
+
+with gr.Blocks() as demo:
+    gr.Model3D("./glTF-Embedded/Box.gltf")
+
+demo.launch(inbrowser=True)

glTF-Binary/SheenChair.glb

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:07c80216eb5d57fc9d4148e1e14a69e19d3436eca1af33590d8d36c04957ffd4
+size 4396728

glTF/SheenChair.bin

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bb80869cbb73e6dbacbbcdee8c430cdaa92a7447cce22abbf818b6c673cee427
+size 1137976

glTF/SheenChair.gltf

@@ -0,0 +1,740 @@
+{
+    "asset": {
+        "version": "2.0",
+        "generator": "babylon.js glTF exporter for 3dsmax 2020 v20201123.8, then manually edited to add Sheen and Variants"
+    },
+    "extensionsUsed": [
+        "KHR_texture_transform",
+        "KHR_materials_sheen",
+        "KHR_materials_variants"
+    ],
+    "extensions": {
+        "KHR_materials_variants": {
+            "variants": [
+                {
+                    "name": "Mango Velvet"
+                },
+                {
+                    "name": "Peacock Velvet"
+                }
+            ]
+        }
+    },
+    "extensionsRequired": [
+        "KHR_texture_transform"
+    ],
+    "scene": 0,
+    "scenes": [
+        {
+            "nodes": [
+                0,
+                1,
+                2,
+                3
+            ]
+        }
+    ],
+    "nodes": [
+        {
+            "mesh": 0,
+            "name": "SheenChair_fabric"
+        },
+        {
+            "mesh": 1,
+            "name": "SheenChair_wood"
+        },
+        {
+            "mesh": 2,
+            "name": "SheenChair_metal"
+        },
+        {
+            "mesh": 3,
+            "translation": [
+                -0.0006629925,
+                0.23622,
+                0.0596007444
+            ],
+            "rotation": [
+                -0.0436193831,
+                0.0,
+                0.0,
+                0.999048233
+            ],
+            "name": "SheenChair_label"
+        }
+    ],
+    "meshes": [
+        {
+            "primitives": [
+                {
+                    "attributes": {
+                        "POSITION": 1,
+                        "NORMAL": 2,
+                        "TEXCOORD_0": 3,
+                        "TEXCOORD_1": 4
+                    },
+                    "extensions": {
+                        "KHR_materials_variants": {
+                            "mappings": [
+                                {
+                                    "material": 0,
+                                    "variants": [
+                                        0
+                                    ]
+                                },
+                                {
+                                    "material": 4,
+                                    "variants": [
+                                        1
+                                    ]
+                                }
+                            ]
+                        }
+                    },
+                    "indices": 0,
+                    "material": 0
+                }
+            ],
+            "name": "SheenChair_fabric"
+        },
+        {
+            "primitives": [
+                {
+                    "attributes": {
+                        "POSITION": 6,
+                        "NORMAL": 7,
+                        "TEXCOORD_0": 8,
+                        "TEXCOORD_1": 9
+                    },
+                    "extensions": {
+                        "KHR_materials_variants": {
+                            "mappings": [
+                                {
+                                    "material": 1,
+                                    "variants": [
+                                        0
+                                    ]
+                                },
+                                {
+                                    "material": 5,
+                                    "variants": [
+                                        1
+                                    ]
+                                }
+                            ]
+                        }
+                    },
+                    "indices": 5,
+                    "material": 1
+                }
+            ],
+            "name": "SheenChair_wood"
+        },
+        {
+            "primitives": [
+                {
+                    "attributes": {
+                        "POSITION": 11,
+                        "NORMAL": 12,
+                        "TEXCOORD_0": 13,
+                        "TEXCOORD_1": 14
+                    },
+                    "indices": 10,
+                    "material": 2
+                }
+            ],
+            "name": "SheenChair_metal"
+        },
+        {
+            "primitives": [
+                {
+                    "attributes": {
+                        "POSITION": 16,
+                        "NORMAL": 17,
+                        "TEXCOORD_0": 18,
+                        "TEXCOORD_1": 19
+                    },
+                    "indices": 15,
+                    "material": 3
+                }
+            ],
+            "name": "SheenChair_label"
+        }
+    ],
+    "accessors": [
+        {
+            "bufferView": 0,
+            "componentType": 5123,
+            "count": 78528,
+            "type": "SCALAR",
+            "name": "accessorIndices"
+        },
+        {
+            "bufferView": 1,
+            "componentType": 5126,
+            "count": 14350,
+            "max": [
+                0.412535578,
+                0.6861773,
+                0.293540359
+            ],
+            "min": [
+                -0.4140224,
+                0.226573884,
+                -0.2767251
+            ],
+            "type": "VEC3",
+            "name": "accessorPositions"
+        },
+        {
+            "bufferView": 1,
+            "byteOffset": 172200,
+            "componentType": 5126,
+            "count": 14350,
+            "type": "VEC3",
+            "name": "accessorNormals"
+        },
+        {
+            "bufferView": 2,
+            "componentType": 5126,
+            "count": 14350,
+            "type": "VEC2",
+            "name": "accessorUVs"
+        },
+        {
+            "bufferView": 2,
+            "byteOffset": 114800,
+            "componentType": 5126,
+            "count": 14350,
+            "type": "VEC2",
+            "name": "accessorUV2s"
+        },
+        {
+            "bufferView": 0,
+            "byteOffset": 157056,
+            "componentType": 5123,
+            "count": 29376,
+            "type": "SCALAR",
+            "name": "accessorIndices"
+        },
+        {
+            "bufferView": 1,
+            "byteOffset": 344400,
+            "componentType": 5126,
+            "count": 5508,
+            "max": [
+                0.390372425,
+                0.640484333,
+                0.2655284
+            ],
+            "min": [
+                -0.39169845,
+                0.005148451,
+                -0.275435269
+            ],
+            "type": "VEC3",
+            "name": "accessorPositions"
+        },
+        {
+            "bufferView": 1,
+            "byteOffset": 410496,
+            "componentType": 5126,
+            "count": 5508,
+            "type": "VEC3",
+            "name": "accessorNormals"
+        },
+        {
+            "bufferView": 2,
+            "byteOffset": 229600,
+            "componentType": 5126,
+            "count": 5508,
+            "type": "VEC2",
+            "name": "accessorUVs"
+        },
+        {
+            "bufferView": 2,
+            "byteOffset": 273664,
+            "componentType": 5126,
+            "count": 5508,
+            "type": "VEC2",
+            "name": "accessorUV2s"
+        },
+        {
+            "bufferView": 0,
+            "byteOffset": 215808,
+            "componentType": 5123,
+            "count": 11520,
+            "type": "SCALAR",
+            "name": "accessorIndices"
+        },
+        {
+            "bufferView": 1,
+            "byteOffset": 476592,
+            "componentType": 5126,
+            "count": 2520,
+            "max": [
+                0.3399512,
+                0.501481354,
+                0.220822945
+            ],
+            "min": [
+                -0.3399512,
+                -6.977785E-05,
+                -0.239334568
+            ],
+            "type": "VEC3",
+            "name": "accessorPositions"
+        },
+        {
+            "bufferView": 1,
+            "byteOffset": 506832,
+            "componentType": 5126,
+            "count": 2520,
+            "type": "VEC3",
+            "name": "accessorNormals"
+        },
+        {
+            "bufferView": 2,
+            "byteOffset": 317728,
+            "componentType": 5126,
+            "count": 2520,
+            "type": "VEC2",
+            "name": "accessorUVs"
+        },
+        {
+            "bufferView": 2,
+            "byteOffset": 337888,
+            "componentType": 5126,
+            "count": 2520,
+            "type": "VEC2",
+            "name": "accessorUV2s"
+        },
+        {
+            "bufferView": 0,
+            "byteOffset": 238848,
+            "componentType": 5123,
+            "count": 384,
+            "type": "SCALAR",
+            "name": "accessorIndices"
+        },
+        {
+            "bufferView": 1,
+            "byteOffset": 537072,
+            "componentType": 5126,
+            "count": 81,
+            "max": [
+                0.136181846,
+                0.0100558968,
+                0.0467727147
+            ],
+            "min": [
+                -0.135885492,
+                0.005801852,
+                -0.110709868
+            ],
+            "type": "VEC3",
+            "name": "accessorPositions"
+        },
+        {
+            "bufferView": 1,
+            "byteOffset": 538044,
+            "componentType": 5126,
+            "count": 81,
+            "type": "VEC3",
+            "name": "accessorNormals"
+        },
+        {
+            "bufferView": 2,
+            "byteOffset": 358048,
+            "componentType": 5126,
+            "count": 81,
+            "type": "VEC2",
+            "name": "accessorUVs"
+        },
+        {
+            "bufferView": 2,
+            "byteOffset": 358696,
+            "componentType": 5126,
+            "count": 81,
+            "type": "VEC2",
+            "name": "accessorUV2s"
+        }
+    ],
+    "bufferViews": [
+        {
+            "buffer": 0,
+            "byteLength": 239616,
+            "name": "bufferViewScalar"
+        },
+        {
+            "buffer": 0,
+            "byteOffset": 239616,
+            "byteLength": 539016,
+            "byteStride": 12,
+            "name": "bufferViewFloatVec3"
+        },
+        {
+            "buffer": 0,
+            "byteOffset": 778632,
+            "byteLength": 359344,
+            "byteStride": 8,
+            "name": "bufferViewFloatVec2"
+        }
+    ],
+    "buffers": [
+        {
+            "uri": "SheenChair.bin",
+            "byteLength": 1137976
+        }
+    ],
+    "materials": [
+        {
+            "pbrMetallicRoughness": {
+                "baseColorFactor": [
+                    0.883,
+                    0.035,
+                    0.0,
+                    1.0
+                ],
+                "baseColorTexture": {
+                    "index": 2,
+                    "extensions": {
+                        "KHR_texture_transform": {
+                            "offset": [
+                                -3.0,
+                                3.0
+                            ],
+                            "scale": [
+                                7.0,
+                                7.0
+                            ],
+                            "texCoord": 0
+                        }
+                    }
+                },
+                "metallicFactor": 0.0,
+                "roughnessFactor": 0.8
+            },
+            "normalTexture": {
+                "index": 0,
+                "scale": 0.6,
+                "extensions": {
+                    "KHR_texture_transform": {
+                        "offset": [
+                            -0.5,
+                            0.5
+                        ],
+                        "scale": [
+                            2.0,
+                            2.0
+                        ],
+                        "texCoord": 0
+                    }
+                }
+            },
+            "occlusionTexture": {
+                "index": 1,
+                "texCoord": 1,
+                "extensions": {
+                    "KHR_texture_transform": {
+                        "texCoord": 1
+                    }
+                }
+            },
+            "extensions": {
+                "KHR_materials_sheen": {
+                    "sheenColorFactor": [
+                        1.0,
+                        0.329,
+                        0.1
+                    ],
+                    "sheenRoughnessFactor": 0.8
+                }
+            },
+            "name": "fabric Mystere Mango Velvet"
+        },
+        {
+            "pbrMetallicRoughness": {
+                "baseColorFactor": [
+                    0.14,
+                    0.07,
+                    0.01,
+                    1.0
+                ],
+                "baseColorTexture": {
+                    "index": 3,
+                    "extensions": {
+                        "KHR_texture_transform": {
+                            "offset": [
+                                -0.8635584,
+                                1.12502563
+                            ],
+                            "rotation": 0.08726647,
+                            "scale": [
+                                3.0,
+                                3.0
+                            ],
+                            "texCoord": 0
+                        }
+                    }
+                },
+                "metallicRoughnessTexture": {
+                    "index": 4,
+                    "extensions": {
+                        "KHR_texture_transform": {
+                            "offset": [
+                                -0.8635584,
+                                1.12502563
+                            ],
+                            "rotation": 0.08726647,
+                            "scale": [
+                                3.0,
+                                3.0
+                            ],
+                            "texCoord": 0
+                        }
+                    }
+                }
+            },
+            "occlusionTexture": {
+                "index": 1,
+                "texCoord": 1,
+                "extensions": {
+                    "KHR_texture_transform": {
+                        "texCoord": 1
+                    }
+                }
+            },
+            "name": "wood Brown"
+        },
+        {
+            "pbrMetallicRoughness": {
+                "baseColorFactor": [
+                    0.28,
+                    0.26,
+                    0.23,
+                    1.0
+                ],
+                "roughnessFactor": 0.3
+            },
+            "occlusionTexture": {
+                "index": 1,
+                "texCoord": 1,
+                "extensions": {
+                    "KHR_texture_transform": {
+                        "texCoord": 1
+                    }
+                }
+            },
+            "name": "metal"
+        },
+        {
+            "pbrMetallicRoughness": {
+                "baseColorTexture": {
+                    "index": 5,
+                    "extensions": {
+                        "KHR_texture_transform": {
+                            "texCoord": 0
+                        }
+                    }
+                },
+                "metallicFactor": 0.0
+            },
+            "occlusionTexture": {
+                "index": 1,
+                "texCoord": 1,
+                "extensions": {
+                    "KHR_texture_transform": {
+                        "texCoord": 1
+                    }
+                }
+            },
+            "name": "label"
+        },
+        {
+            "pbrMetallicRoughness": {
+                "baseColorFactor": [
+                    0.0,
+                    0.094,
+                    0.099,
+                    1.0
+                ],
+                "baseColorTexture": {
+                    "index": 2,
+                    "extensions": {
+                        "KHR_texture_transform": {
+                            "offset": [
+                                -3.0,
+                                3.0
+                            ],
+                            "scale": [
+                                7.0,
+                                7.0
+                            ],
+                            "texCoord": 0
+                        }
+                    }
+                },
+                "metallicFactor": 1.0,
+                "roughnessFactor": 0.8
+            },
+            "normalTexture": {
+                "index": 0,
+                "scale": 0.6,
+                "extensions": {
+                    "KHR_texture_transform": {
+                        "offset": [
+                            -0.5,
+                            0.5
+                        ],
+                        "scale": [
+                            2.0,
+                            2.0
+                        ],
+                        "texCoord": 0
+                    }
+                }
+            },
+            "occlusionTexture": {
+                "index": 1,
+                "texCoord": 1,
+                "extensions": {
+                    "KHR_texture_transform": {
+                        "texCoord": 1
+                    }
+                }
+            },
+            "extensions": {
+                "KHR_materials_sheen": {
+                    "sheenColorFactor": [
+                        0.013,
+                        0.284,
+                        0.298
+                    ],
+                    "sheenRoughnessFactor": 0.8
+                }
+            },
+            "name": "fabric Mystere Peacock Velvet"
+        },
+        {
+            "pbrMetallicRoughness": {
+                "baseColorFactor": [
+                    0.036,
+                    0.036,
+                    0.036,
+                    1.0
+                ],
+                "baseColorTexture": {
+                    "index": 3,
+                    "extensions": {
+                        "KHR_texture_transform": {
+                            "offset": [
+                                -0.8635584,
+                                1.12502563
+                            ],
+                            "rotation": 0.08726647,
+                            "scale": [
+                                3.0,
+                                3.0
+                            ],
+                            "texCoord": 0
+                        }
+                    }
+                },
+                "metallicRoughnessTexture": {
+                    "index": 6,
+                    "extensions": {
+                        "KHR_texture_transform": {
+                            "offset": [
+                                -0.8635584,
+                                1.12502563
+                            ],
+                            "rotation": 0.08726647,
+                            "scale": [
+                                3.0,
+                                3.0
+                            ],
+                            "texCoord": 0
+                        }
+                    }
+                }
+            },
+            "occlusionTexture": {
+                "index": 1,
+                "texCoord": 1,
+                "extensions": {
+                    "KHR_texture_transform": {
+                        "texCoord": 1
+                    }
+                }
+            },
+            "name": "wood Black"
+        }
+    ],
+    "textures": [
+        {
+            "sampler": 0,
+            "source": 0,
+            "name": "chair_fabric_normal.png"
+        },
+        {
+            "sampler": 0,
+            "source": 1,
+            "name": "chair_occlusion.png"
+        },
+        {
+            "sampler": 0,
+            "source": 2,
+            "name": "chair_fabric_albedo.png"
+        },
+        {
+            "sampler": 0,
+            "source": 3,
+            "name": "chair_wood_albedo.png"
+        },
+        {
+            "sampler": 0,
+            "source": 4,
+            "name": "chair_woodbrown_roughnessmetallic.png"
+        },
+        {
+            "sampler": 0,
+            "source": 5,
+            "name": "chair_label.png"
+        },
+        {
+            "sampler": 0,
+            "source": 6,
+            "name": "chair_woodblack_roughnessmetallic.png"
+        }
+    ],
+    "images": [
+        {
+            "uri": "./chair_fabric_normal.png"
+        },
+        {
+            "uri": "./chair_occlusion.png"
+        },
+        {
+            "uri": "./chair_fabric_albedo.png"
+        },
+        {
+            "uri": "./chair_wood_albedo.png"
+        },
+        {
+            "uri": "./chair_woodbrown_roughnessmetallic.png"
+        },
+        {
+            "uri": "./chair_label.png"
+        },
+        {
+            "uri": "./chair_woodblack_roughnessmetallic.png"
+        }
+    ],
+    "samplers": [
+        {
+            "magFilter": 9729,
+            "minFilter": 9987
+        }
+    ]
+}

requirements.txt

@@ -0,0 +1 @@
+gradio