<![CDATA[鱗目界域]]> https://yinglong.org/forum/index.php Sun, 10 May 2026 19:55:44 +0000 FluxBB <![CDATA[虐龍癖應當被制止嗎？]]> https://yinglong.org/forum/viewtopic.php?id=5050&action=new

摺疊大段AI生成內容

支持加入摺疊功能，在有大量圖/文字的帖子中能讓瀏覽體驗好很多
回到話題的討論，“應該”預設的主體是什麼？全社會，還是創作社區，亦或鱗目界域這樣的論壇？如果由虐龍癖對人類社會的潛在危害而呼籲論壇去禁止，無形中假定了論壇與社會的立場是一致的。
而且這裏的龍難以被替換爲一般生物，或許虐待龍的行爲中有近似屠龍的象徵意味，從而凹顯自身的偉岸與支配地位。我自己是懶得理，畢竟意淫是爲數不多的自由了。

]]> Sun, 10 May 2026 19:55:44 +0000 https://yinglong.org/forum/viewtopic.php?id=5050&action=new <![CDATA[AI工具樓]]> https://yinglong.org/forum/viewtopic.php?id=5044&action=new 多餘換行清除工具，用於清除文本間多於一個的換行。


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>多余换行去除工具</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", Arial, sans-serif;
        }

        body {
            background-color: #f5f7fa;
            padding: 20px;
        }

        .container {
            max-width: 1000px;
            margin: 0 auto;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
            padding: 30px;
        }

        h1 {
            text-align: center;
            color: #333333;
            margin-bottom: 30px;
            font-size: 24px;
        }

        .text-area-group {
            margin-bottom: 25px;
        }

        label {
            display: block;
            margin-bottom: 8px;
            color: #555555;
            font-weight: 500;
            font-size: 16px;
        }

        textarea {
            width: 100%;
            height: 200px;
            padding: 15px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            resize: vertical;
            font-size: 14px;
            line-height: 1.6;
            color: #333;
            outline: none;
            transition: border-color 0.3s ease;
        }

        textarea:focus {
            border-color: #409eff;
            box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1);
        }

        .btn-group {
            display: flex;
            gap: 12px;
            margin-bottom: 25px;
            flex-wrap: wrap;
        }

        button {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn-primary {
            background-color: #409eff;
            color: #ffffff;
        }

        .btn-primary:hover {
            background-color: #337ecc;
        }

        .btn-secondary {
            background-color: #f0f2f5;
            color: #555555;
        }

        .btn-secondary:hover {
            background-color: #e4e6eb;
        }

        .tip {
            text-align: center;
            color: #999999;
            font-size: 12px;
            margin-top: 10px;
        }

        .copy-success {
            position: fixed;
            top: 20px;
            right: 20px;
            background-color: #67c23a;
            color: #ffffff;
            padding: 10px 20px;
            border-radius: 8px;
            font-size: 14px;
            opacity: 0;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        .copy-success.show {
            opacity: 1;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>多余换行去除工具</h1>

        <!-- 输入文本区域 -->
        <div class="text-area-group">
            <label for="input-text">待处理文本（可粘贴含多余换行的内容）</label>
            <textarea id="input-text" placeholder="请输入或粘贴需要去除多余换行的文本..."></textarea>
        </div>

        <!-- 操作按钮组 -->
        <div class="btn-group">
            <button class="btn-primary" id="process-btn">去除多余换行</button>
            <button class="btn-secondary" id="clear-input-btn">清空输入</button>
            <button class="btn-secondary" id="clear-output-btn">清空输出</button>
            <button class="btn-secondary" id="copy-output-btn">复制输出结果</button>
        </div>

        <!-- 输出文本区域 -->
        <div class="text-area-group">
            <label for="output-text">处理后文本（已去除多余非正常换行）</label>
            <textarea id="output-text" placeholder="处理后的结果将显示在这里..." readonly></textarea>
        </div>

        <div class="tip">提示：工具会保留单个有效换行，去除连续多个换行（空行）</div>
    </div>

    <!-- 复制成功提示 -->
    <div class="copy-success" id="copy-tip">复制成功！</div>

    <script>
        // 获取页面元素
        const inputText = document.getElementById('input-text');
        const outputText = document.getElementById('output-text');
        const processBtn = document.getElementById('process-btn');
        const clearInputBtn = document.getElementById('clear-input-btn');
        const clearOutputBtn = document.getElementById('clear-output-btn');
        const copyOutputBtn = document.getElementById('copy-output-btn');
        const copyTip = document.getElementById('copy-tip');

        /**
         * 核心功能：去除多余换行
         * 逻辑：
         * 1. 匹配连续多个换行（\n\n+ 匹配连续2个及以上换行，兼容Windows(\r\n)和Linux(\n)格式）
         * 2. 替换为单个换行，保留有效换行结构
         * 3. 去除文本首尾的多余换行和空格
         */
        function removeExtraLineBreaks(text) {
            if (!text) return '';
            // 第一步：将Windows格式换行(\r\n)统一转为Linux格式(\n)，避免格式混乱
            const unifiedText = text.replace(/\r\n/g, '\n');
            // 第二步：将连续多个换行（2个及以上）替换为单个换行
            const processedText = unifiedText.replace(/\n{2,}/g, '\n');
            // 第三步：去除文本首尾的换行和空白字符，返回最终结果
            return processedText.trim();
        }

        // 绑定「去除多余换行」按钮事件
        processBtn.addEventListener('click', function() {
            const originalText = inputText.value;
            const resultText = removeExtraLineBreaks(originalText);
            outputText.value = resultText;
        });

        // 绑定「清空输入」按钮事件
        clearInputBtn.addEventListener('click', function() {
            inputText.value = '';
            // 清空输入时可选择是否清空输出（按需调整，这里保留输出）
            // outputText.value = '';
        });

        // 绑定「清空输出」按钮事件
        clearOutputBtn.addEventListener('click', function() {
            outputText.value = '';
        });

        // 绑定「复制输出结果」按钮事件
        copyOutputBtn.addEventListener('click', async function() {
            const outputValue = outputText.value;
            if (!outputValue) {
                alert('输出区域无内容可复制！');
                return;
            }

            try {
                // 调用浏览器剪贴板API复制文本
                await navigator.clipboard.writeText(outputValue);
                // 显示复制成功提示
                copyTip.classList.add('show');
                // 3秒后隐藏提示
                setTimeout(() => {
                    copyTip.classList.remove('show');
                }, 3000);
            } catch (err) {
                console.error('复制失败：', err);
                alert('复制失败，请手动选中复制！');
            }
        });

        // 可选：绑定回车快捷键（仅输入区聚焦时，按Ctrl+Enter触发处理）
        inputText.addEventListener('keydown', function(e) {
            if (e.ctrlKey && e.key === 'Enter') {
                e.preventDefault();
                processBtn.click();
            }
        });
    </script>
</body>
</html>
]]> Sat, 09 May 2026 15:17:07 +0000 https://yinglong.org/forum/viewtopic.php?id=5044&action=new <![CDATA[25名志願者在虛擬現實中經過一週飛行訓練，大腦開始將翅膀視爲真正的肢體]]> https://yinglong.org/forum/viewtopic.php?id=5051&action=new

[↑] @vic123 寫道: 大腦實在是太奇妙了。 [思考] 但是如果是四足雙翼（也就是額外的肢體），大腦會有任何的可能性進行實際控制嗎？ …

https://www.ucl.ac.uk/news/2021/may/robotic-third-thumb-use-can-alter-brain-representation-hand

機翻
機器人“第三拇指”的使用可以改變大腦對手的表徵

團隊訓練人們使用機械額外拇指，發現他們能用一隻手（現在是兩個拇指）有效地完成靈巧的任務，比如搭建積木塔。研究人員在《科學機器人》雜誌上報告稱，參與者在訓練使用拇指時，也越來越覺得拇指是身體的一部分。
設計師丹妮·克洛德開始開發名爲“第三拇指”的裝置，作爲皇家藝術學院一個獲獎研究生項目的一部分，旨在重新定義我們對義肢的看法，從替代失去的功能，到人體的延伸。後來她受邀加入倫敦大學學院塔瑪爾·馬金教授的神經科學家團隊，研究大腦如何適應身體增強。
該研究的主要作者、倫敦大學學院認知神經科學研究所的Makin教授表示：“身體增強是一個不斷發展的領域，旨在擴展我們的身體能力，但我們對大腦如何適應這一過程仍缺乏清晰的理解。通過研究使用Dani巧妙設計的第三拇指的人們，我們試圖解答關於人腦是否能支持額外身體部位，以及這項技術如何影響我們的大腦等關鍵問題。”
第三拇指是3D打印的，易於定製，佩戴在與實際拇指相對的手側，靠近小指（小指）。穿戴者通過安裝在腳上大腳趾內側的壓力傳感器來控制它。通過無線連接拇指，兩個腳趾傳感器通過立即響應佩戴者的細微壓力變化，控制拇指的不同動作。
在這項研究中，20名參與者接受了爲期五天的使用訓練，同時鼓勵他們每天訓練後帶拇指回家，在日常生活場景中使用，每天總計佩戴時間爲2到6小時。這些參與者與另一組10名佩戴靜態拇指的對照組進行了比較。
在實驗室的每日訓練中，參與者會專注於使用拇指，專注於幫助提升手與拇指合作的任務，比如單手拿起多個球或酒杯。他們很快掌握了拇指的基礎，同時訓練也成功提升了他們的運動控制、靈巧度和手拇指協調能力。參與者甚至在分心時使用拇指——比如一邊做數學題一邊搭建木製積木塔——或者矇眼時使用。
設計師Dani Clode（UCL認知神經科學研究所和Dani Clode Design），作爲核心研究團隊成員，表示：“我們的研究表明，人們可以快速學會控制增強設備並將其用於自身利益，而無需過度思考。我們看到，使用第三拇指時，人們改變了自然的手部動作，他們還報告說機器人拇指感覺像是自己身體的一部分。”
該研究的第一作者Paulina Kieliba（倫敦大學學院認知神經科學研究所）表示：“身體增強未來可能在多方面對社會有價值，比如讓外科醫生無需助手也能應付，或讓工廠工人更高效地工作。這條工作可能會徹底改變假肢的概念，也可以幫助那些長期或暫時只能用一隻手的人，用那隻手完成所有事情。但要達到這一目標，我們需要繼續研究這些設備如何與大腦相互作用的複雜跨學科問題。”
培訓前後，研究人員在參與者單獨移動手指時（掃描時未佩戴拇指）使用fMRI掃描了參與者的大腦。研究人員發現，原本被第三拇指增強的手（但另一隻手未被增強）在大腦感覺運動皮層中的表現方式發生了細微但顯著的變化。在我們的大腦中，每根手指都被區分開來;在研究參與者中，對應每根手指的大腦活動模式變得更加相似（不那麼明顯）。
一週後，部分參與者再次掃描，發現他們大腦手部區域的變化減弱，表明這些變化可能不是長期性的，儘管需要更多研究來證實這一點。
Paulina Kieliba說：“我們的研究是首次在實驗室外研究增強裝置的使用。這是首個跨越多天長時間訓練進行的增益研究，也是首個設有未受過訓練的對照組。我們研究的成功表明，神經科學家與設計師和工程師緊密合作的重要性，確保增強設備充分發揮大腦的學習和適應能力，同時確保增強設備能夠安全使用。”
Makin教授補充道：“進化還沒有讓我們準備好使用額外的身體部位，我們發現要以新的、意想不到的方式擴展我們的能力，大腦需要適應生物身體的表徵。”
研究人員總部設在倫敦大學學院和牛津大學，得到了歐洲研究理事會、威康基金會和哈雷·斯圖爾特爵士信託的支持。

更符合我認知中的那種額外肢體有：

在 2019 年，有關“人類通過腦機接口（BCI）控制第三隻手”並在《PNAS》（美國國家科學院院刊）上發表的研究，最匹配的應是日本 ATR 計算神經科學研究所（ATR Computational Neuroscience Laboratories） Christian I. Penaloza 與 Shuichi Nishio 的研究成果。該研究題目爲：《BCI control of a third arm and native arm enables independent multitasking》（通過腦機接口控制第三隻手與原生手可實現獨立的多任務操作）。

但是相關網頁需要賬號才能閱讀文獻。

]]> Sat, 09 May 2026 15:12:33 +0000 https://yinglong.org/forum/viewtopic.php?id=5051&action=new <![CDATA[龍圖-雜七雜八的短漫]]> https://yinglong.org/forum/viewtopic.php?id=2619&action=new
圖片來源

]]> Sat, 09 May 2026 05:06:46 +0000 https://yinglong.org/forum/viewtopic.php?id=2619&action=new <![CDATA[Minecraft龍之生存檔記錄]]> https://yinglong.org/forum/viewtopic.php?id=4956&action=new 原來裝了staaaaaaack嘛，那我就不清楚了

