<![CDATA[鱗目界域 / 旅龍茶社]]> https://yinglong.org/forum/index.php Sat, 05 Sep 2026 12:06:54 +0000 FluxBB <![CDATA[因爲太閒了所以抓一些龍來聊天]]> https://yinglong.org/forum/viewtopic.php?id=5080&action=new 我是說好奇心搜到了龍相關關於應龍的龍百科資料，點進去論壇看看發現的。 [靈感]

]]> Sat, 05 Sep 2026 12:06:54 +0000 https://yinglong.org/forum/viewtopic.php?id=5080&action=new <![CDATA[正在使用deepseekharness製作的STS模組]]> https://yinglong.org/forum/viewtopic.php?id=5078&action=new 簡化了頭部，不過也算是勉強完成了（
實現了動畫的導入
不過嘛。。。。各個場景的動畫還都沒有做呢，這一步可能需要一段時間了，不過大家都是龍，只需要耐心等待一下


還和朋友聯機遊玩了一把，遇到了一個顯示bug
然後雙區兄弟玩超模mod倒在了二層。。。好丟臉 [震驚] 身爲龍被一羣蜂窩雙殺了

]]> Fri, 04 Sep 2026 08:19:03 +0000 https://yinglong.org/forum/viewtopic.php?id=5078&action=new <![CDATA[各位理想龍身的居所是怎樣的？]]> https://yinglong.org/forum/viewtopic.php?id=4163&action=new 冰海邊的石崖，不很遠的地方有沼澤與森林
感覺自己會是居無定所的生靈，也罕囤積寶物的習慣；故而巢穴也比較隨意

]]> Fri, 28 Aug 2026 21:14:00 +0000 https://yinglong.org/forum/viewtopic.php?id=4163&action=new <![CDATA[AI繪圖樓]]> https://yinglong.org/forum/viewtopic.php?id=4646&action=new

[↑] @Ancalagon 寫道: 草圖到成品只用了四次就完成真的很強，感覺這次的 AI 真的可以搶到藝術家的飯碗。我弄複雜的圖大概都是分層生成，最後再合成一張。 …

如果造型不那麼主流就很難了。。。，我從草圖到成品至少得200次*手改4次，而且只有1/5成功率。

]]> Mon, 17 Aug 2026 15:52:00 +0000 https://yinglong.org/forum/viewtopic.php?id=4646&action=new <![CDATA[想要徵求聊天好友]]> https://yinglong.org/forum/viewtopic.php?id=5077&action=new 哈哈，沒有啦，就單純聊天朋友，只是也希望理念合得來，這樣才聊得久

如果要相親會希望地理位置也要夠近

]]> Sat, 15 Aug 2026 13:16:17 +0000 https://yinglong.org/forum/viewtopic.php?id=5077&action=new <![CDATA[最近翻譯小說的感想]]> https://yinglong.org/forum/viewtopic.php?id=5071&action=new

[↑] @Distantwave 寫道: 我覺得你可以試試看用 agentic coding ai 幫你設計出工作流，像是 antigravity，翻譯 -> 確認是否遺漏 -> 辨識是否有哪裡不通暢，甚至可以串不同 AI model 來做同 …

我在用 ChatGPT，現在原生支持 SKILL 了，很不錯

]]> Fri, 14 Aug 2026 17:19:32 +0000 https://yinglong.org/forum/viewtopic.php?id=5071&action=new <![CDATA[聊些什麼吧......聊些什麼呢？]]> https://yinglong.org/forum/viewtopic.php?id=5028&action=new 我喜歡你文章的轉折，從沉重變得到知音，願你得到龍族星空的祝福

]]> Fri, 14 Aug 2026 16:35:31 +0000 https://yinglong.org/forum/viewtopic.php?id=5028&action=new <![CDATA[一條新龍在這裏露面，追求着某種拯救]]> https://yinglong.org/forum/viewtopic.php?id=5073&action=new 你感覺好乖好有禮貌，我覺得蠻多龍魂都很乖也很有禮貌，只可惜就是太乖太有禮貌，容易被欺負

我認為你可以多接觸神祕學和同好，漸漸地你就會習慣這種文化和找到你認為合理的解釋

