新的phpbb插件:把中國象棋棋譜轉成動畫

留言板
回复
头像
ejsoon
一枝独秀
一枝独秀
帖子: 5021
注册时间: 2022年 11月 18日 17:36
为圈友点赞: 173 次
被圈友点赞: 204 次
联系:

新的phpbb插件:把中國象棋棋譜轉成動畫

帖子 ejsoon »

最近由於我要練習中國象棋,好把以前輸掉的錢贏回來,所以發了很多svg動畫到本壇。感謝壇主提供儲存空間。

但是這種發svg的方法很佔空間。一個三十五回合的應該就達到發帖極限了,而很多棋局都要走到四十回合,甚至有一百多回合的。同時步驟也非常麻煩,首先要選取範圍,導出svg,再用文本方式打開svg,全文複製,再粘貼到這裡。

其實svg的基本貼圖部分都是重覆的(有大概三十幾K),後面動畫部分才會不同。

現在我已經把導出svg的方法打包成一個js函式,則只需要調用這個函式,就能把棋譜文本直接變成svg動畫!

然後我把它做成了phpbb的插件:

https://ejsoon.vip/wp-content/uploads/2 ... hpbbExt.7z
ejceesPhpBBExt.7z
(23.49 KiB) 已下载 5 次
這兩個下載其中一個都是一樣的。之後把它解壓到phpbb/ext/。它的目錄結構是/ejpoox/ejcees...。貴壇之前有裝過我做的ij插件,所以phpbb/ext/ejpoox/ij/目錄已經有了,也就是把ejcees/放到跟ij平級的地方就可以了。

然後加一個新的bbcode:

代码: 全选

[xq interval={FLOAT1;defaultValue=1.8} speed={FLOAT2;defaultValue=0.6}][/xq]
html:

代码: 全选

<div class="ejceessvg" interval="{FLOAT1}" speed="{FLOAT2}"></div>
tips:

代码: 全选

Place the [ xq] bbcode after a [ code] that contains some xiangqi moves like "c2=5".
這個bbcode的用法跟之前的[ svg]用法一樣,都是放在原來的[ code]的後面,讀取到[ code]的內容之後轉成<img src=base64>,因此不會對本頁面的html結構造成任何污染。

棋譜支持多種格式,比如東萍格式:

代码: 全选

标题: 广东 许银川 和 湖北 李雪松
分类: 象棋电视快棋赛
赛事: 2001年翔龙杯象棋电视快棋赛
布局: C23 中炮过河车七路马对屏风马两头蛇 红左横车兑三兵对黑高右炮
红方: 广东 许银川
黑方: 湖北 李雪松
结果: 和棋
日期: 2001.01.20
棋局类型: 全局
棋局性质: 慢棋
红方团体: 广东
红方姓名: 许银川
黑方团体: 湖北
黑方姓名: 李雪松
棋谱主人: m
棋谱价值: 2
浏览次数: 3558
来源网站: http://www.01xq.com/
 
 
【主变: 和棋】
    1.  炮二平五    马8进7   
    2.  马二进三    车9平8   
    3.  车一平二    卒7进1   
    4.  车二进六    马2进3   
    5.  马八进七    卒3进1   
    6.  车九进一    炮2进1   
    7.  车二退二    象3进5   
    8.  兵三进一    卒7进1   
    9.  车二平三    马7进6   
    10. 车九平四    炮2进1   
    11. 车四平二    士4进5   
    12. 车三平八    炮2进3   
    13. 炮五平八    炮8进2   
    14. 相七进五    车1平4   
    15. 兵七进一    车8进3   
    16. 兵七进一    炮8平3   
    17. 车二进五    马6退8   
    18. 马七进六    马8退6   
    19. 仕六进五    炮3平8   
    20. 炮八平六    车4平3   
    21. 车八平七    炮8退2   
    22. 炮六平七    马6进5   
    23. 车七退一    车3平4   
    24. 兵五进一    马5退7   
    25. 炮七进五    炮8平3   
    26. 马六进五    车4进3   
    27. 马五退四    炮3平1   
    28. 马四进三    车4平7   
    29. 马三进二    车7平2   
    30. 兵五进一    卒1进1   
    31. 马二进四    车2进6   
    32. 仕五退六    车2退5   
    33. 车七平五    象5进7   
    34. 马四进三    炮1平5   
    35. 兵五平四    车2进2   
    36. 车五进二    象7退9   
    37. 仕四进五    车2平1   
    38. 马三退二    卒9进1   
    39. 车五平八    士5退4   
    40. 兵四进一    士6进5   
    41. 兵四平三    车1平6   
    42. 车八平九    将5平6   
    43. 车九平五    炮5平6   
    44. 兵三平四    炮6平5   
    45. 兵四平三    炮5平6   
    46. 仕五进六    将6平5   
    47. 仕六进五    炮6平5   
    48. 兵三进一    炮5平4   
    49. 车五平六    炮4平3   
    50. 车六平五    炮3平4   
    51. 车五进一    象9进7   
    52. 兵三进一    象7进5   
    53. 车五平一    炮4退1   
    54. 车一进三    车6退6   
    55. 车一退一    车6进2   
    56. 马二退三    车6进4   
    57. 马三退二    炮4平2   
    58. 马二进四    炮2平1
 