因爲我覺得礦車速度沒水道快。

真正的時間差其實是最後一個被給料的熔爐燒煉完成到進入收集之間吧。不同方案最多也就差幾秒啦，而且礦車肯定不比水道差。

]]> Fri, 08 May 2026 15:23:14 +0000 https://yinglong.org/forum/viewtopic.php?id=4956&action=new <![CDATA[聊聊設定(或者認知)，龍需要長眠嗎？]]> https://yinglong.org/forum/viewtopic.php?id=4661&action=new

[↑] @鏡中龍影 寫道: 最近玩了Ravager，在這款遊戲中龍王睡眠會隨着年齡越來越長，從一睡一晚到一睡一個禮拜，往後還會一睡不知道多少年，因而王后當權；在金寶大綠中每度過一個發育階段就會經歷一次長眠，而choice of  …

D？原來是~Ravager，不過可惜啦，怎麼不是好多小龍仔，和經典爬行掉鱗片，鱗蛻 [十字紅眼思考]

]]> Fri, 08 May 2026 09:54:55 +0000 https://yinglong.org/forum/viewtopic.php?id=4661&action=new <![CDATA[龍到底是不是furry]]> https://yinglong.org/forum/viewtopic.php?id=5034&action=new 在什麼樣的羣體有什麼樣的說法 [壞笑]

]]> Fri, 08 May 2026 09:21:52 +0000 https://yinglong.org/forum/viewtopic.php?id=5034&action=new <![CDATA[聲稱自己是龍但是恐高會不會是一件很丟臉的事情]]> https://yinglong.org/forum/viewtopic.php?id=5042&action=new 如果說是幼時第一次飛行，大概也是會產生恐懼的吧。如果天生帶有一些疾病，可能也會恐高？

]]> Thu, 07 May 2026 15:40:04 +0000 https://yinglong.org/forum/viewtopic.php?id=5042&action=new <![CDATA[黑龍謝里斯的胡思亂想]]> https://yinglong.org/forum/viewtopic.php?id=5036&action=new

