Spaces:

tencent
/

Hunyuan3D-2

Running on Zero

App Files Files Community

Huiwenshi commited on 2 days ago

Commit

2922df3

verified ·

1 Parent(s): c076822

Upload folder using huggingface_hub

Browse files

Files changed (18) hide show

.gitattributes +2 -0
gradio_cache/2/input.png +0 -0
gradio_cache/2/rembg.png +0 -0
gradio_cache/2/white_mesh.glb +0 -0
gradio_cache/2/white_mesh.html +57 -0
gradio_cache/3/input.png +0 -0
gradio_cache/3/rembg.png +0 -0
gradio_cache/3/textured_mesh.glb +3 -0
gradio_cache/3/textured_mesh.html +40 -0
gradio_cache/3/white_mesh.glb +0 -0
gradio_cache/3/white_mesh.html +57 -0
gradio_cache/4/input.png +0 -0
gradio_cache/4/rembg.png +0 -0
gradio_cache/4/textured_mesh.glb +3 -0
gradio_cache/4/textured_mesh.html +40 -0
gradio_cache/4/white_mesh.glb +0 -0
gradio_cache/4/white_mesh.html +57 -0
hg_app.py +9 -9

.gitattributes CHANGED Viewed

@@ -39,3 +39,5 @@ assets/images/e2e-2.gif filter=lfs diff=lfs merge=lfs -text
 assets/images/system.jpg filter=lfs diff=lfs merge=lfs -text
 assets/images/teaser.jpg filter=lfs diff=lfs merge=lfs -text
 gradio_cache/0/textured_mesh.glb filter=lfs diff=lfs merge=lfs -text

 assets/images/system.jpg filter=lfs diff=lfs merge=lfs -text
 assets/images/teaser.jpg filter=lfs diff=lfs merge=lfs -text
 gradio_cache/0/textured_mesh.glb filter=lfs diff=lfs merge=lfs -text
+gradio_cache/3/textured_mesh.glb filter=lfs diff=lfs merge=lfs -text
+gradio_cache/4/textured_mesh.glb filter=lfs diff=lfs merge=lfs -text

gradio_cache/2/input.png ADDED Viewed

gradio_cache/2/rembg.png ADDED Viewed

gradio_cache/2/white_mesh.glb ADDED Viewed

Binary file (721 kB). View file

gradio_cache/2/white_mesh.html ADDED Viewed

	@@ -0,0 +1,57 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <!-- Import the component -->
+    <script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.1.1/model-viewer.min.js" type="module"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const modelViewers = document.querySelectorAll('model-viewer');
+            modelViewers.forEach(modelViewer => {
+                modelViewer.addEventListener('load', (event) => {
+                    const [material] = modelViewer.model.materials;
+                    let color = [43, 44, 46, 255];
+                    color = color.map(x => x / 255);
+                    material.pbrMetallicRoughness.setMetallicFactor(0.1); // 完全金属
+                    material.pbrMetallicRoughness.setRoughnessFactor(0.7); // 低粗糙度
+                    material.pbrMetallicRoughness.setBaseColorFactor(color);  // CornflowerBlue in RGB
+                });
+            });
+        });
+    </script>
+    <style>
+        body {
+            margin: 0;
+            font-family: Arial, sans-serif;
+        }
+        .centered-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border-radius: 8px;
+            border-color: #e5e7eb;
+            border-style: solid;
+            border-width: 1px;
+        }
+    </style>
+</head>
+<body>
+<div class="centered-container">
+            <div class="column is-mobile is-centered">
+                <model-viewer style="height: 586px; width: 700px;" rotation-per-second="10deg" id="modelViewer"
+                    src="./white_mesh.glb/" disable-tap
+                    environment-image="neutral" auto-rotate camera-target="0m 0m 0m" orientation="0deg 0deg 170deg" shadow-intensity=".9"
+                    ar auto-rotate camera-controls>
+                </model-viewer>
+            </div>
+</div>
+</body>
+</html>

gradio_cache/3/input.png ADDED Viewed

gradio_cache/3/rembg.png ADDED Viewed

gradio_cache/3/textured_mesh.glb ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:543f7425255ccd099285df7d54ffa62115be445d040b50bb9eaa52cde33e1b58
+size 2489976

gradio_cache/3/textured_mesh.html ADDED Viewed

	@@ -0,0 +1,40 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <!-- Import the component -->
