Spaces:
Running
Running
update the text
Browse files
app.py
CHANGED
@@ -174,30 +174,38 @@ with gradio.Blocks(
|
|
174 |
</h1>
|
175 |
"""
|
176 |
)
|
177 |
-
|
178 |
gradio.HTML(
|
179 |
"""
|
180 |
<p style="font-size: 16px; line-height: 1.6;">
|
181 |
This is the official demo of Layered Ray Intersection
|
182 |
-
(<a href="https://ruili3.github.io/lari/index.html" target="_blank" style="color: #42aaf5">LaRI</a>).
|
183 |
-
|
|
|
|
|
184 |
<h3 style="color: #42aaf5;">Get Started</h3>
|
185 |
-
|
|
|
186 |
<ul>
|
187 |
<li>Load an image</li>
|
|
|
188 |
<li>Click the 'Process' button</li>
|
189 |
-
<li>
|
190 |
</ul>
|
191 |
</p>
|
192 |
-
|
|
|
|
|
193 |
<span style="color: #FFBD1C;">Layer 1</span>,
|
194 |
<span style="color: #FB5607;">Layer 2</span>,
|
195 |
<span style="color: #F15BB5;">Layer 3</span>,
|
196 |
<span style="color: #8338EC;">Layer 4</span>.
|
|
|
197 |
|
198 |
<h3 style="color: #42aaf5;">Contact</h3>
|
199 |
-
|
200 |
-
|
|
|
|
|
201 |
"""
|
202 |
)
|
203 |
|
|
|
174 |
</h1>
|
175 |
"""
|
176 |
)
|
|
|
177 |
gradio.HTML(
|
178 |
"""
|
179 |
<p style="font-size: 16px; line-height: 1.6;">
|
180 |
This is the official demo of Layered Ray Intersection
|
181 |
+
(<a href="https://ruili3.github.io/lari/index.html" target="_blank" style="color: #42aaf5;">LaRI</a>).
|
182 |
+
This demo currently supports object-level reconstruction only.
|
183 |
+
</p>
|
184 |
+
|
185 |
<h3 style="color: #42aaf5;">Get Started</h3>
|
186 |
+
<p style="font-size: 16px; line-height: 1.6;">
|
187 |
+
As a quick start, click one image from `Examples` and press 'Process'. Try it out with your own images by following these steps:
|
188 |
<ul>
|
189 |
<li>Load an image</li>
|
190 |
+
<li>(Optional) Check the 'Remove Background' box</li>
|
191 |
<li>Click the 'Process' button</li>
|
192 |
+
<li>Explore the layered depth maps (z-channel of the LaRI point map) by adjusting the 'Layer ID' slider</li>
|
193 |
</ul>
|
194 |
</p>
|
195 |
+
|
196 |
+
<p style="font-size: 16px; line-height: 1.6;">
|
197 |
+
In the '3D Point Cloud' view, different colors represent different intersection layers:
|
198 |
<span style="color: #FFBD1C;">Layer 1</span>,
|
199 |
<span style="color: #FB5607;">Layer 2</span>,
|
200 |
<span style="color: #F15BB5;">Layer 3</span>,
|
201 |
<span style="color: #8338EC;">Layer 4</span>.
|
202 |
+
</p>
|
203 |
|
204 |
<h3 style="color: #42aaf5;">Contact</h3>
|
205 |
+
<p style="font-size: 16px; line-height: 1.6;">
|
206 |
+
If you have any questions, feel free to open an issue on our
|
207 |
+
<a href="https://github.com/ruili3/lari" target="_blank" style="color: #42aaf5;">GitHub repository</a> ⭐
|
208 |
+
</p>
|
209 |
"""
|
210 |
)
|
211 |
|