@Sherixs 寫道: 龍這個種族

我想避免將龍的個體數量設置得太高：根據我的經驗，龍數量的增加未必能顯著提升作品和故事的史詩感；同時，我可不想看到滿屏紛飛的翅膀，觀感一點都不好。 [汗] 魔獸世界巨龍時代的開場cg就是經典反例——低質量的模型複製黏貼，笑死，真是和這遊戲本體的德行一模一樣。
我覺得能接受一條龍同時對付多個對手。
大部分的龍外觀只需簡單耐看就好，因爲是魔法世界所以不需要考慮結構是否科學（噴火之類的種族天賦都能輕鬆實現），目前遇到困難的地方是龍形態如何區分男女、如何區分血緣近遠，以及不同種的龍如何設計才能看起來會出現在同一個世界裏。目前我的能力有限，構思一整套龍族設計語言還需要好久。
講述龍與人的故事的一個重要跳板可以是“圖騰”，放入備選方案。不確定這設定到近未來的時間線還是否有效。整個世界如何具體演變到近未來還沒有構思好，現在不管怎麼看都有點割裂。 [融化]否則我只能拆成兩個平行世界來寫了……

@Sherixs 寫道: 以小故事的方式

我創作的小故事的立意可能與動畫片的那種不同，因爲我發現無論我看多少遍都沒法模仿——可能是因爲沒看懂，也可能是因爲那些不是我想寫的故事。我也是過來人了，總得開發些更好的。
那麼受衆的話還是跟從前一樣，在校讀書的年輕人。感覺可以繼續禍害人類了 [壞笑]
[正在聽Diablo IV: Lord of Hatred的A Fragile World]

]]> Sun, 03 May 2026 16:16:34 +0000 https://yinglong.org/forum/viewtopic.php?id=5036&action=new <![CDATA[龍與道德]]> https://yinglong.org/forum/viewtopic.php?id=5046&action=new