+    <script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.1.1/model-viewer.min.js" type="module"></script>
+    <style>
+        body {
+            margin: 0;
+            font-family: Arial, sans-serif;
+        }
+        .centered-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border-radius: 8px;
+            border-color: #e5e7eb;
+            border-style: solid;
+            border-width: 1px;
+        }
+    </style>
+</head>
+<body>
+<div class="centered-container">
+            <div class="column is-mobile is-centered">
+                <model-viewer style="height: 586px; width: 700px;" rotation-per-second="10deg" id="modelViewer"
+                    src="./textured_mesh.glb/" disable-tap
+                    environment-image="neutral" auto-rotate camera-target="0m 0m 0m" orientation="0deg 0deg 170deg" shadow-intensity=".9"
+                    ar auto-rotate camera-controls>
+                </model-viewer>
+            </div>
+</div>
+</body>
+</html>

gradio_cache/3/white_mesh.glb ADDED Viewed

Binary file (716 kB). View file

gradio_cache/3/white_mesh.html ADDED Viewed

	@@ -0,0 +1,57 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <!-- Import the component -->
+    <script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.1.1/model-viewer.min.js" type="module"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const modelViewers = document.querySelectorAll('model-viewer');
+            modelViewers.forEach(modelViewer => {
+                modelViewer.addEventListener('load', (event) => {
+                    const [material] = modelViewer.model.materials;
+                    let color = [43, 44, 46, 255];
+                    color = color.map(x => x / 255);
+                    material.pbrMetallicRoughness.setMetallicFactor(0.1); // 完全金属
+                    material.pbrMetallicRoughness.setRoughnessFactor(0.7); // 低粗糙度
+                    material.pbrMetallicRoughness.setBaseColorFactor(color);  // CornflowerBlue in RGB
+                });
+            });
+        });
+    </script>
+    <style>
+        body {
+            margin: 0;
+            font-family: Arial, sans-serif;
+        }
+        .centered-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border-radius: 8px;
+            border-color: #e5e7eb;
+            border-style: solid;
+            border-width: 1px;
+        }
+    </style>
+</head>
+<body>
+<div class="centered-container">
+            <div class="column is-mobile is-centered">
+                <model-viewer style="height: 586px; width: 700px;" rotation-per-second="10deg" id="modelViewer"
+                    src="./white_mesh.glb/" disable-tap
+                    environment-image="neutral" auto-rotate camera-target="0m 0m 0m" orientation="0deg 0deg 170deg" shadow-intensity=".9"
+                    ar auto-rotate camera-controls>
+                </model-viewer>
+            </div>
+</div>
+</body>
+</html>

gradio_cache/4/input.png ADDED Viewed

gradio_cache/4/rembg.png ADDED Viewed

gradio_cache/4/textured_mesh.glb ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:8936d1a13f8388a410e83bfd42fdc2a580c4f8d82c3bb40e6bbc3cf0bbb9017b
+size 2230620

gradio_cache/4/textured_mesh.html ADDED Viewed

	@@ -0,0 +1,40 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <!-- Import the component -->
+    <script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.1.1/model-viewer.min.js" type="module"></script>
+    <style>
+        body {
+            margin: 0;
+            font-family: Arial, sans-serif;
+        }
+        .centered-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border-radius: 8px;
+            border-color: #e5e7eb;
+            border-style: solid;
+            border-width: 1px;
+        }
+    </style>
+</head>
+<body>
+<div class="centered-container">
+            <div class="column is-mobile is-centered">
+                <model-viewer style="height: 586px; width: 700px;" rotation-per-second="10deg" id="modelViewer"
+                    src="./textured_mesh.glb/" disable-tap
+                    environment-image="neutral" auto-rotate camera-target="0m 0m 0m" orientation="0deg 0deg 170deg" shadow-intensity=".9"
+                    ar auto-rotate camera-controls>
+                </model-viewer>
+            </div>
+</div>
+</body>
+</html>

gradio_cache/4/white_mesh.glb ADDED Viewed

Binary file (721 kB). View file

gradio_cache/4/white_mesh.html ADDED Viewed

	@@ -0,0 +1,57 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <!-- Import the component -->
