@aiyiran/myclaw 1.0.85 → 1.0.86

package/lobster-icon-generator.html

@@ -91,10 +91,12 @@
             <!-- 画布分辨率提升，渲染战斗姿态和旋转 -->
             <canvas id="iconCanvas" width="256" height="256"></canvas>
             <br>
-            <button onclick="downloadIcon()">⬇️ 下载为 PNG 格式</button>
+            <div style="display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;">
+                <button onclick="downloadIcon()">⬇️ 下载为 PNG 格式</button>
+                <button onclick="downloadICO()" style="background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); box-shadow: 0 0 15px rgba(6, 182, 212, 0.4);">⬇️ 下载为 ICO 格式</button>
+            </div>
             <div class="desc">
-                右键保存或点击下载。<br>
-                你可以用第三方工具把下载的 PNG 转换为 .ico 文件。
+                PNG 为原始图片，ICO 包含 16/32/48/256 四种尺寸，可直接用于桌面图标。
             </div>
         </div>
     </div>
@@ -150,40 +152,40 @@
             "0CC00000000CC0"
         ];
         
-        // 我们重新设计了 32x32 矩阵，虾身和巨钳交错“贴脸输出”，全屏爆满，毫无空隙缝隙。巨型躯干主宰中心，红莲巨镰劈裂屏幕两侧！
+        // 我们运用巧妙的数组映射排布：钳子聚集在矩阵顶部（对应视觉左下角），而矩阵的中下大段空位全部绘制极致华丽且粗壮的机甲身躯与尾摆（对应视觉右上角）！
         const design32 = [
-            "000000000R000000000000R000000000",
-            "00000000RRC0000000000CRR00000000",
-            "0000000RRRC0000000000CRRR0000000",
-            "000000RRRRC0000000000CRRRR000000",
-            "00000RRBRRC0000000000CRRBRR00000",
-            "0000RBBBRRC0000000000CRRBBBR0000",
-            "000RBBBRRRC0000000000CRRRBBBR000",
-            "00RBBBBRRRC0CC0000CC0CRRRBBBBR00",
-            "0RBBBBRRRRCC0D0000D0CCRRRRBBBBR0",
-            "RBBBBRRRRRCC0WWDDWW0CCRRRRRBBBBR",
-            "RBBBBRRRRRCC0BCCCCB0CCRRRRRBBBBR",
-            "RBBBBRRRRRC0CBBBBBBC0CRRRRRBBBBR",
-            "RBBBBRRRRRC0CBBBBBBC0CRRRRRBBBBR",
-            "RBBBBRRRRRC0CBB00BBC0CRRRRRBBBBR",
-            "RBBBBRRRRRC0CBB00BBC0CRRRRRBBBBR",
-            "0RBBBRRRRRC0CBBBBBBC0CRRRRRBBBR0",
-            "00RBBBRRRRC0CBBBBBBC0CRRRRBBBR00",
-            "000RRBRRRRC0CBBBBBBC0CRRRRBRR000",
-            "0000RRRRRRC0CCBBBBCC0CRRRRRR0000",
-            "00000RRRRRC00CBBBBC00CRRRRR00000",
-            "0000000RRRC00CBBBBC00CRRR0000000",
-            "0000000000CCCCCBBCCCCC0000000000",
-            "000000000CBBBBBBBBBBBBC000000000",
-            "00000000CBBBBC0BB0CBBBBC00000000",
-            "0000000CBBBBC00CC00CBBBBC0000000",
-            "000000CBBBBC00000000CBBBBC000000",
-            "00000CBBBBC0000000000CBBBBC00000",
-            "0000CBBBBC000000000000CBBBBC0000",
-            "000CBBBBC00000000000000CBBBBC000",
-            "00CBBBC000000000000000000CBBBC00",
-            "0CBBB0000000000000000000000BBB0C",
-            "CCCCC0000000000000000000000CCCCC"
+            "0000000000000R0000R0000000000000",
+            "000000000000RRC00CRR000000000000",
+            "00000000000RRRC00CRRR00000000000",
+            "0000000000RRBR0000RBRR0000000000",
+            "000000000RRBBR0000RBBRR000000000",
+            "00000000RRBBBRC00CRBBBRR00000000",
+            "0000000RRBBBBRC00CRBBBBRR0000000",
+            "000000RRRBBBBRC00CRBBBBRRR000000",
+            "00000RRRRBBBBRC00CRBBBBRRRR00000",
+            "000000RRRBBBBRC00CRBBBBRRR000000",
+            "0000000RRBBBBRC00CRBBBBRR0000000",
+            "00000000RRBBBR0000RBBBRR00000000",
+            "000000000RRBBR0000RBBRR000000000",
+            "0000000000RRBR0000RBRR0000000000",
+            "00000000000RRR0000RRR00000000000",
+            "000000000000RR0000RR000000000000",
+            "0000000000RR0WDDDDW0RR0000000000",
+            "00000000000RBC0CC0CBR00000000000",
+            "00000000000CBBBCCBBBC00000000000",
+            "0000000000CBBBBCCBBBBC0000000000",
+            "0000000000CBBBCCCCBBBC0000000000",
+            "000000000CBBBBC00CBBBBC000000000",
+            "000000000CBBBBC00CBBBBC000000000",
+            "000000000CCBBBC00CBBBCC000000000",
+            "00000000CBBBBBC00CBBBBBC00000000",
+            "0000000CBBBBBBC00CBBBBBBC0000000",
+            "000000CBBBCBBBC00CBBBCBBBC000000",
+            "00000CBBBC0CBBC00CBBC0CBBBC00000",
+            "00000CBBBC00CB0000BC00CBBBC00000",
+            "0000CBBBC0000C0000C0000CBBBC0000",
+            "000CBBBC0000000000000000CBBBC000",
+            "00CCCCC00000000000000000CCCCC00"
         ];
 
         const canvas = document.getElementById('iconCanvas');
