mirror of
https://github.com/JackHopkins/factorio-learning-environment.git
synced 2025-09-06 13:23:58 +00:00
docs(versions): fix relative asset paths in 0.1.0
This commit is contained in:
@@ -7,14 +7,13 @@
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet" />
|
||||
|
||||
<link rel="stylesheet" href="./static/css/bulma.min.css" />
|
||||
<link rel="stylesheet" href="./static/css/bulma-carousel.min.css" />
|
||||
<link rel="stylesheet" href="./static/css/bulma-slider.min.css" />
|
||||
<link rel="stylesheet" href="./static/css/fontawesome.all.min.css" />
|
||||
<link rel="stylesheet" href="./static/css/academicons.min.css" />
|
||||
<link rel="stylesheet" href="../static/css/bulma.min.css" />
|
||||
<link rel="stylesheet" href="../static/css/bulma-carousel.min.css" />
|
||||
<link rel="stylesheet" href="../static/css/bulma-slider.min.css" />
|
||||
<link rel="stylesheet" href="../static/css/fontawesome.all.min.css" />
|
||||
<link rel="stylesheet" href="../static/css/academicons.min.css" />
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css" />
|
||||
<link rel="stylesheet" href="./static/css/index.css" />
|
||||
<link rel='shortcut icon' type='image/x-icon' href='./favicon.ico' />
|
||||
<link rel='shortcut icon' type='image/x-icon' href='../favicon.ico' />
|
||||
<style>
|
||||
.math-block {
|
||||
margin: 20px 0;
|
||||
@@ -44,10 +43,10 @@
|
||||
}
|
||||
</style>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
<script defer src="./static/js/fontawesome.all.min.js"></script>
|
||||
<script src="./static/js/bulma-carousel.min.js"></script>
|
||||
<script src="./static/js/bulma-slider.min.js"></script>
|
||||
<script src="./static/js/index.js"></script>
|
||||
<script defer src="../static/js/fontawesome.all.min.js"></script>
|
||||
<script src="../static/js/bulma-carousel.min.js"></script>
|
||||
<script src="../static/js/bulma-slider.min.js"></script>
|
||||
<script src="../static/js/index.js"></script>
|
||||
|
||||
<script type="module">
|
||||
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
||||
@@ -102,7 +101,7 @@
|
||||
</span>
|
||||
|
||||
<span class="link-block">
|
||||
<a target="_blank" href="assets/documents/paper.pdf" class="external-link button is-normal is-rounded is-dark">
|
||||
<a target="_blank" href="../assets/documents/paper.pdf" class="external-link button is-normal is-rounded is-dark">
|
||||
<span class="icon">
|
||||
<i class="fas fa-file-pdf"></i>
|
||||
</span>
|
||||
@@ -127,7 +126,7 @@
|
||||
</a>
|
||||
</span>
|
||||
<span class="link-block">
|
||||
<a target="_blank" href="./leaderboard" class="external-link button is-normal is-rounded is-dark">
|
||||
<a target="_blank" href="../leaderboard" class="external-link button is-normal is-rounded is-dark">
|
||||
<span class="icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#ffffff" d="M353.8 54.1L330.2 6.3c-3.9-8.3-16.1-8.6-20.4 0L286.2 54.1l-52.3 7.5c-9.3 1.4-13.3 12.9-6.4 19.8l38 37-9 52.1c-1.4 9.3 8.2 16.5 16.8 12.2l46.9-24.8 46.6 24.4c8.6 4.3 18.3-2.9 16.8-12.2l-9-52.1 38-36.6c6.8-6.8 2.9-18.3-6.4-19.8l-52.3-7.5zM256 256c-17.7 0-32 14.3-32 32l0 192c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-192c0-17.7-14.3-32-32-32l-128 0zM32 320c-17.7 0-32 14.3-32 32L0 480c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-128c0-17.7-14.3-32-32-32L32 320zm416 96l0 64c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32l-128 0c-17.7 0-32 14.3-32 32z"/></svg>
|
||||
</span>
|
||||
@@ -213,7 +212,7 @@
|
||||
<div class="video-container">
|
||||
<video playsinline muted autoplay loop width="100%">
|
||||
<!-- MP4 for desktop devices (loads first on desktop) -->
|
||||
<source src="assets/videos/compressed_2213-cropped-h264.mp4" type="video/mp4">
|
||||
<source src="../assets/videos/compressed_2213-cropped-h264.mp4" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
<div class="video-overlay"><span>Mine 16 Iron Ore</span></br><span style="font-size: 85%; padding-top: -10px">per minute</span></div>
|
||||
@@ -224,7 +223,7 @@
|
||||
<div class="video-container">
|
||||
<video playsinline muted autoplay loop width="100%">
|
||||
<!-- MP4 for desktop devices -->
|
||||
<source src="assets/videos/compressed_720-cropped-h264.mp4" type="video/mp4">
|
||||
<source src="../assets/videos/compressed_720-cropped-h264.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="video-overlay"><span>Smelt 16 Iron Plates</span></br><span style="font-size: 85%; padding-top: -10px">per minute</span></div>
|
||||
</div>
|
||||
@@ -234,7 +233,7 @@
|
||||
<div class="video-container">
|
||||
<video playsinline muted autoplay loop width="100%">
|
||||
<!-- MP4 for desktop devices -->
|
||||
<source src="assets/videos/compressed_767-cropped-h264.mp4" type="video/mp4">
|
||||
<source src="../assets/videos/compressed_767-cropped-h264.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="video-overlay"><span>Make 16 Iron Gears</span></br><span style="font-size: 85%; padding-top: -10px">per minute</span></div>
|
||||
</div>
|
||||
@@ -245,7 +244,7 @@
|
||||
<div class="video-container">
|
||||
<video playsinline muted autoplay loop width="100%">
|
||||
<!-- MP4 for desktop devices -->
|
||||
<source src="assets/videos/compressed_1891-cropped-h264.mp4" type="video/mp4">
|
||||
<source src="../assets/videos/compressed_1891-cropped-h264.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="video-overlay"><span>Extract 250 Petroleum Gas</span></br><span style="font-size: 85%; padding-top: -10px">per minute</span></div>
|
||||
</div>
|
||||
@@ -255,7 +254,7 @@
|
||||
<div class="video-container">
|
||||
<video playsinline muted autoplay loop width="100%">
|
||||
<!-- MP4 for desktop devices -->
|
||||
<source src="assets/videos/compressed_761-cropped-h264.mp4" type="video/mp4">
|
||||
<source src="../assets/videos/compressed_761-cropped-h264.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="video-overlay"><span>Refine 16 Sulfur</span></br><span style="font-size: 85%; padding-top: -10px">per minute</span></div>
|
||||
</div>
|
||||
@@ -265,7 +264,7 @@
|
||||
<div class="video-container">
|
||||
<video playsinline muted autoplay loop width="100%">
|
||||
<!-- MP4 for desktop devices -->
|
||||
<source src="assets/videos/compressed_1897-cropped-h264.mp4" type="video/mp4">
|
||||
<source src="../assets/videos/compressed_1897-cropped-h264.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="video-overlay"><span>Make 16 Plastic bars</span></br><span style="font-size: 85%; padding-top: -10px">per minute</span></div>
|
||||
</div>
|
||||
@@ -276,7 +275,7 @@
|
||||
<div class="video-container">
|
||||
<video playsinline muted autoplay loop width="100%">
|
||||
<!-- MP4 for desktop devices -->
|
||||
<source src="assets/videos/compressed_803-cropped-h264.mp4" type="video/mp4">
|
||||
<source src="../assets/videos/compressed_803-cropped-h264.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="video-overlay">Build the largest possible factory</div>
|
||||
</div>
|
||||
@@ -286,7 +285,7 @@
|
||||
<div class="video-container">
|
||||
<video playsinline muted autoplay loop width="100%">
|
||||
<!-- MP4 for desktop devices -->
|
||||
<source src="assets/videos/compressed_527-cropped-h264.mp4" type="video/mp4">
|
||||
<source src="../assets/videos/compressed_527-cropped-h264.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="video-overlay">Build the largest possible factory</div>
|
||||
</div>
|
||||
@@ -296,7 +295,7 @@
|
||||
<div class="video-container">
|
||||
<video playsinline muted autoplay loop width="100%">
|
||||
<!-- MP4 for desktop devices -->
|
||||
<source src="assets/videos/compressed_804-cropped-h264.mp4" type="video/mp4">
|
||||
<source src="../assets/videos/compressed_804-cropped-h264.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="video-overlay">Build the largest possible factory</div>
|
||||
</div>
|
||||
@@ -423,7 +422,7 @@
|
||||
<div class="rows is-centered">
|
||||
<div class="row is-full-width">
|
||||
<div style="text-align: center;">
|
||||
<img src="assets/images/figure_2.png" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto;" />
|
||||
<img src="../assets/images/figure_2.png" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto;" />
|
||||
<br />
|
||||
<span style="font-size: 110%;">
|
||||
<b>Agents in FLE aim to optimise factories programmatically.</b> Left: Agents aim to create increasingly efficient factories, advancing through technological tiers to produce more resources per second. Middle: We provide a Python API to Factorio which enables direct interaction with the environment through code. Right: Agents submit programs to the game server and receive rich feedback, enabling them to refine their strategies through an iterative process of exploration and refinement.
|
||||
@@ -435,7 +434,7 @@
|
||||
<div style="margin: 30px 0;">
|
||||
<div class="column">
|
||||
<div style="text-align: center;">
|
||||
<img src="assets/images/repl.png" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto;" />
|
||||
<img src="../assets/images/repl.png" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto;" />
|
||||
<br />
|
||||
<span style="font-size: 110%;">
|
||||
<b>Agents develop policies through an interactive feedback loop.</b>
|
||||
@@ -473,7 +472,7 @@
|
||||
<div class="rows is-centered">
|
||||
<div class="row is-full-width">
|
||||
<div style="text-align: center;">
|
||||
<img src="assets/images/figure_4.png" width="100%" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto;" />
|
||||
<img src="../assets/images/figure_4.png" width="100%" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto;" />
|
||||
<br />
|
||||
<span style="font-size: 110%;">
|
||||
<b>Agent capabilities are clearly differentiated by their production scores in open-play.</b>
|
||||
@@ -493,7 +492,7 @@
|
||||
<div class="rows is-centered">
|
||||
<div class="row is-full-width">
|
||||
<div style="text-align: center;">
|
||||
<img src="assets/images/figure_6.png" width="100%" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto; margin-top: 3em" />
|
||||
<img src="../assets/images/figure_6.png" width="100%" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto; margin-top: 3em" />
|
||||
<br />
|
||||
<span style="font-size: 110%;">
|
||||
<b>Production strategies reveal differences in agent planning and capabilities.</b>
|
||||
@@ -522,7 +521,7 @@
|
||||
<div class="rows is-centered">
|
||||
<div class="row is-full-width">
|
||||
<div style="text-align: center;">
|
||||
<img src="assets/images/figure_5.png" width="100%" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto;" />
|
||||
<img src="../assets/images/figure_5.png" width="100%" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto;" />
|
||||
<br />
|
||||
<span style="font-size: 110%;">
|
||||
<b>Item production complexity creates a natural difficulty gradient for agent evaluation.</b> Top: We measure task success rates across the first 8 complexity levels, revealing a clear decline as target entity crafting complexity increases. Even the most capable models struggle with coordinating more than six machines when producing items with three or more ingredients. Bottom: Production progress over time shows a pattern of initial rapid advancement followed by stagnation or regression. This reveals a key limitation in current agents' abilities: they often break existing functional structures when attempting to scale production or add new factory sections. The high variance in task progress across runs further demonstrates the challenge of consistent performance in complex automation tasks.
|
||||
@@ -539,7 +538,7 @@
|
||||
<div class="row is-full-width">
|
||||
<div style="text-align: center;">
|
||||
<!-- <img src="assets/images/exploration_performance.png" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto; width: 80%;" />-->
|
||||
<img src="assets/images/figure_1.png" width="600px" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto;" />
|
||||
<img src="../assets/images/figure_1.png" width="600px" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto;" />
|
||||
<br />
|
||||
<span style="font-size: 110%;">
|
||||
<b>Plastic bar manufacturing is the most challenging task successfully completed in lab-play.</b>
|
||||
@@ -559,7 +558,7 @@
|
||||
<div class="row">
|
||||
<div style="text-align: center;">
|
||||
<!-- <img src="assets/images/exploration_performance.png" class="interpolation-image" alt="" style="display: block; margin-left: auto; margin-right: auto; width: 80%;" />-->
|
||||
<img src="assets/images/table_1.png" width="600px" class="interpolation-image" alt="" style="margin-top: 50px; display: block; margin-left: auto; margin-right: auto;" />
|
||||
<img src="../assets/images/table_1.png" width="600px" class="interpolation-image" alt="" style="margin-top: 50px; display: block; margin-left: auto; margin-right: auto;" />
|
||||
<br />
|
||||
<span style="font-size: 110%;">
|
||||
Even the strongest model (Claude) only completed 7/24 tasks in lab-play, illustrating substantial room for improvement in this benchmark.
|
||||
|
Reference in New Issue
Block a user