人類的道德

  • 人類先感覺，再解釋。

  • 人類以道德語言包裝羣體利益。

  • 人類用多維價值系統劃分敵友。

  • 人類通過共同信念實現合作，也因此產生集體盲目。

（一）直覺先行，推理隨後

  • 人類的道德意識近似“雙層控制”，可以比喻爲：大象——龐大的無意識過程，主導多數行爲；騎象人——可敘述的意識、語言、理由。

  • 人類道德判斷通常先由瞬時反應生成，再由語言系統補寫理由。後續推理多用於防禦既有立場，而非搜尋客觀真值。

  • 觀察人類爭論時，一種有效的方式是追蹤其底層動機、聯盟利益與身份維護，而非只聽表面論證。

  • 說服人類時，單靠邏輯常不足，需要觸及其直覺系統與羣體歸屬感。

（二）道德有多個維度

  • 人類道德感受器更像多味覺系統。常包含：傷害/關懷、公平/欺騙、自由/壓迫、忠誠/背叛、權威/顛覆、聖潔/墮落。

  • 不同文化與意識形態，會組合這些基礎模塊，形成不同的“道德菜譜”。僅強調少數維度的世俗倫理，往往難解釋廣泛人羣的真實反應。

（三）道德能凝聚羣體，也製造盲區

  • 人類兼具兩套進化遺產：90%的類猩性，個體競爭型靈長類傾向；10%的類蜂性，羣體協作型社會性傾向。因此，人類既擅長自利、僞善、自我欺騙，也能表現犧牲、忠誠與奉獻。

  • 在特定條件下，個體可暫時融入集體目標，獲得強烈意義感。同一機制也會造成排外、戰爭、狂熱與屠殺。

  • 利他主義常具有邊界：更偏向“自己人”。

  • 政治陣營本質上是共享道德故事的聯盟。一旦綁定某種敘事，人類會過濾現實，忽略與本陣營衝突的信息。