不過也別抱持太高期待就是，你會發現大家看起來很像，但是實際上又不是那麼像

我蠻喜歡也認同你說龍族是信仰和救贖

以上一些我的淺見

]]> Fri, 14 Aug 2026 16:18:46 +0000 https://yinglong.org/forum/viewtopic.php?id=5073&action=new <![CDATA[[閒聊]雅雅的電繪工作環境]]> https://yinglong.org/forum/viewtopic.php?id=2471&action=new 藉此帖子留個檔，算是相關吧，2025年微星MSI出的旗艦筆記本“泰坦18 Ultra 龍魂典藏版”（臺灣命名Titan 18 HX 北歐神話龍魂典藏限定版）
比較意外的是這次的A面配色不是之前微星常用的紅色，而是青色，龍的形態也沒有使用完整形態，而是截取了眼睛附近的一片


獸裝照片來自獸裝擁有者X，臺灣線下宣傳活動
線下宣傳活動報道
Bilibili視頻網站的評測
微星官網介紹
微星官網產品頁

]]> Wed, 05 Aug 2026 05:53:07 +0000 https://yinglong.org/forum/viewtopic.php?id=2471&action=new <![CDATA[大家是在怎樣的情況下以怎樣的方式進入這裡的呢？]]> https://yinglong.org/forum/viewtopic.php?id=1399&action=new 嗯~硬要說的話，我是想寫龍文，通過豆包給的鏈接來到這個地方的。[大笑]

]]> Wed, 29 Jul 2026 16:18:49 +0000 https://yinglong.org/forum/viewtopic.php?id=1399&action=new <![CDATA[一枚新蛋已經破殼而出]]> https://yinglong.org/forum/viewtopic.php?id=5067&action=new 歡迎 [謝啦] 

]]> Wed, 22 Jul 2026 10:53:00 +0000 https://yinglong.org/forum/viewtopic.php?id=5067&action=new <![CDATA[正在聽什麼音樂？]]> https://yinglong.org/forum/viewtopic.php?id=312&action=new Dragonheart Awakens (Female Version) | Mythicgate

https://www.youtube.com/watch?v=-s1_tX3ZTB8

Awaken now, my Dragonheart,
let my ancient power rise.
I burn the shadows from within,
ignite the truth behind my eyes.

Awaken now, my Dragonheart,
let the old blood roar again.
For the fire was never lost—
it only waited for my name.

]]> Sun, 05 Jul 2026 01:19:29 +0000 https://yinglong.org/forum/viewtopic.php?id=312&action=new <![CDATA[精通人類語言的毛龍適合當心理治療師嗎？]]> https://yinglong.org/forum/viewtopic.php?id=5055&action=new 雖然標註了不能使用魔法，但是看到標題還是第一反應想到了《魔龍之書》裏的《一抹藍》
（劇透內容）故事裏的龍們以消耗記憶（信息）轉化能量的方式維持自身存在，在結尾被引申到一種治療抑鬱症的可能（w感謝作者最後保留了倫理方面的想象空間）。
常見的，抑鬱容易沉溺過去,焦慮容易放大未來的潛在威脅，而龍的壽命與認知尺度如果遠大於人類，物種間的“
距離感”可能會很明顯。這種距離一方面可能讓龍不容易被來訪者的情緒捲入移情，但另一方面也可能因爲缺乏類似的生命經驗，會有不少情緒體驗難以感同身受，不過如果立志要做這個職業，我想應該有足夠長的時間來讓這個問題不成問題。
另外允許rua龍的毛毛可能也是一種情緒撫慰的方式，如果龍諮詢師倫理手冊上面沒禁止的話（ [害羞]

]]> Tue, 26 May 2026 05:16:04 +0000 https://yinglong.org/forum/viewtopic.php?id=5055&action=new <![CDATA[AI工具樓]]> https://yinglong.org/forum/viewtopic.php?id=5044&action=new 像素畫轉h5 canvas網頁，最近在摸索怎麼讓ai給我把像素畫變成gif，順便就vibe code了一個這個。注意：超過128*128像素轉換可能會卡頓，對於海量顏色的ai像素畫原圖轉換的網頁大小會很大（300kb左右），46種顏色、大概256*170的像素畫也要70kb，還在摸索更加好的方式。