@@ -228,6 +230,76 @@
             link.href = dataURL;
             link.click();
         }
+
+        // ====== ICO 生成逻辑 ======
+        // 将 Canvas 缩放到指定尺寸并返回 PNG 的 Uint8Array
+        function canvasToPngBytes(srcCanvas, targetSize) {
+            const tmp = document.createElement('canvas');
+            tmp.width = targetSize;
+            tmp.height = targetSize;
+            const tctx = tmp.getContext('2d');
+            // 对小尺寸禁用平滑，保持像素锐利
+            tctx.imageSmoothingEnabled = (targetSize > 48);
+            tctx.drawImage(srcCanvas, 0, 0, targetSize, targetSize);
+            const dataURL = tmp.toDataURL('image/png');
+            const base64 = dataURL.split(',')[1];
+            const binary = atob(base64);
+            const bytes = new Uint8Array(binary.length);
+            for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+            return bytes;
+        }
+
+        function buildICO(pngArrays, sizes) {
+            // ICO 文件结构：
+            // ICONDIR (6 bytes) + N x ICONDIRENTRY (16 bytes each) + N x PNG data
+            const numImages = pngArrays.length;
+            const headerSize = 6 + numImages * 16;
+            let totalSize = headerSize;
+            for (const png of pngArrays) totalSize += png.length;
+
+            const buffer = new ArrayBuffer(totalSize);
+            const view = new DataView(buffer);
+
+            // ICONDIR header
+            view.setUint16(0, 0, true);       // reserved
+            view.setUint16(2, 1, true);       // type: 1 = ICO
+            view.setUint16(4, numImages, true); // image count
+
+            let dataOffset = headerSize;
+            for (let i = 0; i < numImages; i++) {
+                const entryOffset = 6 + i * 16;
+                const s = sizes[i];
+                const pngData = pngArrays[i];
+
+                view.setUint8(entryOffset + 0, s >= 256 ? 0 : s);  // width (0 = 256)
+                view.setUint8(entryOffset + 1, s >= 256 ? 0 : s);  // height
+                view.setUint8(entryOffset + 2, 0);                  // color palette count
+                view.setUint8(entryOffset + 3, 0);                  // reserved
+                view.setUint16(entryOffset + 4, 1, true);           // color planes
+                view.setUint16(entryOffset + 6, 32, true);          // bits per pixel
+                view.setUint32(entryOffset + 8, pngData.length, true);  // data size
+                view.setUint32(entryOffset + 12, dataOffset, true);     // data offset
+
+                // 写入 PNG 数据
+                const dst = new Uint8Array(buffer, dataOffset, pngData.length);
+                dst.set(pngData);
+                dataOffset += pngData.length;
+            }
+
+            return new Blob([buffer], { type: 'image/x-icon' });
+        }
+
+        function downloadICO() {
+            const sizes = [16, 32, 48, 256];
+            const pngArrays = sizes.map(s => canvasToPngBytes(canvas, s));
+            const blob = buildICO(pngArrays, sizes);
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.download = 'openclaw-tech-lobster.ico';
+            link.href = url;
+            link.click();
+            URL.revokeObjectURL(url);
+        }
     </script>
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiyiran/myclaw",
-  "version": "1.0.85",
+  "version": "1.0.86",
   "description": "",
   "main": "index.js",
   "bin": {