參考：《正義之心：爲什麼人們總是堅持“我對你錯”》

]]> Sun, 03 May 2026 01:40:51 +0000 https://yinglong.org/forum/viewtopic.php?id=5046&action=new <![CDATA[我的2026春季露營，照片+改圖]]> https://yinglong.org/forum/viewtopic.php?id=5049&action=new

@Celia 寫道: 好奇是怎麼改的圖呀

照片給AI，寫出想要的效果，讓它按要求改

]]> Mon, 27 Apr 2026 10:11:57 +0000 https://yinglong.org/forum/viewtopic.php?id=5049&action=new <![CDATA[[翻譯] 龍與地下城: 羣龍議會 非官方第五版手冊 (進度: 27%)]]> https://yinglong.org/forum/viewtopic.php?id=4197&action=new

[↑] @ken1882 寫道: 龍族科別、屬類與特性偉大的埃歐在創造龍族時將它們分為三大科別，使之力量與思想平等。五色龍偏好殘暴與威壓，利用它們的力量去獲得地位與物理上地解決部落內的爭端。金屬龍則是完全相反，它們高尚且正義。而水晶龍 …

勘誤：
原文爲"Toughness. You possess additional maximum hit point sequal to your class’s starting hit point value. For example, if your dragon’s first class level is fighter, you begin play with 10 extra hit points."
更有可能的譯法："擁有等同於職業初始生命值的額外最大生命值。例如一開始是戰士則擁有額外 10 點最大生命值。"

]]> Sun, 26 Apr 2026 16:31:59 +0000 https://yinglong.org/forum/viewtopic.php?id=4197&action=new <![CDATA[一種不違背科學的龍息方案]]> https://yinglong.org/forum/viewtopic.php?id=4997&action=new 如果不依靠工具，化學點火是爲數不多可行的方式。我能想到比較合理的是磷氫化物；在喉嚨深處多個互不連通的高壓腔室中以液態存儲。這些腔室的容積是很小的。前體物質是含磷的複雜配合物，相對安全，能較快地爲腔室補充。
火焰的威力用於烹飪足夠，但用於狩獵完全不可行。

]]> Sun, 26 Apr 2026 12:23:36 +0000 https://yinglong.org/forum/viewtopic.php?id=4997&action=new <![CDATA[大家是在怎樣的情況下以怎樣的方式進入這裡的呢？]]> https://yinglong.org/forum/viewtopic.php?id=1399&action=new 認識的第一條龍向我推薦了這個地方

]]> Sun, 26 Apr 2026 11:08:20 +0000 https://yinglong.org/forum/viewtopic.php?id=1399&action=new <![CDATA[AI小遊戲樓]]> https://yinglong.org/forum/viewtopic.php?id=5037&action=new 原本想順便養龍蝦，叫龍蝦幫忙發布到GitHub，發現沒想像中好弄   [汗] 

還是先繼續貼純文字過來吧 [酷酷] 

像素風格、橫版通關遊戲






<!DOCTYPE html>
<html lang="zh-Hant">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>像素小龍橫版通關</title>
  <style>
    * { box-sizing: border-box; }
    body {
      margin: 0;
      min-height: 100vh;
      display: grid;
      place-items: center;
      background: #111827;
      color: #e5e7eb;
      font-family: "Noto Sans TC", system-ui, sans-serif;
      user-select: none;
    }
    .wrap {
      width: min(960px, 100vw);
      padding: 12px;
    }
    h1 {
      margin: 0 0 8px;
      font-size: 20px;
      letter-spacing: 2px;
    }
    .hud {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      margin-bottom: 8px;
      font-size: 14px;
      opacity: 0.95;
    }
    canvas {
      width: 100%;
      aspect-ratio: 16 / 9;
      display: block;
      border: 4px solid #374151;
      border-radius: 10px;
      background: #7dd3fc;
      image-rendering: pixelated;
      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    }
    .help {
      margin-top: 8px;
      font-size: 14px;
      line-height: 1.6;
      color: #cbd5e1;
    }
    kbd {
      padding: 2px 6px;
      border-radius: 4px;
      background: #334155;
      color: white;
      border-bottom: 2px solid #0f172a;
    }
  </style>
