add a tagging system to the website

This commit is contained in:
りき萌 2025-08-24 13:18:51 +02:00
parent 701da6bc4b
commit e1b6578b2a
97 changed files with 1025 additions and 979 deletions

View file

@ -1,9 +1,11 @@
%% title = "tairu - an interactive exploration of 2D autotiling techniques"
%% id = "b?01HQ6G30PTVT5H0Z04VVRHEZQF"
title = "tairu - an interactive exploration of 2D autotiling techniques"
scripts = [
"treehouse/components/literate-programming.js",
"treehouse/vendor/codejar.js",
]
styles = ["page/tairu.css"]
tags = ["all", "programming", "graphics", "javascript"]
% id = "01HPD4XQPWM8ECT2QM6AT9YRWB"
- I remember since my early days doing programming, I've been interested in how games like Terraria handle automatically tiling their terrain.
@ -209,7 +211,7 @@ styles = ["page/tairu.css"]
borderWidth: 4,
});
```
{:program=tairu :placeholder=01HQ49TJZFMK719KSE16SG3F7B}
```output
```
@ -436,7 +438,7 @@ styles = ["page/tairu.css"]
```
{:program=tairu :placeholder=01HQ49X8Z57FNMN3E79FYF8CMG}
```output
```output
```
% id = "01HQ162WWA03JAGJYCT0DRZP24"
@ -461,7 +463,7 @@ styles = ["page/tairu.css"]
```
{:program=tairu :placeholder=01HQ49YDPQXYSAT5N6P241DG3C}
```output
```output
```
% id = "01HQ162WWAB0AYSPGB4AEVT03Z"
@ -490,7 +492,7 @@ styles = ["page/tairu.css"]
```
{:program=tairu :placeholder=01HQ49Z8JWR75D85DGHCB34K8E}
```output
```output
```
% id = "01HQ1K39AS4VDW7DVTAGQ03WFM"
@ -514,7 +516,7 @@ styles = ["page/tairu.css"]
% classes.branch = "tileset-four-to-eight-demo"
id = "01HQ1K39ASR81NWMW8Q0MF8QMP"
- enhance!
{% NOTE djot: I don't there's a way to achieve this in Djot alone %}
``` =html
<ul class="directions-square bend">
@ -599,7 +601,7 @@ styles = ["page/tairu.css"]
```
{:program=tairu :placeholder=01HQ4A01MPE6JT5ZZFEN9S635W}
```output
```output
```
% id = "01HQ1K39AS7CRBZ67N1VVHCVME"
@ -953,7 +955,7 @@ styles = ["page/tairu.css"]
```
{:program=tairu :placeholder=01HQ4A11RRXEQ850598GFBJN0B}
```output
```output
```
% id = "01HQ1M84GSCXTPGVPXY840WCQ6"
@ -984,7 +986,7 @@ new TilesetTileEditor({
```
{:program=tairu :placeholder=01HQ4A45WNAEJGCT2WDMQJHK14}
```output
```output
```
:nap: <!--