+    <script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.1.1/model-viewer.min.js" type="module"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const modelViewers = document.querySelectorAll('model-viewer');
+            modelViewers.forEach(modelViewer => {
+                modelViewer.addEventListener('load', (event) => {
+                    const [material] = modelViewer.model.materials;
+                    let color = [43, 44, 46, 255];
+                    color = color.map(x => x / 255);
+                    material.pbrMetallicRoughness.setMetallicFactor(0.1); // 完全金属
+                    material.pbrMetallicRoughness.setRoughnessFactor(0.7); // 低粗糙度
+                    material.pbrMetallicRoughness.setBaseColorFactor(color);  // CornflowerBlue in RGB
+                });
+            });
+        });
+    </script>
+    <style>
+        body {
+            margin: 0;
+            font-family: Arial, sans-serif;
+        }
+        .centered-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border-radius: 8px;
+            border-color: #e5e7eb;
+            border-style: solid;
+            border-width: 1px;
+        }
+    </style>
+</head>
+<body>
+<div class="centered-container">
+            <div class="column is-mobile is-centered">
+                <model-viewer style="height: 586px; width: 700px;" rotation-per-second="10deg" id="modelViewer"
+                    src="./white_mesh.glb/" disable-tap
+                    environment-image="neutral" auto-rotate camera-target="0m 0m 0m" orientation="0deg 0deg 170deg" shadow-intensity=".9"
+                    ar auto-rotate camera-controls>
+                </model-viewer>
+            </div>
+</div>
+</body>
+</html>

hg_app.py CHANGED Viewed

@@ -1,5 +1,5 @@
 # pip install gradio==4.44.1
-if False:
     import os
     import spaces
     import subprocess
@@ -137,12 +137,12 @@ def build_model_viewer_html(save_folder, height=660, width=790, textured=False):
         f.write(template_html.replace('<model-viewer>', obj_html))
     output_html_path = output_html_path.replace(SAVE_DIR + '/', '')
-    #iframe_tag = f'<iframe src="/static/{output_html_path}" height="{height}" width="100%" frameborder="0"></iframe>'
-    # print(f'Find html {output_html_path}, {os.path.exists(output_html_path)}')
-    rel_path = os.path.relpath(output_html_path, SAVE_DIR)
-    iframe_tag = f'<iframe src="/static/{rel_path}" height="{height}" width="100%" frameborder="0"></iframe>'
-    print(f'Find html file {output_html_path}, {os.path.exists(output_html_path)}, relative HTML path is /static/{rel_path}')
     return f"""
         <div style='height: {height}; width: 100%;'>
@@ -207,7 +207,7 @@ def _gen_shape(
     time_meta['image_to_textured_3d'] = {'total': time.time() - start_time}
     time_meta['total'] = time.time() - start_time_0
     stats['time'] = time_meta
-    return mesh, save_folder
 @spaces.GPU(duration=90)
 def generation_all(
@@ -219,7 +219,7 @@ def generation_all(
     octree_resolution=256,
     check_box_rembg=False
 ):
-    mesh, save_folder = _gen_shape(
         caption,
         image,
         steps=steps,
@@ -252,7 +252,7 @@ def shape_generation(
     octree_resolution=256,
     check_box_rembg=False,
 ):
-    mesh, save_folder = _gen_shape(
         caption,
         image,
         steps=steps,

 # pip install gradio==4.44.1
+if True:
     import os
     import spaces
     import subprocess
         f.write(template_html.replace('<model-viewer>', obj_html))
     output_html_path = output_html_path.replace(SAVE_DIR + '/', '')
+    iframe_tag = f'<iframe src="/static/{output_html_path}" height="{height}" width="100%" frameborder="0"></iframe>'
+    print(f'Find html {output_html_path}, {os.path.exists(output_html_path)}')
+    # rel_path = os.path.relpath(output_html_path, SAVE_DIR)
+    # iframe_tag = f'<iframe src="/static/{rel_path}" height="{height}" width="100%" frameborder="0"></iframe>'
+    # print(f'Find html file {output_html_path}, {os.path.exists(output_html_path)}, relative HTML path is /static/{rel_path}')
     return f"""
         <div style='height: {height}; width: 100%;'>
     time_meta['image_to_textured_3d'] = {'total': time.time() - start_time}
     time_meta['total'] = time.time() - start_time_0
     stats['time'] = time_meta
+    return mesh, save_folder, image
 @spaces.GPU(duration=90)
 def generation_all(
     octree_resolution=256,
     check_box_rembg=False
 ):
+    mesh, save_folder, image = _gen_shape(
         caption,
         image,
         steps=steps,
     octree_resolution=256,
     check_box_rembg=False,
 ):
+    mesh, save_folder, image = _gen_shape(
         caption,
         image,
         steps=steps,