</head>
<body>
  <div class="wrap">
    <h1>🐉 像素小龍：火焰通關</h1>
    <div class="hud">
      <div id="status">生命：3 分數：0</div>
      <div id="message">飛到右方城堡即可通關！</div>
    </div>
    <canvas id="game" width="640" height="360"></canvas>
    <div class="help">
      操作：<kbd>W</kbd>/<kbd>↑</kbd> 上飛，<kbd>S</kbd>/<kbd>↓</kbd> 下飛，<kbd>A</kbd>/<kbd>←</kbd> 左移，<kbd>D</kbd>/<kbd>→</kbd> 右移，<kbd>空白鍵</kbd> 噴火球，<kbd>R</kbd> 重新開始。
    </div>
  </div>

  <script>
    const canvas = document.getElementById("game");
    const ctx = canvas.getContext("2d");
    const statusEl = document.getElementById("status");
    const messageEl = document.getElementById("message");

    const W = canvas.width;
    const H = canvas.height;
    const WORLD_W = 3600;
    const keys = new Set();

    let cameraX = 0;
    let frame = 0;
    let gameState = "play";

    const dragonStart = { x: 70, y: 160 };
    const dragon = {
      x: dragonStart.x,
      y: dragonStart.y,
      w: 34,
      h: 24,
      vx: 0,
      vy: 0,
      hp: 3,
      inv: 0,
      fireCd: 0,
      score: 0
    };

    let fireballs = [];
    let enemies = [];
    let particles = [];
    let clouds = [];

    function resetGame() {
      cameraX = 0;
      frame = 0;
      gameState = "play";
      Object.assign(dragon, {
        x: dragonStart.x, y: dragonStart.y, vx: 0, vy: 0,
        hp: 3, inv: 0, fireCd: 0, score: 0
      });
      fireballs = [];
      particles = [];
      enemies = [];
      clouds = [];

      for (let i = 0; i < 18; i++) {
        clouds.push({
          x: i * 220 + Math.random() * 90,
          y: 30 + Math.random() * 95,
          s: 1 + Math.random() * 1.4
        });
      }

      for (let i = 0; i < 24; i++) {
        enemies.push({
          x: 380 + i * 130 + Math.random() * 60,
          y: 70 + Math.random() * 190,
          w: 24,
          h: 22,
          baseY: 70 + Math.random() * 190,
          hp: i % 5 === 0 ? 2 : 1,
          type: i % 3,
          alive: true,
          phase: Math.random() * Math.PI * 2
        });
      }
      updateHud();
      messageEl.textContent = "飛到右方城堡即可通關！";
    }

    function updateHud() {
      statusEl.textContent = `生命：${dragon.hp} 分數：${dragon.score}`;
    }

    function rectsHit(a, b) {
      return a.x < b.x + b.w && a.x + a.w > b.x && a.y < b.y + b.h && a.y + a.h > b.y;
    }

    function pixelRect(x, y, w, h, color) {
      ctx.fillStyle = color;
      ctx.fillRect(Math.round(x), Math.round(y), Math.round(w), Math.round(h));
    }

    function drawCloud(c) {
      const x = c.x - cameraX * 0.35;
      const y = c.y;
      pixelRect(x, y + 8 * c.s, 34 * c.s, 10 * c.s, "#f8fafc");
      pixelRect(x + 8 * c.s, y, 18 * c.s, 18 * c.s, "#f8fafc");
      pixelRect(x + 24 * c.s, y + 4 * c.s, 20 * c.s, 14 * c.s, "#e0f2fe");
    }

    function drawBackground() {
      const grad = ctx.createLinearGradient(0, 0, 0, H);
      grad.addColorStop(0, "#38bdf8");
      grad.addColorStop(0.65, "#bae6fd");
      grad.addColorStop(1, "#86efac");
      ctx.fillStyle = grad;
      ctx.fillRect(0, 0, W, H);

      clouds.forEach(drawCloud);

      ctx.fillStyle = "#60a5fa";
      for (let x = -120; x < W + 160; x += 140) {
        const mx = x - (cameraX * 0.15 % 140);
        ctx.beginPath();
        ctx.moveTo(mx, 265);
        ctx.lineTo(mx + 75, 165);
        ctx.lineTo(mx + 160, 265);
        ctx.closePath();
        ctx.fill();
      }

      ctx.fillStyle = "#22c55e";
      ctx.fillRect(0, 314, W, 46);
      ctx.fillStyle = "#15803d";
      for (let x = -20; x < W + 20; x += 18) {
        pixelRect(x - (cameraX % 18), 314, 9, 8, "#16a34a");
      }
    }

    function drawDragon() {
      const x = dragon.x - cameraX;
      const y = dragon.y;
      const blink = dragon.inv > 0 && Math.floor(frame / 5) % 2 === 0;
      if (blink) return;

      const flap = Math.floor(frame / 8) % 2;
      pixelRect(x + 4, y + 9, 24, 12, "#22c55e");
      pixelRect(x + 24, y + 6, 10, 10, "#16a34a");
      pixelRect(x + 31, y + 9, 6, 5, "#15803d");
      pixelRect(x + 27, y + 8, 3, 3, "#f8fafc");
      pixelRect(x + 28, y + 9, 2, 2, "#111827");
      pixelRect(x - 3, y + 13, 10, 6, "#15803d");
      pixelRect(x + 8, y + (flap ? 1 : -5), 14, 8, "#86efac");
      pixelRect(x + 10, y + (flap ? 3 : -3), 10, 4, "#bbf7d0");
      pixelRect(x + 12, y + 21, 4, 5, "#166534");
      pixelRect(x + 22, y + 21, 4, 5, "#166534");
    }

    function drawEnemy(e) {
      const x = e.x - cameraX;
      const y = e.y;
      if (e.type === 0) {
        pixelRect(x + 3, y + 5, 18, 12, "#7c2d12");
        pixelRect(x, y + 8, 6, 6, "#f97316");
        pixelRect(x + 19, y + 8, 6, 6, "#f97316");
        pixelRect(x + 8, y + 2, 8, 4, "#fed7aa");
      } else if (e.type === 1) {
        pixelRect(x + 3, y + 4, 18, 14, "#6d28d9");
        pixelRect(x + 7, y, 4, 5, "#a78bfa");
        pixelRect(x + 15, y, 4, 5, "#a78bfa");
        pixelRect(x + 9, y + 9, 3, 3, "#f8fafc");
      } else {
        pixelRect(x + 4, y + 7, 16, 10, "#0f766e");
        pixelRect(x, y + 4, 7, 5, "#5eead4");
        pixelRect(x + 18, y + 4, 7, 5, "#5eead4");
        pixelRect(x + 9, y + 3, 6, 4, "#ccfbf1");
      }
    }

    function drawCastle() {
      const x = WORLD_W - 180 - cameraX;
      const y = 232;
      pixelRect(x, y, 112, 82, "#64748b");
      pixelRect(x + 12, y - 42, 28, 42, "#475569");
      pixelRect(x + 72, y - 56, 28, 56, "#475569");
      pixelRect(x + 18, y - 58, 16, 16, "#ef4444");
      pixelRect(x + 78, y - 72, 16, 16, "#ef4444");
      pixelRect(x + 45, y + 35, 24, 47, "#1e293b");
      for (let i = 0; i < 5; i++) pixelRect(x + 8 + i * 20, y + 14, 10, 12, "#94a3b8");
      pixelRect(x - 18, y + 70, 148, 12, "#334155");
    }

    function shootFire() {
      if (dragon.fireCd > 0 || gameState !== "play") return;
      fireballs.push({
        x: dragon.x + dragon.w - 2,
        y: dragon.y + 11,
        w: 14,
        h: 8,
        vx: 7.5,
        life: 90
      });
      dragon.fireCd = 14;
      for (let i = 0; i < 5; i++) {
        particles.push({ x: dragon.x + 34, y: dragon.y + 14, vx: Math.random() * 2, vy: Math.random() * 2 - 1, life: 12 });
      }
    }

    function damageDragon() {
      if (dragon.inv > 0 || gameState !== "play") return;
      dragon.hp--;
      dragon.inv = 80;
      updateHud();
      messageEl.textContent = "小龍受傷了！小心敵人。";
      if (dragon.hp <= 0) {
        gameState = "lose";
        messageEl.textContent = "挑戰失敗，按 R 重新開始。";
      }
    }

    function update() {
      frame++;
      if (keys.has("r") || keys.has("R")) resetGame();
      if (gameState !== "play") return;

      let ax = 0, ay = 0;
      if (keys.has("ArrowRight") || keys.has("d") || keys.has("D")) ax += 0.45;
      if (keys.has("ArrowLeft") || keys.has("a") || keys.has("A")) ax -= 0.45;
      if (keys.has("ArrowUp") || keys.has("w") || keys.has("W")) ay -= 0.55;
      if (keys.has("ArrowDown") || keys.has("s") || keys.has("S")) ay += 0.55;
      if (keys.has(" ")) shootFire();

      dragon.vx = (dragon.vx + ax) * 0.86;
      dragon.vy = (dragon.vy + ay + 0.05) * 0.9;
      dragon.x += dragon.vx;
      dragon.y += dragon.vy;
      dragon.x = Math.max(20, Math.min(WORLD_W - 220, dragon.x));
      dragon.y = Math.max(18, Math.min(286, dragon.y));
      dragon.fireCd = Math.max(0, dragon.fireCd - 1);
      dragon.inv = Math.max(0, dragon.inv - 1);

      cameraX = Math.max(0, Math.min(WORLD_W - W, dragon.x - 180));

      fireballs.forEach(f => { f.x += f.vx; f.life--; });
      fireballs = fireballs.filter(f => f.life > 0 && f.x < WORLD_W);

      enemies.forEach(e => {
        if (!e.alive) return;
        e.y = e.baseY + Math.sin(frame * 0.035 + e.phase) * 32;
        e.x -= 0.35 + e.type * 0.05;
        if (e.x < cameraX - 80) e.x += 900;
        if (rectsHit(dragon, e)) damageDragon();
      });

      for (const f of fireballs) {
        for (const e of enemies) {
          if (!e.alive) continue;
          if (rectsHit(f, e)) {
            f.life = 0;
            e.hp--;
            for (let i = 0; i < 10; i++) particles.push({ x: e.x + 12, y: e.y + 11, vx: Math.random() * 4 - 2, vy: Math.random() * 4 - 2, life: 18 });
            if (e.hp <= 0) {
              e.alive = false;
              dragon.score += 100;
              updateHud();
            }
          }
        }
      }
      fireballs = fireballs.filter(f => f.life > 0);

      particles.forEach(p => { p.x += p.vx; p.y += p.vy; p.life--; });
      particles = particles.filter(p => p.life > 0);

      if (dragon.x > WORLD_W - 260) {
        gameState = "win";
        dragon.score += 500;
        updateHud();
        messageEl.textContent = "通關成功！小龍抵達城堡。按 R 再玩一次。";
      }
    }

    function drawFireball(f) {
      const x = f.x - cameraX;
      pixelRect(x, f.y, 14, 8, "#f97316");
      pixelRect(x + 7, f.y + 2, 9, 4, "#fde047");
      pixelRect(x - 5, f.y + 2, 6, 4, "#dc2626");
    }

    function drawOverlay() {
      if (gameState === "play") return;
      ctx.fillStyle = "rgba(15, 23, 42, 0.7)";
      ctx.fillRect(0, 0, W, H);
      ctx.fillStyle = "#fff";
      ctx.font = "24px monospace";
      ctx.textAlign = "center";
      ctx.fillText(gameState === "win" ? "CLEAR! 通關成功" : "GAME OVER", W / 2, H / 2 - 10);
      ctx.font = "14px monospace";
      ctx.fillText("按 R 重新開始", W / 2, H / 2 + 20);
      ctx.textAlign = "left";
    }

    function draw() {
      drawBackground();
      drawCastle();
      enemies.forEach(e => { if (e.alive) drawEnemy(e); });
      fireballs.forEach(drawFireball);
      particles.forEach(p => pixelRect(p.x - cameraX, p.y, 3, 3, p.life % 2 ? "#f97316" : "#fde047"));
      drawDragon();

      const progress = dragon.x / (WORLD_W - 260);
      pixelRect(16, 16, 160, 8, "#1e293b");
      pixelRect(18, 18, Math.max(0, Math.min(156, 156 * progress)), 4, "#facc15");
      drawOverlay();
    }

    function loop() {
      update();
      draw();
      requestAnimationFrame(loop);
    }

    window.addEventListener("keydown", e => {
      if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", " "].includes(e.key)) e.preventDefault();
      keys.add(e.key);
    });
    window.addEventListener("keyup", e => keys.delete(e.key));

    resetGame();
    loop();
  </script>
</body>
</html>
]]> Sat, 25 Apr 2026 09:01:06 +0000 https://yinglong.org/forum/viewtopic.php?id=5037&action=new