mirror of
https://github.com/AvaLovelace1/LegoGPT.git
synced 2026-05-14 19:43:15 -05:00
Ava Pun
448 lines
23 KiB
HTML
448 lines
23 KiB
HTML
<!DOCTYPE html>
|
|
<html class=" w-mod-ix">
|
|
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<style>
|
|
.wf-force-outline-none[tabindex="-1"]:focus {
|
|
outline: none;
|
|
}
|
|
</style>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
|
|
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WNGS4SZ3C7"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag() { dataLayer.push(arguments); }
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-WNGS4SZ3C7');
|
|
</script>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<title>Generating Physically Stable and Buildable LEGO Designs from Text</title>
|
|
<link rel="icon" type="image/x-icon" href="all_results/images/sofa.png">
|
|
<link rel="stylesheet" href="images/bootstrap.min.css">
|
|
<link href="images/css.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="images/Highlight-Clean.css">
|
|
<link rel="stylesheet" href="images/styles.css">
|
|
|
|
<link rel="manifest" href="images/site.webmanifest">
|
|
|
|
<meta property="og:site_name" content="Generating Physically Stable and Buildable LEGO Designs from Text">
|
|
<!-- <meta property="og:type" content="video.other"> -->
|
|
<meta property="og:title" content="Generating Physically Stable and Buildable LEGO Designs from Text">
|
|
<!-- <meta property="og:description" content=""> -->
|
|
<!-- <meta property="og:url" content=""> -->
|
|
<!-- <meta property="og:image" content="">
|
|
<meta property="og:video" content=""> -->
|
|
|
|
<!-- Twitter Meta Tags -->
|
|
<!-- <meta name="twitter:card" content="">
|
|
<meta property="twitter:url" content=""> -->
|
|
<meta name="twitter:title" content="Generating Physically Stable and Buildable LEGO Designs from Text">
|
|
<meta name="twitter:title" content="Generating Physically Stable and Buildable LEGO Designs from Text">
|
|
<!-- <meta name="twitter:description" content=""> -->
|
|
<!-- <meta name="twitter:image" content=""> -->
|
|
<!-- <meta name="twitter:video" content=""> -->
|
|
|
|
|
|
<script src="images/video_comparison.js"></script>
|
|
<script type="module" src="images/model-viewer.min.js"></script>
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<!-- <div class="banner">
|
|
<video class="video lazy" poster="" autoplay="autoplay" loop="" playsinline="" muted="muted">
|
|
<source data-src="" type="video/mp4" src="">
|
|
</video>
|
|
</div> -->
|
|
<div class="highlight-clean" style="padding-bottom: 20px;">
|
|
<div class="container" style="padding-bottom: 10px; max-width: 1000px;">
|
|
<h1 class="text-center"><b>Generating Physically Stable and Buildable LEGO Designs from Text</b></h1>
|
|
</div>
|
|
<div class="container" style="max-width: 900px;">
|
|
<div class="row authors institute">
|
|
<div class="col-sm-12">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- <hr class="divider"> -->
|
|
<hr style="max-width: 1400px;">
|
|
<div class="container" style="max-width: 1400px;">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<p>
|
|
We provide additional video results on this webpage.
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container" style="max-width: 1400px;">
|
|
<h2 class="text-center" style="margin-bottom: 30px; margin-top: 10px;">Step by step generation of LEGO structures from text</h2>
|
|
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/stepBystep/03467517_8f4b1f242bc014b88fdda65f2c9bf85.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/stepBystep/04530566_1f883bf1bf0f6bc7a993db466b6d73d3_fv40.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/stepBystep/04530566_410b12d445e5deb49588e71e21de9f30_fov40.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/stepBystep/02871439_b1b511bda428926c180cff5124af98b1.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/stepBystep/04379243_80b2eb0e500bca46f3412e3273fc1682_fov40.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"An asymmetrical six-string guitar [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"A streamlined vessel with a long, narrow hull [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"A streamlined, elongated vessel [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"A layered bookshelf [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"A rectangular table [...]"
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/stepBystep/04256520_a3feac5d875f764c1961e650f3cfa396.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/stepBystep/03001627_7a712ca74183d8c235836c728d324152.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/stepBystep/02958343_eb471949c658f39eca736b1d30b87e32_fov40.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/stepBystep/02828884_4d6b053f11e784e2a136ebdce43e4200.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/stepBystep/03001627_a366bbec303662a3ec545e4e9c852271.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"A sofa with a rectangular base [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"A high-backed chair [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"A classic-style car with a prominent front grille [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"A rectangular bench [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"A minimalist chair featuring a straight backrest with an arched top [...]"
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr style="max-width: 1400px;">
|
|
|
|
<div class="container" style="max-width: 1400px;">
|
|
<h2 class="text-center" style="margin-bottom: 30px; margin-top: 10px;">Automated assembly of generated LEGO structures using robots (8x speed)</h2>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 40%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/robots/vessel_8x.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 40%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/robots/guitar_8x.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 40%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"A streamlined vessel with a long, narrow hull [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 40%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"An asymmetrical six-string guitar [...]"
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr style="max-width: 1400px;">
|
|
|
|
<div class="container" style="max-width: 1400px;">
|
|
<h2 class="text-center" style="margin-bottom: 30px; margin-top: 10px;">Generated Textured LEGO Models</h2>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture/others/rustic_stone_bench_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture/others/hot_rod_with_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture/others/rustic_farmhouse_chair_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture/others/live_edge_walnut_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Rustic stone bench with moss growth [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Hot rod with flame paintwork [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Rustic farmhouse chair built from reclaimed wood [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Live edge walnut table [...]"
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture/sofa/comfortable_lounge_chair_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture/sofa/cyberpunk_holographic_material_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture/sofa/rustic_farmhouse_armchair_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture//sofa/vintage_floral_tapestry_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Comfortable lounge chair wrapped in Japanese shibori fabric [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Cyberpunk holographic material with neon purple and blue gradients [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Rustic farmhouse armchair built from reclaimed wood [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Vintage floral tapestry with deep reds and golds [...]"
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture/bookshelf/gothic_cathedral_bookshelf_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture/bookshelf/japanese_sliding_bookcase_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/texture/bookshelf/victorian_library_shelving_full_color_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Gothic cathedral bookshelf with arch details, medieval style [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Japanese sliding bookcase with shoji screens, traditional design [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Victorian library shelving with carved moldings [...]"
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr style="max-width: 1400px;">
|
|
<div class="container" style="max-width: 1400px;">
|
|
<h2 class="text-center" style="margin-bottom: 30px; margin-top: 10px;">Generated Colored LEGO Models</h2>
|
|
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/color/guitar/guitar_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/color/guitar/purple_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/color/guitar/steel_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<video autoplay="autoplay" controls="controls" loop="loop" muted="muted"
|
|
src="all_results/color/guitar/sunburst_rotate.mp4"
|
|
style="width: 100%" type="video/mp4"></video>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="display: flex; align-items: center;">
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Parlor guitar with ladder bracing [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Electric guitar in metallic purple [...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Steel resonator with engraved body[...]"
|
|
</p>
|
|
</div>
|
|
<div class="col" style="flex: 1 1 20%;">
|
|
<p style="font-family: Chalkduster; font-size: 16px; margin-top: 5px; text-align: center;">
|
|
"Sunburst Les Paul with amber finish [...]"
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="images/polyfill.js"></script>
|
|
<script src="images/yall.js"></script>
|
|
<script>
|
|
yall(
|
|
{
|
|
observeChanges: true
|
|
}
|
|
);
|
|
</script>
|
|
<script src="images/scripts.js"></script>
|
|
<script src="images/jquery.min.js"></script>
|
|
<script src="images/bootstrap.bundle.min.js"></script>
|
|
<script src="images/webflow.fd002feec.js"></script>
|
|
|
|
<!-- Import the component -->
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|