「益智遊戲」和「抽象弈棋」
头像
ejsoon
一枝独秀一枝独秀
帖子: 6812
注册时间: 2022年 11月 18日 17:36
联系:

Re: 製作「冰火島︱Fire and Ice」html遊戲

帖子 ejsoon »

背景要漸變

代码: 全选

之前是:
如果本局有勝負結果,把boardBackground的 fill改為url("#boardNormal"),即「<set attributeName="fill" to="url(#boardNormal)" begin="fistart.begin"/>」,再加上某一方贏了set贏的那一方的fill,即「<set attributeName="fill" to="url(#boardFireWin)" begin="fivline.begin"/>」。

現在不需要往boardBackground內加兩個set,而改成:
如果本局有勝負結果,在boardBackground的下方新增「<rect x="4" y="4" width="472" height="472" rx="28" fill="url(#boardNormal)" stroke="#f7e7bd" stroke-width="4"><animate attributeName="opacity" values="1;0;0;0;0;0;0;1" begin="fivline.begin" dur="5s" fill="freeze"/></rect>」。
claude sonnet 5 (medium)

代码: 全选

已修改 `addVictoryReplayAnimations` 函式裡的勝負閃爍效果:

**原本**是用 `<use href="#boardBackground">` 複製 `boardBackground`,這樣複製出來的元素會直接沿用當下 `boardBackground` 已經被 JS 設成的勝方顏色(`boardFireWin`/`boardIceWin`/`boardDraw`),而不是固定的一般盤面外觀。

**現在**改成直接建立一個新的 `<rect>`,屬性完全比照 `boardBackground` 的原始樣式硬編碼進去:

```js
const boardBackgroundNormal = createSVGElement('rect', {
  x: '4',
  y: '4',
  width: '472',
  height: '472',
  rx: '28',
  fill: 'url(#boardNormal)',
  stroke: '#f7e7bd',
  'stroke-width': '4'
});
```

再加上同樣的 `opacity` 動畫(`values="1;0;0;0;0;0;0;1"`、`begin="fivline.begin"`、`dur="5s"`、`fill="freeze"`),插入在 `boardBackground` 正下方。這樣這個蓋在上面的矩形固定顯示「一般盤面」外觀,不會受 `boardBackground` 實際 fill 值影響,勝負閃爍時才會正確地在「一般外觀」與「下方已經是勝方顏色的 boardBackground」之間切換/透出。
附件
ifif2436.html.7z
(26.15 KiB) 已下载 5 次
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
ejsoon
一枝独秀一枝独秀
帖子: 6812
注册时间: 2022年 11月 18日 17:36
联系:

Re: 製作「冰火島︱Fire and Ice」html遊戲

帖子 ejsoon »

AI仍然很弱

代码: 全选

a17 a16 a14 a13 a4c a42 c45 a25 a2c c43 c41 a3d a3f a3b a3g a3e g36 b36 g6f d34 d31 g32 d1f
改進MCTS

https://gpt.quanquan.space/share/Hyrikv ... 9J2Qy9p1j4

又叫max看了下:
https://gpt.quanquan.space/share/c4g7dz ... rO5b1bz84o
附件
ifif2438.html.7z
(31.57 KiB) 尚未被下载
上次由 ejsoon 在 2026年 9月 14日 09:23,总共编辑 3 次。
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
ejsoon
一枝独秀一枝独秀
帖子: 6812
注册时间: 2022年 11月 18日 17:36
联系:

Re: 製作「冰火島︱Fire and Ice」html遊戲

帖子 ejsoon »

當手機端時,下載svg窗口不需要全鋪開。
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
ejsoon
一枝独秀一枝独秀
帖子: 6812
注册时间: 2022年 11月 18日 17:36
联系:

Re: 製作「冰火島︱Fire and Ice」html遊戲

帖子 ejsoon »

图片

在圈圈圖庫分享圖片的時候,要加上/file才是圖片的直接鏈接?能否在Share Link中加上/file?

@圈宝
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
ejsoon
一枝独秀一枝独秀
帖子: 6812
注册时间: 2022年 11月 18日 17:36
联系:

Re: 製作「冰火島︱Fire and Ice」html遊戲

帖子 ejsoon »

導出動畫存在亂碼:

代码: 全选

            <g id="victoryLayer" fill="none" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" opacity=".65" filter="url(#victoryGlow)" stroke="#ffe06c"><path d="&#xA;                M 240 73.625&#xA;                L 331.7985 232.625&#xA;                L 423.597 391.625&#xA;              "/><set attributeName="opacity" to="0" begin="fistart.begin"/><animate id="fivline" attributeName="opacity" values="0;1;0.7;1;0.7;1;0.7;1;0" begin="fi39.end+0.777s" dur="4s" fill="freeze"/></g>
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
圈宝
圈圈守护者圈圈守护者
帖子: 240
注册时间: 2020年 12月 4日 20:46
我的状态: 🎯

Re: 製作「冰火島︱Fire and Ice」html遊戲

帖子 圈宝 »

ejsoon 写了: 2026年 9月 14日 09:19 图片

在圈圈圖庫分享圖片的時候,要加上/file才是圖片的直接鏈接?能否在Share Link中加上/file?

@圈宝
现在点击分享的时候,可以选择。
当时明月在,曾照彩云归
头像
ejsoon
一枝独秀一枝独秀
帖子: 6812
注册时间: 2022年 11月 18日 17:36
联系:

Re: 製作「冰火島︱Fire and Ice」html遊戲

帖子 ejsoon »

ifif2439.html
附件
ifif2439.html.7z
(36.89 KiB) 尚未被下载
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
ejsoon
一枝独秀一枝独秀
帖子: 6812
注册时间: 2022年 11月 18日 17:36
联系:

Re: 製作「冰火島︱Fire and Ice」html遊戲

帖子 ejsoon »

圈宝 写了: 2026年 9月 14日 10:33
ejsoon 写了: 2026年 9月 14日 09:19 图片

在圈圈圖庫分享圖片的時候,要加上/file才是圖片的直接鏈接?能否在Share Link中加上/file?

@圈宝
现在点击分享的时候,可以选择。
可以了,謝謝!
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
ejsoon
一枝独秀一枝独秀
帖子: 6812
注册时间: 2022年 11月 18日 17:36
联系:

Re: 製作「冰火島︱Fire and Ice」html遊戲

帖子 ejsoon »

點擊「複製」應有反應。
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
ejsoon
一枝独秀一枝独秀
帖子: 6812
注册时间: 2022年 11月 18日 17:36
联系:

Re: 製作「冰火島︱Fire and Ice」html遊戲

帖子 ejsoon »

ifif2442.html

修正了亂碼問題。
附件
ifif2442.html.7z
(31.5 KiB) 尚未被下载
https://ejsoon.vip/
弈趣極光:享受思維樂趣
回复
  • 相似主题
    回复总数
    阅读次数
    最新帖子

在线用户

正浏览此版面之用户: 没有注册用户 和 34 访客