棋谱由 http://www.dpxq.com/ 生成
本插件已在我的本地論壇測試通過。希望可以加入到圈圈之地論壇。到時說不定本壇還能吸引到一些象棋愛好者前來玩耍! 😄
@圈宝
上次由 ejsoon 在 2026年 4月 9日 23:53,总共编辑 2 次。
以下圈友为 ejsoon 的帖子点了赞:
圈宝
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
圈宝
圈圈守护者
圈圈守护者
帖子: 170
注册时间: 2020年 12月 4日 20:46
我的状态: 🎯
为圈友点赞: 122 次
被圈友点赞: 21 次

Re: 新的phpbb插件:把中國象棋棋譜轉成動畫

帖子 圈宝 »

能附上一些截图,看看长什么样子么?
当时明月在,曾照彩云归
头像
ejsoon
一枝独秀
一枝独秀
帖子: 5021
注册时间: 2022年 11月 18日 17:36
为圈友点赞: 173 次
被圈友点赞: 204 次
联系:

Re: 新的phpbb插件:把中國象棋棋譜轉成動畫

帖子 ejsoon »

圈宝 写了: 2026年 4月 9日 22:45 能附上一些截图,看看长什么样子么?
在我本地論壇是這樣的:
Screenshot from 2026-04-09 23-04-16.png
Screenshot from 2026-04-09 23-04-16.png (47.93 KiB) 查看 50 次
就跟發一個svg動圖是一樣的。

發帖時是這樣的:
[ code]炮二平五 馬8進7[/code][ xq]
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
圈宝
圈圈守护者
圈圈守护者
帖子: 170
注册时间: 2020年 12月 4日 20:46
我的状态: 🎯
为圈友点赞: 122 次
被圈友点赞: 21 次

Re: 新的phpbb插件:把中國象棋棋譜轉成動畫

帖子 圈宝 »

ejsoon 写了: 2026年 4月 9日 23:06 [ code]炮二平五 馬8進7[/code][ xq]
为何bbcode上有空格[ code] [ xq]?此外bbcode闭合起来,编辑的时候可读性会更好吧~
当时明月在,曾照彩云归
头像
ejsoon
一枝独秀
一枝独秀
帖子: 5021
注册时间: 2022年 11月 18日 17:36
为圈友点赞: 173 次
被圈友点赞: 204 次
联系:

Re: 新的phpbb插件:把中國象棋棋譜轉成動畫

帖子 ejsoon »

圈宝 写了: 2026年 4月 9日 23:18
ejsoon 写了: 2026年 4月 9日 23:06 [ code]炮二平五 馬8進7[/code][ xq]
为何bbcode上有空格[ code] [ xq]?此外bbcode闭合起来,编辑的时候可读性会更好吧~
我這裡是示例,不打空格它就生效啦!當然是閉合的,點擊bbcode按鈕,它出來的都是閉合的,我的意思是不閉合的也行,因為[ xq][/xq]的中間不需要有文字。
https://ejsoon.vip/
弈趣極光:享受思維樂趣
头像
ejsoon
一枝独秀
一枝独秀
帖子: 5021
注册时间: 2022年 11月 18日 17:36
为圈友点赞: 173 次
被圈友点赞: 204 次
联系:

Re: 新的phpbb插件:把中國象棋棋譜轉成動畫

帖子 ejsoon »

然後我發現如果[ xq][/xq]中間不需要有文字的話,那{TEXT}倒是可以省略的……
https://ejsoon.vip/
弈趣極光:享受思維樂趣
回复

在线用户

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