<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>像素画 → Canvas 代码转换器</title>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Noto+Sans+SC:wght@300;500;700&display=swap');

    :root {
      --bg: #0e0e12;
      --surface: #16161e;
      --border: #2a2a38;
      --accent: #e8ff5a;
      --accent2: #ff5a8a;
      --accent3: #5af0ff;
      --text: #e8e8f0;
      --muted: #6a6a88;
      --pixel: 4px;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      background: var(--bg);
      color: var(--text);
      font-family: 'Noto Sans SC', sans-serif;
      font-weight: 300;
      min-height: 100vh;
      overflow-x: hidden;
    }

    /* Scanline overlay */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background: repeating-linear-gradient(0deg,
          transparent,
          transparent 2px,
          rgba(0, 0, 0, 0.08) 2px,
          rgba(0, 0, 0, 0.08) 4px);
      pointer-events: none;
      z-index: 999;
    }

    header {
      padding: 2rem 2.5rem 1.5rem;
      border-bottom: 1px solid var(--border);
      display: flex;
      align-items: baseline;
      gap: 1.2rem;
      position: relative;
    }

    header::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 120px;
      height: 2px;
      background: var(--accent);
    }

    .logo {
      font-family: 'Space Mono', monospace;
      font-size: 1.4rem;
      font-weight: 700;
      color: var(--accent);
      letter-spacing: -1px;
    }

    .logo span {
      color: var(--accent2);
    }

    .subtitle {
      font-size: 0.78rem;
      color: var(--muted);
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    main {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto 1fr;
      gap: 0;
      height: calc(100vh - 73px);
      min-height: 0;
      overflow: hidden;
    }

    /* ---- Drop zone ---- */
    .drop-zone {
      grid-column: 1;
      grid-row: 1 / 3;
      border-right: 1px solid var(--border);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1.2rem;
      padding: 2rem;
      cursor: pointer;
      transition: background 0.2s;
      position: relative;
      overflow: hidden;
    }

    .drop-zone:hover {
      background: rgba(232, 255, 90, 0.03);
    }

    .drop-zone.drag-over {
      background: rgba(232, 255, 90, 0.07);
    }

    .drop-zone.has-image {
      justify-content: flex-start;
      padding-top: 1.5rem;
    }

    .drop-icon {
      width: 64px;
      height: 64px;
      border: 2px solid var(--border);
      display: grid;
      place-items: center;
      color: var(--muted);
      position: relative;
    }

    .drop-icon::before,
    .drop-icon::after {
      content: '';
      position: absolute;
      background: var(--accent);
    }

    .drop-icon::before {
      width: 2px;
      height: 28px;
    }

    .drop-icon::after {
      width: 28px;
      height: 2px;
    }

    .drop-text {
      text-align: center;
      font-size: 0.82rem;
      color: var(--muted);
      line-height: 1.7;
    }

    .drop-text strong {
      color: var(--text);
      font-weight: 500;
      display: block;
      margin-bottom: 4px;
    }

    #file-input {
      display: none;
    }

    .pixel-preview {
      image-rendering: pixelated;
      image-rendering: crisp-edges;
      max-width: 100%;
      max-height: calc(100% - 120px);
      border: 1px solid var(--border);
      display: none;
    }

    .preview-info {
      font-family: 'Space Mono', monospace;
      font-size: 0.72rem;
      color: var(--accent3);
      text-align: center;
      display: none;
    }

    .btn-convert {
      display: none;
      background: var(--accent);
      color: #000;
      border: none;
      font-family: 'Space Mono', monospace;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 1px;
      padding: 0.6rem 1.8rem;
      cursor: pointer;
      text-transform: uppercase;
      transition: all 0.15s;
      position: relative;
    }

    .btn-convert::after {
      content: '';
      position: absolute;
      bottom: -3px;
      right: -3px;
      width: 100%;
      height: 100%;
      border: 2px solid var(--accent);
      transition: all 0.15s;
    }

    .btn-convert:hover {
      transform: translate(-2px, -2px);
    }

    .btn-convert:hover::after {
      bottom: -5px;
      right: -5px;
    }

    .btn-convert:active {
      transform: translate(0, 0);
    }

    .error-msg {
      color: var(--accent2);
      font-size: 0.78rem;
      font-family: 'Space Mono', monospace;
      text-align: center;
      display: none;
    }

    /* ---- Output panel ---- */
    .output-panel {
      grid-column: 2;
      grid-row: 1 / 3;
      display: flex;
      flex-direction: column;
      min-width: 0;
      /* 关键修复：防止超长单行文本把面板无限撑宽 */
      min-height: 0;
      /* 关键修复：防止纵向无限撑高 */
      height: 100%;
      /* 填满父容器的高度 */
    }

    .panel-header {
      padding: 1rem 1.5rem;
      border-bottom: 1px solid var(--border);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .panel-title {
      font-family: 'Space Mono', monospace;
      font-size: 0.72rem;
      color: var(--muted);
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    .panel-actions {
      display: flex;
      gap: 0.5rem;
    }

    .btn-sm {
      background: transparent;
      border: 1px solid var(--border);
      color: var(--muted);
      font-family: 'Space Mono', monospace;
      font-size: 0.65rem;
      padding: 0.3rem 0.8rem;
      cursor: pointer;
      letter-spacing: 1px;
      text-transform: uppercase;
      transition: all 0.15s;
    }

    .btn-sm:hover {
      border-color: var(--accent3);
      color: var(--accent3);
    }

    .btn-sm.active {
      border-color: var(--accent);
      color: var(--accent);
    }

    .code-area {
      flex: 1;
      overflow: auto;
      /* 此时生效，会规规矩矩在内部出现滚动条 */
      padding: 1.2rem 1.5rem;
      font-family: 'Space Mono', monospace;
      font-size: 0.68rem;
      line-height: 1.8;
      color: #c8c8e0;
      background: var(--surface);
      white-space: pre-wrap;
      /* 替换原来的 pre：允许代码在超长时自动换行，防止横向无限溢出 */
      word-break: break-all;
      /* 强制长字符串/数组在边界断行，彻底杜绝撑开容器 */
      tab-size: 2;
    }

    .code-area:empty::before {
      content: '// 上传像素画后点击"转换"按钮\n// 这里将生成 canvas 绘制代码';
      color: var(--muted);
      font-style: italic;
    }

    /* syntax highlight colours */
    .kw {
      color: #ff5a8a;
    }

    .fn {
      color: #e8ff5a;
    }

    .str {
      color: #5af0ff;
    }

    .num {
      color: #ffb85a;
    }

    .cm {
      color: #6a6a88;
      font-style: italic;
    }

    .status-bar {
      padding: 0.4rem 1.5rem;
      border-top: 1px solid var(--border);
      background: var(--bg);
      font-family: 'Space Mono', monospace;
      font-size: 0.62rem;
      color: var(--muted);
      display: flex;
      gap: 2rem;
    }

    .status-bar span {
      color: var(--accent3);
    }

    /* copy toast */
    .toast {
      position: fixed;
      bottom: 2rem;
      right: 2rem;
      background: var(--accent);
      color: #000;
      font-family: 'Space Mono', monospace;
      font-size: 0.72rem;
      font-weight: 700;
      padding: 0.5rem 1.2rem;
      transform: translateY(80px);
      opacity: 0;
      transition: all 0.3s cubic-bezier(.34, 1.56, .64, 1);
      pointer-events: none;
      z-index: 1000;
    }

    .toast.show {
      transform: translateY(0);
      opacity: 1;
    }

    /* pixel grid bg decoration */
    .pixel-grid-bg {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(var(--border) 1px, transparent 1px),
        linear-gradient(90deg, var(--border) 1px, transparent 1px);
      background-size: 24px 24px;
      opacity: 0.3;
      pointer-events: none;
    }
  </style>
</head>

<body>

  <header>
    <div class="logo">PIXEL<span>→</span>CVS</div>
    <div class="subtitle">像素画 · Canvas 代码生成器</div>
  </header>

  <main>
    <!-- Left: upload -->
    <div class="drop-zone" id="dropZone">
      <div class="pixel-grid-bg"></div>
      <div class="drop-icon" id="dropIcon"></div>
      <div class="drop-text" id="dropText">
        <strong>拖拽或点击上传像素画</strong>
        支持 PNG / GIF / BMP · 8×8 ~ 512×512 像素
      </div>
      <img class="pixel-preview" id="preview" alt="preview">
      <div class="preview-info" id="previewInfo"></div>
      <div class="error-msg" id="errorMsg"></div>
      <button class="btn-convert" id="btnConvert" onclick="convert()">生成 Canvas 代码</button>
      <input type="file" id="file-input" accept="image/png,image/gif,image/bmp,image/jpeg,image/webp">
    </div>

    <!-- Right: output -->
    <div class="output-panel">
      <div class="panel-header">
        <div class="panel-title">生成代码</div>
        <div class="panel-actions">
          <button class="btn-sm active" id="btnModeInline" onclick="setMode('inline')">内联颜色</button>
          <button class="btn-sm" id="btnModePalette" onclick="setMode('palette')">调色板</button>
          <button class="btn-sm" id="btnCopy" onclick="copyCode()">复制</button>
          <button class="btn-sm" id="btnDownload" onclick="downloadCode()">下载</button>
        </div>
      </div>
      <div class="code-area" id="codeArea"></div>
      <div class="status-bar" id="statusBar">
        <span id="statSize">—</span> 像素
        &nbsp;·&nbsp; 代码 <span id="statLines">—</span> 行
        &nbsp;·&nbsp; <span id="statColors">—</span> 种颜色
      </div>
    </div>
  </main>

  <div class="toast" id="toast">已复制到剪贴板</div>

  <script>
    const dropZone = document.getElementById('dropZone');
    const fileInput = document.getElementById('file-input');
    const preview = document.getElementById('preview');
    const previewInfo = document.getElementById('previewInfo');
    const btnConvert = document.getElementById('btnConvert');
    const errorMsg = document.getElementById('errorMsg');
    const codeArea = document.getElementById('codeArea');
    const dropIcon = document.getElementById('dropIcon');
    const dropText = document.getElementById('dropText');

    let currentMode = 'inline';
    let currentCode = '';
    let imgData = null;  // {width, height, data: Uint8ClampedArray}

    // ---- Drag & Drop ----
    dropZone.addEventListener('click', e => {
      if (e.target === btnConvert) return;
      fileInput.click();
    });
    dropZone.addEventListener('dragover', e => { e.preventDefault(); dropZone.classList.add('drag-over'); });
    dropZone.addEventListener('dragleave', () => dropZone.classList.remove('drag-over'));
    dropZone.addEventListener('drop', e => {
      e.preventDefault();
      dropZone.classList.remove('drag-over');
      const f = e.dataTransfer.files[0];
      if (f) loadFile(f);
    });
    fileInput.addEventListener('change', () => {
      if (fileInput.files[0]) loadFile(fileInput.files[0]);
    });

    function loadFile(file) {
      showError('');
      const url = URL.createObjectURL(file);
      const img = new Image();
      img.onload = () => {
        const w = img.naturalWidth, h = img.naturalHeight;
        if (w < 8 || h < 8 || w > 512 || h > 512) {
          showError(`尺寸 ${w}×${h} 不在支持范围（8×8 ~ 512×512）内`);
          URL.revokeObjectURL(url);
          return;
        }
        // Read pixel data
        const canvas = document.createElement('canvas');
        canvas.width = w; canvas.height = h;
        const ctx = canvas.getContext('2d');
        ctx.drawImage(img, 0, 0);
        imgData = { width: w, height: h, data: ctx.getImageData(0, 0, w, h).data };
        URL.revokeObjectURL(url);

        // Show preview
        preview.src = canvas.toDataURL();
        preview.style.display = 'block';
        previewInfo.textContent = `${w} × ${h} px`;
        previewInfo.style.display = 'block';
        btnConvert.style.display = 'inline-block';
        dropIcon.style.display = 'none';
        dropText.style.display = 'none';
        dropZone.classList.add('has-image');

        // Auto-convert
        convert();
      };
      img.onerror = () => showError('图片加载失败，请重试');
      img.src = url;
    }

    function showError(msg) {
      errorMsg.textContent = msg;
      errorMsg.style.display = msg ? 'block' : 'none';
    }

    function setMode(m) {
      currentMode = m;
      document.getElementById('btnModeInline').classList.toggle('active', m === 'inline');
      document.getElementById('btnModePalette').classList.toggle('active', m === 'palette');
      if (imgData) convert();
    }

    // ---- Core conversion ----
    function convert() {
      if (!imgData) return;
      const { width: W, height: H, data } = imgData;

      // Build pixel map: index -> rgba string
      const pixels = [];
      for (let i = 0; i < W * H; i++) {
        const r = data[i * 4], g = data[i * 4 + 1], b = data[i * 4 + 2], a = data[i * 4 + 3];
        pixels.push(a < 16 ? null : rgbaStr(r, g, b, a));
      }

      const uniqueColors = [...new Set(pixels.filter(Boolean))];

      if (currentMode === 'palette') {
        currentCode = generatePaletteCode(W, H, pixels, uniqueColors);
      } else {
        currentCode = generateInlineCode(W, H, pixels);
      }

      renderCode(currentCode);
      updateStats(W, H, uniqueColors.length);
    }

    function rgbaStr(r, g, b, a) {
      if (a === 255) {
        return '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join('');
      }
      return `rgba(${r},${g},${b},${(a / 255).toFixed(2)})`;
    }

    // --- Mode 1: inline (run-length compressed rows) ---
    function generateInlineCode(W, H, pixels) {
      const scale = computeScale(W, H);

      const rows = [];
      for (let y = 0; y < H; y++) {
        // RLE per row
        const row = [];
        let i = y * W;
        while (i < y * W + W) {
          const col = pixels[i];
          let run = 1;
          while (i + run < y * W + W && pixels[i + run] === col) run++;
          row.push([col, run]);
          i += run;
        }
        rows.push(row);
      }

      // Serialise compactly
      // Format each row as array of [color, count] — but skip fully-null rows
      const rowStrs = rows.map((row, y) => {
        if (row.every(([c]) => c === null)) return null;
        const segs = row.map(([c, n]) => c === null ? `[0,${n}]` : (n === 1 ? `"${c}"` : `["${c}",${n}]`));
        return `  /* y=${y} */ [${segs.join(',')}]`;
      });

      const rowsCode = rowStrs
        .map((r, y) => r === null ? `  null /* y=${y} transparent */` : r)
        .join(',\n');

      return `<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>pixel art</title>
<style>body{margin:0;background:#111;display:flex;align-items:center;justify-content:center;min-height:100vh}</style>
</head>
<body>
<canvas id="c"></canvas>
<script>
// ${W}x${H} pixel art  scale:${scale}x
const W=${W}, H=${H}, S=${scale};
const rows=[
${rowsCode}
];
const c=document.getElementById('c');
c.width=W*S; c.height=H*S;
const ctx=c.getContext('2d');
rows.forEach((row,y)=>{
  if(!row)return;
  let x=0;
  row.forEach(seg=>{
    if(Array.isArray(seg)){
      const[col,n]=seg;
      if(typeof col==='string'){ctx.fillStyle=col;ctx.fillRect(x*S,y*S,n*S,S);}
      x+=n;
    } else {
      ctx.fillStyle=seg;ctx.fillRect(x*S,y*S,S,S);x++;
    }
  });
});
<\/script>
</body>
</html>`;
    }

    // --- Mode 2: palette + index grid ---
    function generatePaletteCode(W, H, pixels, palette) {
      const idx = {};
      palette.forEach((c, i) => idx[c] = i);

      // Build index rows, compressing transparent as -1
      const grid = [];
      for (let y = 0; y < H; y++) {
        const row = [];
        for (let x = 0; x < W; x++) {
          const c = pixels[y * W + x];
          row.push(c === null ? -1 : idx[c]);
        }
        // RLE
        const rle = [];
        let i = 0;
        while (i < row.length) {
          let run = 1;
          while (i + run < row.length && row[i + run] === row[i]) run++;
          rle.push(run === 1 ? row[i] : [row[i], run]);
          i += run;
        }
        grid.push(rle);
      }

      const scale = computeScale(W, H);

      const paletteStr = palette.map(c => `"${c}"`).join(',');
      const gridStr = grid.map((row, y) =>
        `  /* y=${y} */ [${row.map(s => Array.isArray(s) ? `[${s[0]},${s[1]}]` : s).join(',')}]`
      ).join(',\n');

      return `<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>pixel art</title>
<style>body{margin:0;background:#111;display:flex;align-items:center;justify-content:center;min-height:100vh}</style>
</head>
<body>
<canvas id="c"></canvas>
<script>
// ${W}x${H} pixel art  ${palette.length} colors  scale:${scale}x
const W=${W},H=${H},S=${scale};
const P=[${paletteStr}]; // palette
const G=[
${gridStr}
];
const c=document.getElementById('c');
c.width=W*S;c.height=H*S;
const ctx=c.getContext('2d');
G.forEach((row,y)=>{
  let x=0;
  row.forEach(seg=>{
    const[ci,n]=Array.isArray(seg)?seg:[seg,1];
    if(ci>=0){ctx.fillStyle=P[ci];ctx.fillRect(x*S,y*S,n*S,S);}
    x+=n;
  });
});
<\/script>
</body>
</html>`;
    }

    function computeScale(w, h) {
      // Target canvas around 400–600px, never go below 1
      const target = 480;
      const s = Math.max(1, Math.min(32, Math.floor(target / Math.max(w, h))));
      return s;
    }

    // ---- Render with naive syntax highlight ----
    function renderCode(code) {
      const escaped = code
        .replace(/&/g, '&amp;')
        .replace(/</g, '&lt;')
        .replace(/>/g, '&gt;');

      // Very lightweight highlight
      const hl = escaped
        .replace(/(\/\/.+)/g, '<span class="cm">$1</span>')
        .replace(/\b(const|let|var|function|return|if|else|forEach|new|document|null|true|false)\b/g, '<span class="kw">$1</span>')
        .replace(/\b(getElementById|getContext|fillRect|fillStyle|width|height)\b/g, '<span class="fn">$1</span>')
        .replace(/(&quot;[^&]*&quot;|&#39;[^&#]*&#39;)/g, '<span class="str">$1</span>')
        .replace(/\b(\d+)\b/g, '<span class="num">$1</span>');

      codeArea.innerHTML = hl;
    }

    function updateStats(w, h, colors) {
      document.getElementById('statSize').textContent = `${w}×${h}`;
      const lines = currentCode.split('\n').length;
      document.getElementById('statLines').textContent = lines;
      document.getElementById('statColors').textContent = colors;
    }

    function copyCode() {
      if (!currentCode) return;
      navigator.clipboard.writeText(currentCode).then(() => {
        const t = document.getElementById('toast');
        t.classList.add('show');
        setTimeout(() => t.classList.remove('show'), 2000);
      });
    }

    function downloadCode() {
      if (!currentCode) return;
      const a = document.createElement('a');
      a.href = 'data:text/html;charset=utf-8,' + encodeURIComponent(currentCode);
      a.download = 'pixel-art.html';
      a.click();
    }
  </script>
</body>
</html>
]]> Tue, 19 May 2026 14:28:15 +0000 https://yinglong.org/forum/viewtopic.php?id=5044&action=new <![CDATA[虐龍癖應當被制止嗎？]]> https://yinglong.org/forum/viewtopic.php?id=5050&action=new

@抓根寶 寫道: 《冰與火之歌》裏，龍被鎖在地下幾十年，瘦成皮包骨，被丹妮莉絲鎖鏈捆綁、強行騎乘、當作戰爭機器

如果使用了AI輔助寫作，請注意覈實關鍵信息。比如這一處有顯而易見的錯誤：
原著中丹妮莉絲曾因龍傷害平民的風險，將龍臨時鎖在彌林大金字塔下，時間沒有幾十年。按時餵食，不會“瘦成皮包骨”。坦格利安家族與龍具有血緣綁定，並非強行騎乘。

]]> Mon, 18 May 2026 11:39:58 +0000 https://yinglong.org/forum/viewtopic.php?id=5050&action=new