Skip to content

Commit

Permalink
Update README.md for visualization and styling
Browse files Browse the repository at this point in the history
- Adjusted table layout for clarity.
- Added CSS styles for model-viewer dimensions.
- Removed inline styles from model-viewer tag.
  • Loading branch information
Matthias Humt committed Dec 6, 2024
1 parent 676d5dd commit 6759625
Showing 1 changed file with 13 additions and 3 deletions.
16 changes: 13 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# BlenderProc Publication Visualization
Publication-ready visualization of 3D objects and point clouds in seconds.

| Mesh | Point Cloud | Mesh + Depth |
| | | |
|----------------------------|--------------------------|----------------------------------|
| ![mesh](examples/mesh.png) | ![pcd](examples/pcd.png) | ![mesh_depth](examples/mesh.png) |

Expand Down Expand Up @@ -131,12 +131,22 @@ use
type="module"
src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.5.0/model-viewer.min.js">
</script>

<style>
model-viewer {
width: 512px;
height: 512px;
display: block;
margin-left: auto;
margin-right: auto;
}
</style>

<model-viewer
src="/path/to/mesh.glb"
camera-controls tone-mapping="neutral"
shadow-intensity="1"
auto-rotate
style="width: 512px; height: 512px;">
auto-rotate>
</model-viewer>
```
in any HTML file (like the hosted [**GitHub** Pages site](https://hummat.com/bproc-pubvis)) of this repository) to display the object.
Expand Down

0 comments on commit 6759625

Please sign in to comment.