3 |
8 |
9 |
16 |
17 |
19 | {{ $t('appName') }}
20 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
30 |
31 |
32 |
33 |
34 |
38 |
39 |
43 |
44 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
213 |
214 |
292 |
--------------------------------------------------------------------------------
/src/ai/engine-warpper.worker.js:
--------------------------------------------------------------------------------
1 | var EngineInstance = null
2 |
3 | function locateFile(url, engineDirURL) {
4 | // Redirect 'rapfi.*\.data' to 'rapfi.data'
5 | if (/^rapfi.*\.data$/.test(url)) url = 'rapfi.data'
6 | return engineDirURL + url
7 | }
8 |
9 | self.onmessage = function (e) {
10 | const { type, data } = e.data
11 | if (type == 'command') {
12 | EngineInstance.sendCommand(data)
13 | } else if (type == 'engineScriptURL') {
14 | const { engineURL, memoryArgs } = data
15 | const engineDirURL = engineURL.substring(0, engineURL.lastIndexOf('/') + 1)
16 | self.importScripts(engineURL)
17 |
18 | self['Rapfi']({
19 | locateFile: (url) => locateFile(url, engineDirURL),
20 | onReceiveStdout: (o) => self.postMessage({ type: 'stdout', data: o }),
21 | onReceiveStderr: (o) => self.postMessage({ type: 'stderr', data: o }),
22 | onExit: (c) => self.postMessage({ type: 'exit', data: c }),
23 | setStatus: (s) => self.postMessage({ type: 'status', data: s }),
24 | wasmMemory: memoryArgs ? new WebAssembly.Memory(memoryArgs) : undefined,
25 | }).then((instance) => ((EngineInstance = instance), self.postMessage({ type: 'ready' })))
26 | } else {
27 | console.error('worker received unknown payload: ' + e.data)
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/ai/engine.js:
--------------------------------------------------------------------------------
1 | import Worker from './engine-warpper.worker.js'
2 | import { script } from '@/../node_modules/dynamic-import/dist/import.js'
3 | import { threads, simd, relaxedSimd } from 'wasm-feature-detect'
4 |
5 | var callback, engineInstance, supportThreads, dataLoaded
6 |
7 | function locateFile(url, engineDirURL) {
8 | // Redirect 'rapfi.*\.data' to 'rapfi.data'
9 | if (/^rapfi.*\.data$/.test(url)) url = 'rapfi.data'
10 | return engineDirURL + url
11 | }
12 |
13 | function getWasmMemoryArguments(isShared, maximum_memory_mb = 2048) {
14 | return {
15 | initial: 64 * ((1024 * 1024) / 65536), // 64MB
16 | maximum: maximum_memory_mb * ((1024 * 1024) / 65536),
17 | shared: isShared,
18 | }
19 | }
20 |
21 | function instantiateSharedWasmMemory() {
22 | let maximum_memory_mb = 2048
23 | // Find the maximum memory size that can be allocated
24 | while (maximum_memory_mb > 512) {
25 | try {
26 | const memory = new WebAssembly.Memory(getWasmMemoryArguments(true, maximum_memory_mb))
27 | memory.grow(1)
28 | return memory
29 | } catch (e) {
30 | maximum_memory_mb /= 2
31 | }
32 | }
33 | return new WebAssembly.Memory(getWasmMemoryArguments(true, maximum_memory_mb))
34 | }
35 |
36 | // Init engine and setup callback function for receiving engine output
37 | async function init(callbackFn_) {
38 | callback = callbackFn_
39 | dataLoaded = false
40 |
41 | supportThreads = await threads()
42 | const supportSIMD = await simd()
43 | const supportRelaxedSIMD = supportThreads && (await relaxedSimd())
44 |
45 | const engineFlags =
46 | (supportThreads ? '-multi' : '-single') +
47 | (supportSIMD ? '-simd128' : '') +
48 | (supportRelaxedSIMD ? '-relaxed' : '')
49 | const engineURL = process.env.BASE_URL + `build/rapfi${engineFlags}.js`
50 |
51 | if (supportThreads) {
52 | await script.import(/* webpackIgnore: true */ engineURL)
53 |
54 | const engineDirURL = engineURL.substring(0, engineURL.lastIndexOf('/') + 1)
55 |
56 | engineInstance = await self['Rapfi']({
57 | locateFile: (url) => locateFile(url, engineDirURL),
58 | onReceiveStdout: (o) => onEngineStdout(o),
59 | onReceiveStderr: (o) => onEngineStderr(o),
60 | onExit: (c) => onEngineExit(c),
61 | setStatus: (s) => onEngineStatus(s),
62 | wasmMemory: instantiateSharedWasmMemory(),
63 | })
64 | dataLoaded = true
65 | callback({ ok: true })
66 | } else {
67 | engineInstance = new Worker()
68 |
69 | engineInstance.onmessage = (e) => {
70 | const { type, data } = e.data
71 | if (type === 'stdout') onEngineStdout(data)
72 | else if (type === 'stderr') onEngineStderr(data)
73 | else if (type === 'exit') onEngineExit(data)
74 | else if (type === 'status') onEngineStatus(data)
75 | else if (type === 'ready') (dataLoaded = true), callback({ ok: true })
76 | else console.error('received unknown message from worker: ', e.data)
77 | }
78 |
79 | engineInstance.onerror = (err) => {
80 | console.error('worker error: ' + err.message + '\nretrying after 0.5s...')
81 | engineInstance.terminate()
82 | setTimeout(() => init(callback), 500)
83 | }
84 |
85 | engineInstance.postMessage({
86 | type: 'engineScriptURL',
87 | data: {
88 | engineURL: engineURL,
89 | memoryArgs: getWasmMemoryArguments(false),
90 | },
91 | })
92 | }
93 |
94 | return engineURL
95 | }
96 |
97 | // Stop current engine's thinking process
98 | // Returns true if force stoped, otherwise returns false
99 | function stopThinking() {
100 | if (supportThreads) {
101 | sendCommand('YXSTOP')
102 | return false
103 | } else {
104 | engineInstance.terminate()
105 | init(callback) // Use previous callback function
106 | return true
107 | }
108 | }
109 |
110 | // Send a command to engine
111 | function sendCommand(cmd) {
112 | if (typeof cmd !== 'string' || cmd.length == 0) return
113 |
114 | if (supportThreads) engineInstance.sendCommand(cmd)
115 | else engineInstance.postMessage({ type: 'command', data: cmd })
116 | }
117 |
118 | // process output from engine and call callback function
119 | function onEngineStdout(output) {
120 | let i = output.indexOf(' ')
121 |
122 | if (i == -1) {
123 | if (output == 'OK') return
124 | else if (output == 'SWAP') callback({ swap: true })
125 | else {
126 | const coord = output.split(',')
127 | callback({ pos: [+coord[0], +coord[1]] })
128 | }
129 | return
130 | }
131 |
132 | let head = output.substring(0, i)
133 | let tail = output.substring(i + 1)
134 |
135 | if (head == 'MESSAGE') {
136 | if (tail.startsWith('REALTIME')) {
137 | let r = tail.split(' ')
138 | if (r.length < 3) {
139 | callback({
140 | realtime: {
141 | type: r[1],
142 | },
143 | })
144 | } else {
145 | let coord = r[2].split(',')
146 | callback({
147 | realtime: {
148 | type: r[1],
149 | pos: [+coord[0], +coord[1]],
150 | },
151 | })
152 | }
153 | } else {
154 | callback({ msg: tail })
155 | }
156 | } else if (head == 'INFO') {
157 | i = tail.indexOf(' ')
158 | head = tail.substring(0, i)
159 | tail = tail.substring(i + 1)
160 |
161 | if (head == 'PV') callback({ multipv: tail })
162 | else if (head == 'NUMPV') callback({ numpv: +tail })
163 | else if (head == 'DEPTH') callback({ depth: +tail })
164 | else if (head == 'SELDEPTH') callback({ seldepth: +tail })
165 | else if (head == 'NODES') callback({ nodes: +tail })
166 | else if (head == 'TOTALNODES') callback({ totalnodes: +tail })
167 | else if (head == 'TOTALTIME') callback({ totaltime: +tail })
168 | else if (head == 'SPEED') callback({ speed: +tail })
169 | else if (head == 'EVAL') callback({ eval: tail })
170 | else if (head == 'WINRATE') callback({ winrate: parseFloat(tail) })
171 | else if (head == 'BESTLINE')
172 | callback({ bestline: tail.match(/\d+,\d+/g).map((s) => s.split(',').map(Number)) })
173 | } else if (head == 'FORBID') {
174 | callback({
175 | forbid: (tail.match(/.{4}/g) || []).map((s) => {
176 | let coord = s.match(/([0-9][0-9])([0-9][0-9])/)
177 | let x = +coord[1]
178 | let y = +coord[2]
179 | return [x, y]
180 | }),
181 | })
182 | } else if (head == 'ERROR') {
183 | callback({ error: tail })
184 | } else if (head.indexOf(',') != -1) {
185 | const coord1 = head.split(',')
186 | const coord2 = tail.split(',')
187 | callback({
188 | pos: [+coord1[0], +coord1[1]],
189 | pos2: [+coord2[0], +coord2[1]],
190 | })
191 | } else {
192 | callback({ unknown: tail })
193 | }
194 | }
195 |
196 | function onEngineStderr(output) {
197 | console.error('[Engine Error] ' + output)
198 | }
199 |
200 | function onEngineExit(code) {
201 | console.log('[Engine Exit] ' + code)
202 | }
203 |
204 | function onEngineStatus(status) {
205 | if (dataLoaded) return
206 |
207 | if (status === 'Running...' || status === '') {
208 | dataLoaded = true
209 | callback({
210 | loading: {
211 | progress: 1.0,
212 | },
213 | })
214 | }
215 |
216 | const match = status.match(/\((\d+)\/(\d+)\)/)
217 | if (match) {
218 | const loadedBytes = parseInt(match[1], 10)
219 | const totalBytes = parseInt(match[2], 10)
220 | if (loadedBytes == totalBytes) dataLoaded = true
221 | callback({
222 | loading: {
223 | progress: loadedBytes / totalBytes,
224 | loadedBytes: loadedBytes,
225 | totalBytes: totalBytes,
226 | },
227 | })
228 | }
229 | }
230 |
231 | export { init, sendCommand, stopThinking }
232 |
--------------------------------------------------------------------------------
/src/components/Bestline.vue:
--------------------------------------------------------------------------------
1 |
2 |
10 |
14 |
15 |
11 |
13 | {{ msg }}
3 |
10 |
11 |
12 |
58 |
59 |
79 |
--------------------------------------------------------------------------------
/src/components/Board.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
9 |
6 | {{ String.fromCharCode('A'.charCodeAt(0) + pos[0]) + (boardSize - pos[1]).toString() }}
7 |
8 |
3 |
12 |
13 |
14 |
687 |
688 |
722 |
--------------------------------------------------------------------------------
/src/i18n.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import VueI18n from 'vue-i18n'
3 |
4 | Vue.use(VueI18n)
5 |
6 | const LOCALES = ['zh-CN', 'zh-TW', 'en', 'ko', 'ja', 'vi', 'ru']
7 |
8 | function loadLocaleMessages() {
9 | const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i)
10 | const messages = {}
11 | locales.keys().forEach((key) => {
12 | const matched = key.match(/([A-Za-z0-9-_]+)\./i)
13 | if (matched && matched.length > 1) {
14 | const locale = matched[1]
15 | messages[locale] = locales(key)
16 | }
17 | })
18 | return messages
19 | }
20 |
21 | function getDefaultLanguage() {
22 | // Iterate through the user's preferred languages
23 | for (const lang of navigator.languages) {
24 | if (LOCALES.includes(lang)) {
25 | return lang // Exact match
26 | }
27 |
28 | // Check for partial match (e.g., "en-US" matching "en")
29 | const baseLang = lang.split('-')[0]
30 | if (LOCALES.includes(baseLang)) {
31 | return baseLang
32 | }
33 | }
34 |
35 | // Default to English if no match is found
36 | return 'en'
37 | }
38 |
39 | export default new VueI18n({
40 | locale: getDefaultLanguage(),
41 | fallbackLocale: 'en',
42 | messages: loadLocaleMessages(),
43 | })
44 |
--------------------------------------------------------------------------------
/src/locales/en.json:
--------------------------------------------------------------------------------
1 | {
2 | "appName": "Gomoku Calculator",
3 | "common": {
4 | "ok": "OK",
5 | "confirm": "Confirm",
6 | "cancel": "Cancel"
7 | },
8 | "tabbar": {
9 | "game": "Board",
10 | "settings": "Settings",
11 | "about": "About"
12 | },
13 | "game": {
14 | "balance1": "Find One-step Balanced Move",
15 | "balance2": "Find Two-step Balanced Move",
16 | "flip": "Flip",
17 | "move": "Move",
18 | "info": {
19 | "depth": "Depth",
20 | "eval": "Eval",
21 | "speed": "Speed",
22 | "nodes": "Nodes",
23 | "time": "Time",
24 | "bestline": "Bestline",
25 | "nbestIndex": "Idx"
26 | },
27 | "interruptThinking": {
28 | "title": "AI is thinking",
29 | "msg": "Stop thinking now?"
30 | },
31 | "swap": {
32 | "title": "SWAP",
33 | "msg": "AI chose to swap.",
34 | "questionTitle": "SWAP?",
35 | "questionMsg": "Do you want to swap?"
36 | },
37 | "forbid": {
38 | "title": "Forbid",
39 | "msg": "This move is forbidden."
40 | },
41 | "shotJpg": "Take ScreenShot as JPG",
42 | "shotGif": "Take ScreenShot as GIF",
43 | "gifDelay": "Enter the delay(ms) of each frame",
44 | "gifStart": "Enter the start index",
45 | "gifLoading": "Gif is generating...",
46 | "saveScreenshot": "Save screenshot to device",
47 | "saveScreenshotIOS": "Long press to save screenshot",
48 | "currentPos": "Position",
49 | "evalChart": "Evaluation Chart",
50 | "black": "BLACK",
51 | "white": "WHITE",
52 | "engineLoading": "Downloading engine data...",
53 | "engineLoadingError": "Engine loading failed, please refresh and try again",
54 | "copiedToClipboard": "Copied to clipboard"
55 | },
56 | "setting": {
57 | "language": "Language",
58 | "thinking": {
59 | "timeTitle": "Thinking Time",
60 | "turnTime": "Turn time(s)",
61 | "matchTime": "Match time(s)",
62 | "maxDepth": "Max Depth",
63 | "maxNode": "Max Node(M)",
64 | "fast": "Fast game(~3 min)",
65 | "slow": "Slow game(~15 min)",
66 | "analysis": "Analysis(Unlimited Time)",
67 | "custom": "Custom",
68 | "handicap": "Handicap",
69 | "nbest": "Multi PV",
70 | "thinkTitle": "Thinking",
71 | "threads": "Thread Num",
72 | "pondering": "Pondering",
73 | "hashSize": "Transposition Table Size",
74 | "config": {
75 | "title": "Engine Model",
76 | "mix9lite": "Mix9Lite NNUE",
77 | "220723": "Classic(2022/07/23)",
78 | "210901": "Classic(2021/09/01)"
79 | },
80 | "candrange": {
81 | "title": "Candidate Range",
82 | "square2": "Square2",
83 | "square2line3": "Square2 + Line3",
84 | "square3": "Square3",
85 | "square3line4": "Square3 + Line4 (Recommended)",
86 | "square4": "Square4",
87 | "fullboard": "Full Board"
88 | }
89 | },
90 | "board": {
91 | "title": "Board",
92 | "size": "Board Size",
93 | "rule": {
94 | "title": "Rule",
95 | "gomoku": "Gomoku",
96 | "standard": "Standard",
97 | "renju": "Renju",
98 | "swap1": "Gomoku - SWAP1"
99 | },
100 | "aiThinkBlack": "AI Plays Black",
101 | "aiThinkWhite": "AI Plays White",
102 | "clickCheck": {
103 | "title": "Click Behaviour",
104 | "direct": "Direct Move",
105 | "confirm": "Secondary Confirmation",
106 | "slide": "Slide To Move"
107 | },
108 | "showTitle": "Board Display",
109 | "showCoord": "Show Coord",
110 | "showAnalysis": "Show Analysis",
111 | "showDetail": "Show Detail",
112 | "showIndex": "Show Index",
113 | "showLastStep": "Highlight Last Step",
114 | "showWinline": "Show Winning Line",
115 | "showForbid": "Show Forbid",
116 | "showPvEval": {
117 | "title": "Show PV Evaluation",
118 | "none": "Disable",
119 | "eval": "Eval",
120 | "winrate": "Winrate"
121 | },
122 | "colorTitle": "Color Scheme",
123 | "boardColor": "Board Color",
124 | "lastStepColor": "Last Step Color",
125 | "winlineColor": "Winning Line Color",
126 | "bestMoveColor": "Analysis - Best Move",
127 | "thoughtMoveColor": "Analysis - Searched Move",
128 | "lostMoveColor": "Analysis - Lost Move"
129 | },
130 | "browser": {
131 | "capability": "Browser Capability",
132 | "simd": "SIMD",
133 | "relaxedSimd": "(Enhanced)",
134 | "threads": "Multi Threading",
135 | "maxthreads": "Max Number of Threads"
136 | },
137 | "reset": "Reset all settings"
138 | },
139 | "update": {
140 | "title": "New Version Found",
141 | "msg": "A new version has been detected. Please refresh the page to update."
142 | },
143 | "install": {
144 | "title": "Just One Step Away!",
145 | "msg": "Would you like to add 'Gomoku Calculator' to your home screen? Once installed, you can easily enjoy a seamless board experience anytime, even offline!"
146 | }
147 | }
148 |
--------------------------------------------------------------------------------
/src/locales/ja.json:
--------------------------------------------------------------------------------
1 | {
2 | "appName": "五目並べ計算機",
3 | "common": {
4 | "ok": "確認",
5 | "confirm": "確認",
6 | "cancel": "キャンセル"
7 | },
8 | "tabbar": {
9 | "game": "ゲーム盤",
10 | "settings": "設定",
11 | "about": "情報"
12 | },
13 | "game": {
14 | "balance1": "1手バランス点を探す",
15 | "balance2": "2手バランス点を探す",
16 | "flip": "反転",
17 | "move": "移動",
18 | "info": {
19 | "depth": "深さ",
20 | "eval": "評価",
21 | "speed": "速度",
22 | "nodes": "ノード数",
23 | "time": "所要時間",
24 | "bestline": "最良のルート",
25 | "nbestIndex": "番号"
26 | },
27 | "interruptThinking": {
28 | "title": "AI思考中",
29 | "msg": "今すぐ思考を中止しますか？"
30 | },
31 | "swap": {
32 | "title": "交替",
33 | "msg": "AIが黒白交替を選択しました。",
34 | "questionTitle": "交替しますか？",
35 | "questionMsg": "交替を選択しますか？"
36 | },
37 | "forbid": {
38 | "title": "禁手",
39 | "msg": "この場所は禁手です。"
40 | },
41 | "shotJpg": "静的スクリーンショット",
42 | "shotGif": "GIFスクリーンショット",
43 | "gifDelay": "フレームごとの時間を入力（単位：ミリ秒）",
44 | "gifStart": "開始番号を入力",
45 | "gifLoading": "GIFを生成中...",
46 | "saveScreenshot": "スクリーンショットをローカルに保存",
47 | "saveScreenshotIOS": "画像を長押ししてローカルに保存",
48 | "currentPos": "局面コード",
49 | "evalChart": "評価グラフ",
50 | "black": "黒石",
51 | "white": "白石",
52 | "engineLoading": "エンジンデータをダウンロード中...",
53 | "engineLoadingError": "エンジンの読み込みに失敗しました。リフレッシュして再試行してください",
54 | "copiedToClipboard": "クリップボードにコピーしました"
55 | },
56 | "setting": {
57 | "language": "言語",
58 | "thinking": {
59 | "timeTitle": "思考時間",
60 | "turnTime": "1手の時間（秒）",
61 | "matchTime": "ゲーム時間（秒）",
62 | "maxDepth": "最大深さ",
63 | "maxNode": "最大ノード数（M）",
64 | "fast": "早指し（1ゲーム約3分）",
65 | "slow": "長考（1ゲーム約15分）",
66 | "analysis": "分析モード（時間無制限）",
67 | "custom": "カスタム",
68 | "handicap": "棋力制限",
69 | "nbest": "複数点分析",
70 | "thinkTitle": "思考",
71 | "threads": "スレッド数",
72 | "pondering": "バックグラウンド思考",
73 | "hashSize": "ハッシュテーブルのサイズ",
74 | "config": {
75 | "title": "エンジンの重み付け",
76 | "mix9lite": "Mix9Lite NNUE",
77 | "220723": "従来型（2022/07/23）",
78 | "210901": "従来型（2021/09/01）"
79 | },
80 | "candrange": {
81 | "title": "分析範囲",
82 | "square2": "2マス",
83 | "square2line3": "2.5マス",
84 | "square3": "3マス",
85 | "square3line4": "3.5マス（推奨）",
86 | "square4": "4マス",
87 | "fullboard": "全盤"
88 | }
89 | },
90 | "board": {
91 | "title": "ゲーム盤",
92 | "size": "盤サイズ",
93 | "rule": {
94 | "title": "ルール",
95 | "gomoku": "禁手なし",
96 | "standard": "禁手なし・長連不可",
97 | "renju": "禁手あり",
98 | "swap1": "禁手なし1手交替"
99 | },
100 | "aiThinkBlack": "AIが黒石",
101 | "aiThinkWhite": "AIが白石",
102 | "clickCheck": {
103 | "title": "着手方法",
104 | "direct": "直接着手",
105 | "confirm": "確認後着手",
106 | "slide": "スライド着手"
107 | },
108 | "showTitle": "ゲーム盤表示",
109 | "showCoord": "座標を表示",
110 | "showAnalysis": "分析を表示",
111 | "showDetail": "詳細を表示",
112 | "showIndex": "番号を表示",
113 | "showLastStep": "最後の手を強調表示",
114 | "showWinline": "勝利ラインを表示",
115 | "showForbid": "禁手を表示",
116 | "showPvEval": {
117 | "title": "分析評価を表示",
118 | "none": "表示しない",
119 | "eval": "評価を表示",
120 | "winrate": "勝率を表示"
121 | },
122 | "colorTitle": "色",
123 | "boardColor": "盤の色",
124 | "lastStepColor": "最後の手の色",
125 | "winlineColor": "勝利ラインの色",
126 | "bestMoveColor": "分析 - 最良の着手",
127 | "thoughtMoveColor": "分析 - 検索済みの着手",
128 | "lostMoveColor": "分析 - 敗着"
129 | },
130 | "browser": {
131 | "capability": "ブラウザ機能",
132 | "simd": "SIMD加速",
133 | "relaxedSimd": "（強化版）",
134 | "threads": "マルチスレッド",
135 | "maxthreads": "最大スレッド数"
136 | },
137 | "reset": "全設定をリセット"
138 | },
139 | "update": {
140 | "title": "新しいバージョンを発見",
141 | "msg": "新しいバージョンが検出されました。更新するにはページをリフレッシュしてください。"
142 | },
143 | "install": {
144 | "title": "あと一歩！",
145 | "msg": "「五目並べ計算機」をホーム画面に追加しますか？インストールすれば、ネットがなくてもいつでも快適に棋局を楽しめます！"
146 | }
147 | }
148 |
--------------------------------------------------------------------------------
/src/locales/ko.json:
--------------------------------------------------------------------------------
1 | {
2 | "appName": "오목 계산기",
3 | "common": {
4 | "ok": "확인",
5 | "confirm": "확인",
6 | "cancel": "취소"
7 | },
8 | "tabbar": {
9 | "game": "게임판",
10 | "settings": "설정",
11 | "about": "정보"
12 | },
13 | "game": {
14 | "balance1": "한 단계 균형점 찾기",
15 | "balance2": "두 단계 균형점 찾기",
16 | "flip": "뒤집기",
17 | "move": "이동",
18 | "info": {
19 | "depth": "깊이",
20 | "eval": "평가",
21 | "speed": "속도",
22 | "nodes": "노드 수",
23 | "time": "소요 시간",
24 | "bestline": "최적 경로",
25 | "nbestIndex": "번호"
26 | },
27 | "interruptThinking": {
28 | "title": "AI가 생각 중",
29 | "msg": "즉시 중단하시겠습니까?"
30 | },
31 | "swap": {
32 | "title": "교환",
33 | "msg": "AI가 흑백 교환을 선택했습니다.",
34 | "questionTitle": "교환?",
35 | "questionMsg": "교환을 선택하시겠습니까?"
36 | },
37 | "forbid": {
38 | "title": "금지 수",
39 | "msg": "해당 위치는 금지 수입니다."
40 | },
41 | "shotJpg": "정적 스크린샷",
42 | "shotGif": "GIF 스크린샷",
43 | "gifDelay": "프레임당 시간 입력 (단위: 밀리초)",
44 | "gifStart": "시작 번호 입력",
45 | "gifLoading": "GIF 생성 중...",
46 | "saveScreenshot": "스크린샷을 로컬에 저장",
47 | "saveScreenshotIOS": "이미지를 길게 눌러 로컬에 저장",
48 | "currentPos": "게임 상태 코드",
49 | "evalChart": "평가 그래프",
50 | "black": "흑돌",
51 | "white": "백돌",
52 | "engineLoading": "엔진 데이터 다운로드 중...",
53 | "engineLoadingError": "엔진 로드 실패, 새로고침 후 다시 시도하세요",
54 | "copiedToClipboard": "클립보드에 복사되었습니다"
55 | },
56 | "setting": {
57 | "language": "언어",
58 | "thinking": {
59 | "timeTitle": "생각 시간",
60 | "turnTime": "한 수당 시간 (초)",
61 | "matchTime": "게임 시간 (초)",
62 | "maxDepth": "최대 깊이",
63 | "maxNode": "최대 노드 수 (M)",
64 | "fast": "속기 (게임당 약 3분)",
65 | "slow": "완기 (게임당 약 15분)",
66 | "analysis": "분석 모드 (시간 제한 없음)",
67 | "custom": "사용자 정의",
68 | "handicap": "기력 제한",
69 | "nbest": "다중 분석",
70 | "thinkTitle": "생각",
71 | "threads": "스레드 수",
72 | "pondering": "백그라운드 생각",
73 | "hashSize": "해시 테이블 크기",
74 | "config": {
75 | "title": "엔진 가중치",
76 | "mix9lite": "Mix9Lite NNUE",
77 | "220723": "전통 (2022/07/23)",
78 | "210901": "전통 (2021/09/01)"
79 | },
80 | "candrange": {
81 | "title": "분석 범위",
82 | "square2": "2칸",
83 | "square2line3": "2칸 반",
84 | "square3": "3칸",
85 | "square3line4": "3칸 반 (추천)",
86 | "square4": "4칸",
87 | "fullboard": "전체 판"
88 | }
89 | },
90 | "board": {
91 | "title": "게임판",
92 | "size": "판 크기",
93 | "rule": {
94 | "title": "규칙",
95 | "gomoku": "금수 없음",
96 | "standard": "금수 없음, 5목 이상 승리 불가",
97 | "renju": "금수 있음",
98 | "swap1": "금수 없음, 한 수 교환"
99 | },
100 | "aiThinkBlack": "AI가 흑돌",
101 | "aiThinkWhite": "AI가 백돌",
102 | "clickCheck": {
103 | "title": "착수 방식",
104 | "direct": "바로 착수",
105 | "confirm": "재확인",
106 | "slide": "슬라이드 착수"
107 | },
108 | "showTitle": "게임판 표시",
109 | "showCoord": "좌표 표시",
110 | "showAnalysis": "분석 표시",
111 | "showDetail": "세부 사항 표시",
112 | "showIndex": "번호 표시",
113 | "showLastStep": "마지막 수 강조",
114 | "showWinline": "승리선 표시",
115 | "showForbid": "금수 표시",
116 | "showPvEval": {
117 | "title": "분석 평가 표시",
118 | "none": "표시 안 함",
119 | "eval": "평가 표시",
120 | "winrate": "승률 표시"
121 | },
122 | "colorTitle": "색상",
123 | "boardColor": "게임판 색상",
124 | "lastStepColor": "마지막 수 색상",
125 | "winlineColor": "승리선 색상",
126 | "bestMoveColor": "분석 - 최적 수",
127 | "thoughtMoveColor": "분석 - 탐색 완료 수",
128 | "lostMoveColor": "분석 - 패착"
129 | },
130 | "browser": {
131 | "capability": "브라우저 기능",
132 | "simd": "SIMD 가속",
133 | "relaxedSimd": "(강화됨)",
134 | "threads": "멀티스레드",
135 | "maxthreads": "최대 스레드 수"
136 | },
137 | "reset": "모든 설정 초기화"
138 | },
139 | "update": {
140 | "title": "새 버전 발견",
141 | "msg": "새 버전이 감지되었습니다. 업데이트하려면 페이지를 새로 고침하세요."
142 | },
143 | "install": {
144 | "title": "한 걸음 남았습니다!",
145 | "msg": "'오목 계산기'를 홈 화면에 추가하시겠습니까? 설치하면 언제든지 간편하게 바둑판 경험을 즐길 수 있으며, 인터넷 없이도 쉽게 접근할 수 있습니다!"
146 | }
147 | }
148 |
--------------------------------------------------------------------------------
/src/locales/ru.json:
--------------------------------------------------------------------------------
1 | {
2 | "appName": "Калькулятор Гомоку",
3 | "common": {
4 | "ok": "ОК",
5 | "confirm": "Подтвердить",
6 | "cancel": "Отмена"
7 | },
8 | "tabbar": {
9 | "game": "Игровое поле",
10 | "settings": "Настройки",
11 | "about": "О программе"
12 | },
13 | "game": {
14 | "balance1": "Найти точку равновесия за 1 ход",
15 | "balance2": "Найти точку равновесия за 2 хода",
16 | "flip": "Перевернуть",
17 | "move": "Переместить",
18 | "info": {
19 | "depth": "Глубина",
20 | "eval": "Оценка",
21 | "speed": "Скорость",
22 | "nodes": "Количество узлов",
23 | "time": "Время",
24 | "bestline": "Лучший ход",
25 | "nbestIndex": "Номер"
26 | },
27 | "interruptThinking": {
28 | "title": "ИИ размышляет",
29 | "msg": "Прервать размышление немедленно?"
30 | },
31 | "swap": {
32 | "title": "Обмен",
33 | "msg": "ИИ выбрал обмен черными и белыми.",
34 | "questionTitle": "Обмен?",
35 | "questionMsg": "Вы хотите обменяться?"
36 | },
37 | "forbid": {
38 | "title": "Запрещённый ход",
39 | "msg": "Эта позиция является запрещённой."
40 | },
41 | "shotJpg": "Снимок экрана",
42 | "shotGif": "GIF-снимок",
43 | "gifDelay": "Введите время на кадр (в миллисекундах)",
44 | "gifStart": "Введите начальный номер",
45 | "gifLoading": "Создание GIF...",
46 | "saveScreenshot": "Сохранить снимок на устройство",
47 | "saveScreenshotIOS": "Нажмите и удерживайте изображение, чтобы сохранить",
48 | "currentPos": "Код текущей позиции",
49 | "evalChart": "График оценки",
50 | "black": "Чёрные",
51 | "white": "Белые",
52 | "engineLoading": "Загрузка данных движка...",
53 | "engineLoadingError": "Ошибка загрузки движка, обновите страницу и попробуйте снова",
54 | "copiedToClipboard": "Скопировано в буфер обмена"
55 | },
56 | "setting": {
57 | "language": "Язык",
58 | "thinking": {
59 | "timeTitle": "Время размышления",
60 | "turnTime": "Время на ход (секунды)",
61 | "matchTime": "Время на матч (секунды)",
62 | "maxDepth": "Максимальная глубина",
63 | "maxNode": "Максимальное количество узлов (М)",
64 | "fast": "Быстрая игра (около 3 минут на матч)",
65 | "slow": "Медленная игра (около 15 минут на матч)",
66 | "analysis": "Режим анализа (без ограничения времени)",
67 | "custom": "Настраиваемый",
68 | "handicap": "Ограничение уровня игры",
69 | "nbest": "Множественный анализ",
70 | "thinkTitle": "Размышление",
71 | "threads": "Количество потоков",
72 | "pondering": "Фоновое размышление",
73 | "hashSize": "Размер хеш-таблицы",
74 | "config": {
75 | "title": "Весовые коэффициенты движка",
76 | "mix9lite": "Mix9Lite NNUE",
77 | "220723": "Классический (2022/07/23)",
78 | "210901": "Классический (2021/09/01)"
79 | },
80 | "candrange": {
81 | "title": "Диапазон анализа",
82 | "square2": "2 круга",
83 | "square2line3": "2,5 круга",
84 | "square3": "3 круга",
85 | "square3line4": "3,5 круга (рекомендуется)",
86 | "square4": "4 круга",
87 | "fullboard": "Всё поле"
88 | }
89 | },
90 | "board": {
91 | "title": "Игровое поле",
92 | "size": "Размер поля",
93 | "rule": {
94 | "title": "Правила",
95 | "gomoku": "Без запрещённых ходов",
96 | "standard": "Без запрещённых ходов и длинные ряды не побеждают",
97 | "renju": "С запрещёнными ходами",
98 | "swap1": "Без запрещённых ходов с обменом первого хода"
99 | },
100 | "aiThinkBlack": "ИИ за чёрных",
101 | "aiThinkWhite": "ИИ за белых",
102 | "clickCheck": {
103 | "title": "Способ хода",
104 | "direct": "Прямой ход",
105 | "confirm": "Подтверждение",
106 | "slide": "Свайп для хода"
107 | },
108 | "showTitle": "Отображение на поле",
109 | "showCoord": "Показать координаты",
110 | "showAnalysis": "Показать анализ",
111 | "showDetail": "Показать детали размышлений",
112 | "showIndex": "Показать номера",
113 | "showLastStep": "Выделить последний ход",
114 | "showWinline": "Показать линию победы",
115 | "showForbid": "Показать запрещённые ходы",
116 | "showPvEval": {
117 | "title": "Показать оценку анализа",
118 | "none": "Не показывать",
119 | "eval": "Показать оценку",
120 | "winrate": "Показать вероятность победы"
121 | },
122 | "colorTitle": "Цвета",
123 | "boardColor": "Цвет игрового поля",
124 | "lastStepColor": "Цвет последнего хода",
125 | "winlineColor": "Цвет линии победы",
126 | "bestMoveColor": "Анализ - лучший ход",
127 | "thoughtMoveColor": "Анализ - проанализированный ход",
128 | "lostMoveColor": "Анализ - проигрышный ход"
129 | },
130 | "browser": {
131 | "capability": "Возможности браузера",
132 | "simd": "Ускорение SIMD",
133 | "relaxedSimd": "(Улучшенное)",
134 | "threads": "Многопоточность",
135 | "maxthreads": "Максимальное количество потоков"
136 | },
137 | "reset": "Сбросить все настройки"
138 | },
139 | "update": {
140 | "title": "Обнаружена новая версия",
141 | "msg": "Обнаружена новая версия. Пожалуйста, обновите страницу для обновления."
142 | },
143 | "install": {
144 | "title": "Всего один шаг!",
145 | "msg": "Хотите добавить «Калькулятор Гомоку» на главный экран? После установки вы сможете наслаждаться удобным опытом игры в любое время, даже без интернета!"
146 | }
147 | }
148 |
--------------------------------------------------------------------------------
/src/locales/vi.json:
--------------------------------------------------------------------------------
1 | {
2 | "appName": "Gomoku Calculator",
3 | "common": {
4 | "ok": "Xác nhận",
5 | "confirm": "Xác nhận",
6 | "cancel": "Hủy"
7 | },
8 | "tabbar": {
9 | "game": "Bàn cờ",
10 | "settings": "Cài đặt",
11 | "about": "Giới thiệu"
12 | },
13 | "game": {
14 | "balance1": "Tìm điểm cân bằng bằng một nước",
15 | "balance2": "Tìm điểm cân bằng bằng hai nước",
16 | "flip": "Lật",
17 | "move": "Nước đi",
18 | "info": {
19 | "depth": "Độ sâu",
20 | "eval": "Đánh giá",
21 | "speed": "Tốc độ",
22 | "nodes": "Số nút",
23 | "time": "Thời gian",
24 | "bestline": "Đường đi tốt nhất",
25 | "nbestIndex": "Thứ tự"
26 | },
27 | "interruptThinking": {
28 | "title": "AI đang suy nghĩ",
29 | "msg": "Bạn có muốn dừng suy nghĩ ngay lập tức không?"
30 | },
31 | "swap": {
32 | "title": "Đổi bên",
33 | "msg": "AI chọn đổi bên",
34 | "questionTitle": "Đổi bên?",
35 | "questionMsg": "Bạn có muốn đổi bên?"
36 | },
37 | "forbid": {
38 | "title": "Nước cấm",
39 | "msg": "Vị trí này là nước cấm."
40 | },
41 | "shotJpg": "Chụp màn hình định dạng file JPG",
42 | "shotGif": "Chụp màn hình định dạng file GIF",
43 | "gifDelay": "Nhập độ trễ (mili giây) cho mỗi khung hình",
44 | "gifStart": "Nhập chỉ số bắt đầu",
45 | "gifLoading": "Đang tạo GIF...",
46 | "saveScreenshot": "Lưu ảnh chụp",
47 | "saveScreenshotIOS": "Nhấn giữ để chụp",
48 | "currentPos": "Vị trí",
49 | "evalChart": "Biểu đồ đánh giá",
50 | "black": "Quân đen",
51 | "white": "Quân trắng",
52 | "engineLoading": "Đang tải dữ liệu engine...",
53 | "engineLoadingError": "Tải động cơ thất bại, vui lòng làm mới và thử lại",
54 | "copiedToClipboard": "Đã sao chép vào clipboard"
55 | },
56 | "setting": {
57 | "language": "Ngôn ngữ",
58 | "thinking": {
59 | "timeTitle": "Thời gian suy nghĩ",
60 | "turnTime": "Thời gian mỗi lượt (giây)",
61 | "matchTime": "Thời gian trận đấu (giây)",
62 | "maxDepth": "Đồ sâu tối đa",
63 | "maxNode": "Số nút tối đa (M)",
64 | "fast": "Cờ chớp (~3 phút)",
65 | "slow": "Chậm (~15 phút)",
66 | "analysis": "Chế độ phân tích (Không giới hạn thời gian)",
67 | "custom": "Tùy chỉnh",
68 | "handicap": "Chấp",
69 | "nbest": "Phân tích nhiều vị trí",
70 | "thinkTitle": "Suy nghĩ",
71 | "threads": "Số luồng",
72 | "pondering": "Suy nghĩ nền",
73 | "hashSize": "Kích thước bảng băm",
74 | "config": {
75 | "title": "Mô hình Engine",
76 | "mix9lite": "Mix9Lite NNUE",
77 | "220723": "Đánh giá cổ điển (2022/07/23)",
78 | "210901": "Đánh giá cổ điển (2021/09/01)"
79 | },
80 | "candrange": {
81 | "title": "Phạm vi",
82 | "square2": "Square2",
83 | "square2line3": "Square2 + Line3",
84 | "square3": "Square3",
85 | "square3line4": "Square3 + Line4 (Khuyến nghị)",
86 | "square4": "Square4",
87 | "fullboard": "Toàn bàn cờ"
88 | }
89 | },
90 | "board": {
91 | "title": "Bàn cờ",
92 | "size": "Kích thước bàn cờ",
93 | "rule": {
94 | "title": "Luật",
95 | "gomoku": "Tự do",
96 | "standard": "Tiêu chuẩn",
97 | "renju": "Renju",
98 | "swap1": "Tự do - SWAP1"
99 | },
100 | "aiThinkBlack": "AI cầm quân đen",
101 | "aiThinkWhite": "AI cầm quân trắng",
102 | "clickCheck": {
103 | "title": "Cách đặt quân",
104 | "direct": "Đặt quân trực tiếp",
105 | "confirm": "Xác nhận trước khi đặt",
106 | "slide": "Kéo thả để đặt quân"
107 | },
108 | "showTitle": "Hiển thị bàn cờ",
109 | "showCoord": "Hiển thị tọa độ",
110 | "showAnalysis": "Hiển thị phân tích",
111 | "showDetail": "Hiển thị chi tiết",
112 | "showIndex": "Hiển thị thứ tự",
113 | "showLastStep": "Làm nổi bật nước đi cuối",
114 | "showWinline": "Hiển thị đường thắng",
115 | "showForbid": "Hiển thị nước cấm",
116 | "showPvEval": {
117 | "title": "Hiển thị đánh giá phân tích",
118 | "none": "Không hiển thị",
119 | "eval": "Hiển thị đánh giá (centipawn)",
120 | "winrate": "Hiển thị tỉ lệ thắng (%)"
121 | },
122 | "colorTitle": "Màu sắc",
123 | "boardColor": "Màu bàn cờ",
124 | "lastStepColor": "Màu nước đi cuối",
125 | "winlineColor": "Màu đường thắng",
126 | "bestMoveColor": "Phân tích - Nước đi tốt nhất",
127 | "thoughtMoveColor": "Phân tích - Nước đi đã suy nghĩ",
128 | "lostMoveColor": "Phân tích - Nước thua"
129 | },
130 | "browser": {
131 | "capability": "Khả năng trình duyệt",
132 | "simd": "SIMD",
133 | "relaxedSimd": "(Tăng cường)",
134 | "threads": "Multi Threading",
135 | "maxthreads": "Số luồng tối đa"
136 | },
137 | "reset": "Đặt lại tất cả cài đặt"
138 | },
139 | "update": {
140 | "title": "Đã phát hiện phiên bản mới",
141 | "msg": "Đã phát hiện phiên bản mới. Vui lòng làm mới trang để cập nhật."
142 | },
143 | "install": {
144 | "title": "Chỉ còn một bước nữa!",
145 | "msg": "Bạn có muốn thêm 'Máy tính Cờ caro' vào màn hình chính không? Sau khi cài đặt, bạn có thể dễ dàng tận hưởng trải nghiệm ván cờ mọi lúc, ngay cả khi không có mạng!"
146 | }
147 | }
148 |
--------------------------------------------------------------------------------
/src/locales/zh-CN.json:
--------------------------------------------------------------------------------
1 | {
2 | "appName": "五子棋计算器",
3 | "common": {
4 | "ok": "确定",
5 | "confirm": "确认",
6 | "cancel": "取消"
7 | },
8 | "tabbar": {
9 | "game": "棋盘",
10 | "settings": "设置",
11 | "about": "关于"
12 | },
13 | "game": {
14 | "balance1": "找一步平衡点",
15 | "balance2": "找二步平衡点",
16 | "flip": "翻转",
17 | "move": "移动",
18 | "info": {
19 | "depth": "深度",
20 | "eval": "评估",
21 | "speed": "速度",
22 | "nodes": "节点数",
23 | "time": "用时",
24 | "bestline": "路线",
25 | "nbestIndex": "序号"
26 | },
27 | "interruptThinking": {
28 | "title": "AI 正在思考",
29 | "msg": "要立即停止思考吗?"
30 | },
31 | "swap": {
32 | "title": "交换",
33 | "msg": "AI 选择黑白交换。",
34 | "questionTitle": "交换?",
35 | "questionMsg": "你选择交换吗?"
36 | },
37 | "forbid": {
38 | "title": "禁手",
39 | "msg": "该位置为禁手。"
40 | },
41 | "shotJpg": "静态截图",
42 | "shotGif": "GIF截图",
43 | "gifDelay": "输入每帧时长（单位：毫秒）",
44 | "gifStart": "输入起始序号",
45 | "gifLoading": "生成GIF中...",
46 | "saveScreenshot": "保存截图到本地",
47 | "saveScreenshotIOS": "长按图片保存到本地",
48 | "currentPos": "局面代码",
49 | "evalChart": "评估曲线",
50 | "black": "黑棋",
51 | "white": "白棋",
52 | "engineLoading": "下载引擎数据中...",
53 | "engineLoadingError": "加载引擎失败，请刷新重试",
54 | "copiedToClipboard": "已复制到剪贴板"
55 | },
56 | "setting": {
57 | "language": "语言",
58 | "thinking": {
59 | "timeTitle": "思考时间",
60 | "turnTime": "步时(秒)",
61 | "matchTime": "局时(秒)",
62 | "maxDepth": "最大深度",
63 | "maxNode": "最大节点数(M)",
64 | "fast": "快棋(一局大约 3 分钟)",
65 | "slow": "慢棋(一局大约 15 分钟)",
66 | "analysis": "分析模式(不限时)",
67 | "custom": "自定义",
68 | "handicap": "棋力限制",
69 | "nbest": "多点分析",
70 | "thinkTitle": "思考",
71 | "threads": "线程数",
72 | "pondering": "后台思考",
73 | "hashSize": "置换表大小",
74 | "config": {
75 | "title": "引擎权重",
76 | "mix9lite": "Mix9Lite NNUE",
77 | "220723": "传统(2022/07/23)",
78 | "210901": "传统(2021/09/01)"
79 | },
80 | "candrange": {
81 | "title": "选点范围",
82 | "square2": "两圈",
83 | "square2line3": "两圈半",
84 | "square3": "三圈",
85 | "square3line4": "三圈半 (推荐)",
86 | "square4": "四圈",
87 | "fullboard": "全盘"
88 | }
89 | },
90 | "board": {
91 | "title": "棋盘",
92 | "size": "棋盘大小",
93 | "rule": {
94 | "title": "规则",
95 | "gomoku": "无禁手",
96 | "standard": "无禁手长连不赢",
97 | "renju": "有禁手",
98 | "swap1": "无禁手一手交换"
99 | },
100 | "aiThinkBlack": "AI执黑",
101 | "aiThinkWhite": "AI执白",
102 | "clickCheck": {
103 | "title": "落子方式",
104 | "direct": "直接落子",
105 | "confirm": "二次确认",
106 | "slide": "滑动落子"
107 | },
108 | "showTitle": "棋盘显示",
109 | "showCoord": "显示坐标",
110 | "showAnalysis": "显示分析",
111 | "showDetail": "显示思考细节",
112 | "showIndex": "显示序号",
113 | "showLastStep": "高亮最后一步",
114 | "showWinline": "显示胜利线",
115 | "showForbid": "显示禁手",
116 | "showPvEval": {
117 | "title": "显示分析估值",
118 | "none": "不显示",
119 | "eval": "显示估值",
120 | "winrate": "显示胜率"
121 | },
122 | "colorTitle": "颜色",
123 | "boardColor": "棋盘颜色",
124 | "lastStepColor": "最后一步颜色",
125 | "winlineColor": "胜利线颜色",
126 | "bestMoveColor": "分析 - 最佳着法",
127 | "thoughtMoveColor": "分析 - 已搜索着法",
128 | "lostMoveColor": "分析 - 必败着法"
129 | },
130 | "browser": {
131 | "capability": "浏览器能力",
132 | "simd": "SIMD加速",
133 | "relaxedSimd": "(增强)",
134 | "threads": "多线程",
135 | "maxthreads": "最大线程数"
136 | },
137 | "reset": "重置所有设置"
138 | },
139 | "update": {
140 | "title": "发现新版本",
141 | "msg": "检测到新版本，请刷新页面以进行更新。"
142 | },
143 | "install": {
144 | "title": "一步之遥！",
145 | "msg": "您是否希望把“五子棋计算器”添加到主屏幕？安装后可随时享受便捷的棋局体验，即使没网也能轻松访问！"
146 | }
147 | }
148 |
--------------------------------------------------------------------------------
/src/locales/zh-TW.json:
--------------------------------------------------------------------------------
1 | {
2 | "appName": "五子棋計算器",
3 | "common": {
4 | "ok": "確定",
5 | "confirm": "確認",
6 | "cancel": "取消"
7 | },
8 | "tabbar": {
9 | "game": "棋盤",
10 | "settings": "設定",
11 | "about": "關於"
12 | },
13 | "game": {
14 | "balance1": "找一步平衡點",
15 | "balance2": "找兩步平衡點",
16 | "flip": "翻轉",
17 | "move": "移動",
18 | "info": {
19 | "depth": "深度",
20 | "eval": "評估",
21 | "speed": "速度",
22 | "nodes": "節點數",
23 | "time": "用時",
24 | "bestline": "路線",
25 | "nbestIndex": "序號"
26 | },
27 | "interruptThinking": {
28 | "title": "AI 正在思考",
29 | "msg": "是否立即停止思考？"
30 | },
31 | "swap": {
32 | "title": "交換",
33 | "msg": "AI 選擇黑白交換。",
34 | "questionTitle": "交換？",
35 | "questionMsg": "您選擇交換嗎？"
36 | },
37 | "forbid": {
38 | "title": "禁手",
39 | "msg": "該位置為禁手。"
40 | },
41 | "shotJpg": "靜態截圖",
42 | "shotGif": "GIF 截圖",
43 | "gifDelay": "輸入每幀時長（單位：毫秒）",
44 | "gifStart": "輸入起始序號",
45 | "gifLoading": "生成 GIF 中...",
46 | "saveScreenshot": "保存截圖到本地",
47 | "saveScreenshotIOS": "長按圖片保存到本地",
48 | "currentPos": "局面代碼",
49 | "evalChart": "評估曲線",
50 | "black": "黑棋",
51 | "white": "白棋",
52 | "engineLoading": "下載引擎數據中...",
53 | "engineLoadingError": "加載引擎失敗，請刷新重試",
54 | "copiedToClipboard": "已複製到剪貼板"
55 | },
56 | "setting": {
57 | "language": "語言",
58 | "thinking": {
59 | "timeTitle": "思考時間",
60 | "turnTime": "每步時間（秒）",
61 | "matchTime": "局時（秒）",
62 | "maxDepth": "最大深度",
63 | "maxNode": "最大節點數（M）",
64 | "fast": "快棋（一局約 3 分鐘）",
65 | "slow": "慢棋（一局約 15 分鐘）",
66 | "analysis": "分析模式（不限時）",
67 | "custom": "自訂",
68 | "handicap": "棋力限制",
69 | "nbest": "多點分析",
70 | "thinkTitle": "思考",
71 | "threads": "線程數",
72 | "pondering": "後台思考",
73 | "hashSize": "置換表大小",
74 | "config": {
75 | "title": "引擎權重",
76 | "mix9lite": "Mix9Lite NNUE",
77 | "220723": "傳統（2022/07/23）",
78 | "210901": "傳統（2021/09/01）"
79 | },
80 | "candrange": {
81 | "title": "選點範圍",
82 | "square2": "兩圈",
83 | "square2line3": "兩圈半",
84 | "square3": "三圈",
85 | "square3line4": "三圈半（推薦）",
86 | "square4": "四圈",
87 | "fullboard": "全盤"
88 | }
89 | },
90 | "board": {
91 | "title": "棋盤",
92 | "size": "棋盤大小",
93 | "rule": {
94 | "title": "規則",
95 | "gomoku": "無禁手",
96 | "standard": "無禁手長連不贏",
97 | "renju": "有禁手",
98 | "swap1": "無禁手一手交換"
99 | },
100 | "aiThinkBlack": "AI 执黑",
101 | "aiThinkWhite": "AI 执白",
102 | "clickCheck": {
103 | "title": "落子方式",
104 | "direct": "直接落子",
105 | "confirm": "二次確認",
106 | "slide": "滑動落子"
107 | },
108 | "showTitle": "棋盤顯示",
109 | "showCoord": "顯示座標",
110 | "showAnalysis": "顯示分析",
111 | "showDetail": "顯示思考細節",
112 | "showIndex": "顯示序號",
113 | "showLastStep": "高亮最後一步",
114 | "showWinline": "顯示勝利線",
115 | "showForbid": "顯示禁手",
116 | "showPvEval": {
117 | "title": "顯示分析估值",
118 | "none": "不顯示",
119 | "eval": "顯示估值",
120 | "winrate": "顯示勝率"
121 | },
122 | "colorTitle": "顏色",
123 | "boardColor": "棋盤顏色",
124 | "lastStepColor": "最後一步顏色",
125 | "winlineColor": "勝利線顏色",
126 | "bestMoveColor": "分析 - 最佳着法",
127 | "thoughtMoveColor": "分析 - 已搜索着法",
128 | "lostMoveColor": "分析 - 必敗着法"
129 | },
130 | "browser": {
131 | "capability": "瀏覽器功能",
132 | "simd": "SIMD 加速",
133 | "relaxedSimd": "（增強）",
134 | "threads": "多線程",
135 | "maxthreads": "最大線程數"
136 | },
137 | "reset": "重置所有設定"
138 | },
139 | "update": {
140 | "title": "發現新版本",
141 | "msg": "檢測到新版本，請重新整理頁面以進行更新。"
142 | },
143 | "install": {
144 | "title": "一步之遙！",
145 | "msg": "您是否希望將「五子棋計算器」添加到主畫面？安裝後可隨時享受便捷的棋局體驗，即使沒網也能輕鬆訪問！"
146 | }
147 | }
148 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | import router from './router'
4 | import i18n from './i18n'
5 | import store from './store/index.js'
6 |
7 | // Redirect to https pages
8 | if (process.env.NODE_ENV != 'development') {
9 | let loc = window.location.href + ''
10 | if (loc.indexOf('http://') == 0) {
11 | window.location.href = loc.replace('http://', 'https://')
12 | }
13 | }
14 |
15 | // Fix error of redundant navigation to current location
16 | const originalPush = router.push
17 | router.push = function push(location) {
18 | return originalPush.call(this, location).catch((err) => err)
19 | }
20 |
21 | require('es6-promise').polyfill()
22 | require('fastclick').attach(document.body)
23 |
24 | import ConfirmPlugin from 'vux/src/plugins/confirm'
25 | import AlertPlugin from 'vux/src/plugins/alert'
26 | import ToastPlugin from 'vux/src/plugins/toast'
27 | Vue.use(ConfirmPlugin)
28 | Vue.use(AlertPlugin)
29 | Vue.use(ToastPlugin)
30 |
31 | Vue.config.productionTip = process.env.NODE_ENV == 'development'
32 |
33 | new Vue({
34 | router,
35 | store,
36 | i18n,
37 | render: (h) => h(App),
38 | }).$mount('#app')
39 |
--------------------------------------------------------------------------------
/src/router.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 | import Game from './views/Game.vue'
4 | import Settings from './views/Settings.vue'
5 |
6 | Vue.use(Router)
7 |
8 | export default new Router({
9 | routes: [
10 | {
11 | path: '/settings',
12 | name: 'settings',
13 | component: Settings,
14 | },
15 | {
16 | path: '/about',
17 | name: 'about',
18 | // route level code-splitting
19 | // this generates a separate chunk (about.[hash].js) for this route
20 | // which is lazy-loaded when the route is visited.
21 | component: () =>
22 | import(/* webpackChunkName: "about" */ /* webpackPrefetch: true */ './views/About.vue'),
23 | },
24 | {
25 | path: '/:pos?',
26 | name: 'game',
27 | component: Game,
28 | },
29 | ],
30 | })
31 |
--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 | import ai from './modules/ai'
4 | import position from './modules/position'
5 | import settings from './modules/settings'
6 | import { threads, simd, relaxedSimd } from 'wasm-feature-detect'
7 |
8 | Vue.use(Vuex)
9 |
10 | export default new Vuex.Store({
11 | modules: {
12 | ai,
13 | position,
14 | settings,
15 | },
16 | state: {
17 | screenWidth: document.documentElement.clientWidth, // 屏幕宽度
18 | screenHeight: document.documentElement.clientHeight, // 屏幕高度
19 | isOnIOSBrowser:
20 | (/iPad|iPhone|iPod/.test(navigator.platform) ||
21 | (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&
22 | !window.MSStream,
23 | maxThreads: 1,
24 | supportThreads: false,
25 | supportSimd: false,
26 | supportRelaxedSimd: false,
27 | },
28 | getters: {
29 | boardCanvasWidth(state) {
30 | const MinBoardWidth = 300
31 | const BottomPadding = 200
32 | return Math.max(
33 | Math.min(state.screenWidth, state.screenHeight - BottomPadding),
34 | MinBoardWidth
35 | )
36 | },
37 | },
38 | mutations: {
39 | setScreenSize(state, payload) {
40 | state.screenWidth = payload.width
41 | state.screenHeight = payload.height
42 | },
43 | setBrowserCapability(state, { maxThreads, supportThreads, supportSimd, supportRelaxedSimd }) {
44 | state.maxThreads = maxThreads
45 | state.supportThreads = supportThreads
46 | state.supportSimd = supportSimd
47 | state.supportRelaxedSimd = supportRelaxedSimd
48 | },
49 | },
50 | actions: {
51 | async getBrowserCapabilities({ commit, rootState }) {
52 | const supportThreads = await threads()
53 | const supportSimd = await simd()
54 | const supportRelaxedSimd = await relaxedSimd()
55 | const maxThreads = supportThreads ? navigator.hardwareConcurrency : 1
56 | commit('setBrowserCapability', {
57 | maxThreads,
58 | supportThreads,
59 | supportSimd,
60 | supportRelaxedSimd,
61 | })
62 | if (rootState.settings.threads === null) {
63 | commit('settings/setValue', {
64 | key: 'threads',
65 | value: Math.max(1, maxThreads / 2),
66 | })
67 | }
68 | },
69 | },
70 | strict: process.env.NODE_ENV !== 'production',
71 | })
72 |
--------------------------------------------------------------------------------
/src/store/modules/ai.js:
--------------------------------------------------------------------------------
1 | import * as engine from '@/ai/engine'
2 | import { RENJU, CONFIGS } from './settings'
3 |
4 | const state = {
5 | loadingProgress: 0.0,
6 | ready: false,
7 | startSize: 0,
8 | restart: false,
9 | thinking: false,
10 | timeUsed: 0,
11 | lastThinkTime: 0,
12 | lastThinkPosition: [],
13 | currentConfig: null,
14 | hashSize: null,
15 | outputs: {
16 | pos: null,
17 | swap: null,
18 | currentPV: 0,
19 | pv: [
20 | {
21 | depth: 0,
22 | seldepth: 0,
23 | nodes: 0,
24 | eval: '-',
25 | winrate: 0.0,
26 | bestline: [],
27 | },
28 | ],
29 | nodes: 0,
30 | speed: 0,
31 | time: 0,
32 | msg: null,
33 | realtime: {
34 | best: [],
35 | lost: [],
36 | },
37 | forbid: [],
38 | error: null,
39 | },
40 | messages: [],
41 | posCallback: null,
42 | }
43 |
44 | const getters = {
45 | bestlineStr: (state) => (pvIdx) => {
46 | if (!pvIdx) pvIdx = 0
47 | let posStrs = []
48 | for (let p of state.outputs.pv[pvIdx].bestline) {
49 | const coordX = String.fromCharCode('A'.charCodeAt(0) + p[0])
50 | const coordY = (state.startSize - p[1]).toString()
51 | posStrs.push(coordX + coordY)
52 | }
53 | return posStrs.join(' ')
54 | },
55 | }
56 |
57 | const mutations = {
58 | setLoadingProgress(state, progress) {
59 | state.loadingProgress = progress
60 | },
61 | setReady(state, ready) {
62 | state.ready = ready
63 | },
64 | setThinkingState(state, thinking) {
65 | state.thinking = thinking
66 | },
67 | setStartSize(state, size) {
68 | state.startSize = size
69 | },
70 | setRestart(state, enabled = true) {
71 | state.restart = enabled
72 | },
73 | clearUsedTime(state) {
74 | state.timeUsed = 0
75 | },
76 | addUsedTime(state) {
77 | state.timeUsed += Date.now() - state.lastThinkTime
78 | },
79 | setThinkStartTime(state) {
80 | state.lastThinkTime = Date.now()
81 | },
82 | setCurrentConfig(state, config) {
83 | state.currentConfig = config
84 | },
85 | setHashSize(state, hashSize) {
86 | state.hashSize = hashSize
87 | },
88 | addMessage(state, msg) {
89 | state.messages.push(msg)
90 | },
91 | clearMessage(state) {
92 | state.messages = []
93 | },
94 | setOutput(state, output) {
95 | state.outputs[output.key] = output.value
96 | },
97 | setCurrentPV(state, pvIdx) {
98 | state.outputs.currentPV = pvIdx
99 | },
100 | setPVOutput(state, output) {
101 | let pv = state.outputs.pv[state.outputs.currentPV]
102 | if (!pv) {
103 | state.outputs.pv[state.outputs.currentPV] = {}
104 | pv = state.outputs.pv[state.outputs.currentPV]
105 | }
106 | pv[output.key] = output.value
107 | },
108 | clearOutput(state) {
109 | state.outputs.pv = [
110 | {
111 | depth: 0,
112 | seldepth: 0,
113 | nodes: 0,
114 | eval: '-',
115 | winrate: 0.0,
116 | bestline: [],
117 | },
118 | ]
119 | state.outputs.pos = null
120 | state.outputs.nodes = 0
121 | state.outputs.speed = 0
122 | state.outputs.forbid = []
123 | },
124 | addRealtime(state, rt) {
125 | state.outputs.realtime[rt.type].push(rt.pos)
126 | },
127 | clearRealtime(state, type) {
128 | state.outputs.realtime[type] = []
129 | },
130 | setPosCallback(state, callback) {
131 | state.posCallback = callback
132 | },
133 | sortPV(state) {
134 | let isPosEqual = (m) =>
135 | state.outputs.pos ? m[0] == state.outputs.pos[0] && m[1] == state.outputs.pos[1] : false
136 | let evalStrToEval = (e) => {
137 | let val = +e
138 | if (isNaN(val)) {
139 | if (e.startsWith('+M')) val = 40000 - +e.substring(2)
140 | else if (e.startsWith('-M')) val = -40000 + +e.substring(2)
141 | else val = -80000
142 | }
143 | return val
144 | }
145 |
146 | state.outputs.pv.sort((a, b) => {
147 | if (isPosEqual(a.bestline[0])) return -1
148 | else if (isPosEqual(b.bestline[0])) return 1
149 | return evalStrToEval(b.eval) - evalStrToEval(a.eval)
150 | })
151 | },
152 | setLastThinkPosition(state, position) {
153 | state.lastThinkPosition = [...position]
154 | },
155 | }
156 |
157 | const actions = {
158 | async initEngine({ commit, dispatch, state }) {
159 | commit('setLoadingProgress', 0.0)
160 | commit('setReady', false)
161 | const callback = (r) => {
162 | if (r.realtime) {
163 | switch (r.realtime.type) {
164 | case 'LOST':
165 | commit('addRealtime', { type: 'lost', pos: r.realtime.pos })
166 | break
167 | case 'BEST':
168 | commit('clearRealtime', 'best')
169 | commit('addRealtime', { type: 'best', pos: r.realtime.pos })
170 | break
171 | default:
172 | break
173 | }
174 | } else if (r.msg) {
175 | commit('setOutput', { key: 'msg', value: r.msg })
176 | commit('addMessage', r.msg)
177 | } else if (r.multipv) {
178 | if (r.multipv == 'DONE') commit('setCurrentPV', 0)
179 | else commit('setCurrentPV', +r.multipv)
180 | } else if (r.depth) {
181 | commit('setPVOutput', { key: 'depth', value: r.depth })
182 | } else if (r.seldepth) {
183 | commit('setPVOutput', { key: 'seldepth', value: r.seldepth })
184 | } else if (r.nodes) {
185 | commit('setPVOutput', { key: 'nodes', value: r.nodes })
186 | } else if (r.totalnodes) {
187 | commit('setOutput', { key: 'nodes', value: r.totalnodes })
188 | } else if (r.totaltime) {
189 | commit('setOutput', { key: 'time', value: r.totaltime })
190 | } else if (r.speed) {
191 | commit('setOutput', { key: 'speed', value: r.speed })
192 | } else if (r.eval) {
193 | commit('setPVOutput', { key: 'eval', value: r.eval })
194 | } else if (r.winrate) {
195 | commit('setPVOutput', { key: 'winrate', value: r.winrate })
196 | } else if (r.bestline) {
197 | commit('setPVOutput', { key: 'bestline', value: r.bestline })
198 | } else if (r.pos) {
199 | commit('setOutput', { key: 'pos', value: r.pos })
200 | commit('addUsedTime')
201 | commit('clearRealtime', 'best')
202 | commit('clearRealtime', 'lost')
203 | commit('sortPV')
204 | commit('setThinkingState', false)
205 | if (state.posCallback) state.posCallback(r.pos)
206 | } else if (r.swap) {
207 | commit('setOutput', { key: 'swap', value: r.swap })
208 | } else if (r.forbid) {
209 | commit('setOutput', { key: 'forbid', value: r.forbid })
210 | } else if (r.error) {
211 | commit('setOutput', { key: 'error', value: r.error })
212 | commit('addMessage', 'Error: ' + r.error)
213 | } else if (r.ok) {
214 | commit('addMessage', 'Engine ready.')
215 | commit('setReady', true)
216 | dispatch('checkForbid')
217 | } else if (r.loading) {
218 | commit('setLoadingProgress', r.loading.progress)
219 | }
220 | }
221 | const engineURL = await engine.init(callback)
222 | commit('addMessage', 'Engine: ' + engineURL)
223 | },
224 | sendInfo({ rootState, rootGetters }) {
225 | engine.sendCommand('INFO RULE ' + rootState.settings.rule)
226 | engine.sendCommand('INFO THREAD_NUM ' + (rootState.settings.threads || 1))
227 | engine.sendCommand('INFO CAUTION_FACTOR ' + rootState.settings.candRange)
228 | engine.sendCommand('INFO STRENGTH ' + rootState.settings.strength)
229 | engine.sendCommand('INFO TIMEOUT_TURN ' + rootGetters['settings/turnTime'])
230 | engine.sendCommand('INFO TIMEOUT_MATCH ' + rootGetters['settings/matchTime'])
231 | engine.sendCommand('INFO MAX_DEPTH ' + rootGetters['settings/depth'])
232 | engine.sendCommand('INFO MAX_NODE ' + rootGetters['settings/nodes'])
233 | engine.sendCommand('INFO SHOW_DETAIL ' + (rootState.settings.showDetail ? 3 : 2))
234 | engine.sendCommand('INFO PONDERING ' + (rootState.settings.pondering ? 1 : 0))
235 | engine.sendCommand('INFO SWAPABLE ' + (rootState.position.swaped ? 0 : 1))
236 | },
237 | sendBoard({ rootState }, immediateThink) {
238 | let position = rootState.position.position
239 |
240 | let command = immediateThink ? 'BOARD' : 'YXBOARD'
241 | let side = position.length % 2 == 0 ? 1 : 2
242 | for (let pos of position) {
243 | command += ' ' + pos[0] + ',' + pos[1] + ',' + side
244 | side = 3 - side
245 | }
246 | command += ' DONE'
247 | engine.sendCommand(command)
248 | },
249 | think({ commit, dispatch, state, rootState, rootGetters }, args) {
250 | if (!state.ready) {
251 | commit('addMessage', 'Engine is not ready!')
252 | return Promise.reject(new Error('Engine is not ready!'))
253 | }
254 | commit('setThinkingState', true)
255 | commit('setOutput', { key: 'swap', value: false })
256 | commit('clearMessage')
257 |
258 | dispatch('reloadConfig')
259 | dispatch('updateHashSize')
260 | dispatch('sendInfo')
261 |
262 | if (state.restart || state.startSize != rootState.position.size) {
263 | engine.sendCommand('START ' + rootState.position.size)
264 | commit('setRestart', false)
265 | commit('setStartSize', rootState.position.size)
266 | commit('clearUsedTime')
267 | }
268 |
269 | let timeLeft = Math.max(rootGetters['settings/matchTime'] - state.timeUsed, 1)
270 | engine.sendCommand('INFO TIME_LEFT ' + timeLeft)
271 |
272 | dispatch('sendBoard', false)
273 | commit('setThinkStartTime')
274 | commit('setLastThinkPosition', rootState.position.position)
275 | commit('clearOutput')
276 |
277 | if (args && args.balanceMode) {
278 | engine.sendCommand(
279 | (args.balanceMode == 2 ? 'YXBALANCETWO ' : 'YXBALANCEONE ') + (args.balanceBias || 0)
280 | )
281 | } else {
282 | engine.sendCommand('YXNBEST ' + rootState.settings.nbest)
283 | }
284 |
285 | return new Promise((resolve) => {
286 | commit('setPosCallback', resolve)
287 | })
288 | },
289 | stop({ commit, state }) {
290 | if (!state.thinking) return
291 |
292 | if (engine.stopThinking()) {
293 | commit('setReady', false)
294 | commit('clearRealtime', 'best')
295 | commit('clearRealtime', 'lost')
296 | commit('addUsedTime')
297 | commit('sortPV')
298 | commit('setThinkingState', false)
299 | let pos = state.outputs.pv[0].bestline[0]
300 | if (pos) {
301 | commit('setOutput', { key: 'pos', value: pos })
302 | if (state.posCallback) state.posCallback(pos)
303 | }
304 | commit('setRestart')
305 | // Reset to initial state
306 | commit('setCurrentConfig', null)
307 | commit('setHashSize', null)
308 | return true
309 | }
310 |
311 | return false
312 | },
313 | restart({ commit }) {
314 | commit('setRestart')
315 | commit('clearUsedTime')
316 | commit('clearOutput')
317 | },
318 | reloadConfig({ commit, state, rootState }) {
319 | if (rootState.settings.configIndex == state.currentConfig) return
320 | commit('setCurrentConfig', rootState.settings.configIndex)
321 |
322 | engine.sendCommand('RELOADCONFIG ' + (CONFIGS[state.currentConfig] || ''))
323 | },
324 | updateHashSize({ commit, state, rootState }) {
325 | if (rootState.settings.hashSize == state.hashSize) return
326 | commit('setHashSize', rootState.settings.hashSize)
327 |
328 | engine.sendCommand('INFO HASH_SIZE ' + state.hashSize * 1024)
329 | commit('addMessage', `Hash size reset to ${state.hashSize} MB.`)
330 | },
331 | checkForbid({ commit, state, dispatch, rootState, rootGetters }) {
332 | commit('setOutput', { key: 'forbid', value: [] })
333 | if (!state.ready) return
334 |
335 | if (rootGetters['settings/gameRule'] == RENJU) {
336 | dispatch('sendInfo')
337 | if (state.restart || state.startSize != rootState.position.size) {
338 | engine.sendCommand('START ' + rootState.position.size)
339 | commit('setRestart', false)
340 | commit('setStartSize', rootState.position.size)
341 | }
342 | dispatch('sendBoard', false)
343 | engine.sendCommand('YXSHOWFORBID')
344 | }
345 | },
346 | }
347 |
348 | export default {
349 | namespaced: true,
350 | state,
351 | getters,
352 | actions,
353 | mutations,
354 | }
355 |
--------------------------------------------------------------------------------
/src/store/modules/position.js:
--------------------------------------------------------------------------------
1 | import { STANDARD, RENJU } from './settings'
2 |
3 | const EMPTY = 0,
4 | BLACK = 1,
5 | WHITE = 2
6 |
7 | function toIndex(p, size) {
8 | if (p[0] < 0 || p[1] < 0 || p[0] >= size || p[1] >= size) return -1
9 | else return p[1] * size + p[0]
10 | }
11 |
12 | function checkLine(board, pos, delta, size, exactFive = false) {
13 | let piece = board[toIndex(pos, size)]
14 | let count = 1,
15 | i,
16 | j
17 | for (i = 1; ; i++) {
18 | let x = pos[0] + delta[0] * i
19 | let y = pos[1] + delta[1] * i
20 | let index = toIndex([x, y], size)
21 | if (index == -1) break
22 | if (board[index] == piece) count++
23 | else break
24 | }
25 | for (j = 1; ; j++) {
26 | let x = pos[0] - delta[0] * j
27 | let y = pos[1] - delta[1] * j
28 | let index = toIndex([x, y], size)
29 | if (index == -1) break
30 | if (board[index] == piece) count++
31 | else break
32 | }
33 | if (exactFive ? count == 5 : count >= 5) return [1 - j, i - 1]
34 | }
35 |
36 | const state = {
37 | size: 15,
38 | board: null,
39 | position: [],
40 | /* 棋子序列数组,每个元素为一个表示坐标的二维向量[x, y] */
41 | lastPosition: [],
42 | winline: [],
43 | swaped: false,
44 | }
45 |
46 | const getters = {
47 | posStr: (state) => {
48 | let posStrs = []
49 | for (let p of state.position) {
50 | posStrs.push(String.fromCharCode('a'.charCodeAt(0) + p[0]))
51 | posStrs.push(state.size - p[1])
52 | }
53 | return posStrs.join('')
54 | },
55 | get: (state) => {
56 | return (pos) => {
57 | switch (state.board[toIndex(pos, state.size)]) {
58 | case BLACK:
59 | return 'BLACK'
60 | case WHITE:
61 | return 'WHITE'
62 | case EMPTY:
63 | return 'EMPTY'
64 | default:
65 | return 'ERROR'
66 | }
67 | }
68 | },
69 | isEmpty: (state) => {
70 | return (pos) => {
71 | return state.board[toIndex(pos, state.size)] == EMPTY
72 | }
73 | },
74 | isInBoard: (state) => {
75 | return (pos) => {
76 | return toIndex(pos, state.size) != -1
77 | }
78 | },
79 | playerToMove: (state) => {
80 | return state.position.length % 2 == 0 ? 'BLACK' : 'WHITE'
81 | },
82 | moveLeftCount: (state) => {
83 | return state.size * state.size - state.position.length
84 | },
85 | marchPosition: (state) => {
86 | return (position) => {
87 | let len = Math.min(position.length, state.position)
88 | let i = 0
89 | for (; i < len; i++) {
90 | let pos1 = position[i]
91 | let pos2 = state.position[i]
92 | if (pos1[0] != pos2[0] || pos1[1] != pos2[1]) break
93 | }
94 | return i
95 | }
96 | },
97 | }
98 |
99 | const mutations = {
100 | new(state, size) {
101 | state.size = size
102 | state.board = new Uint8Array(state.size * state.size).fill(EMPTY)
103 | state.lastPosition = []
104 | state.position = []
105 | state.winline = []
106 | state.swaped = false
107 | },
108 | move(state, pos) {
109 | state.board[pos[1] * state.size + pos[0]] = state.position.length % 2 == 0 ? BLACK : WHITE
110 | state.position.push(pos)
111 |
112 | let lastPos = state.lastPosition[state.position.length - 1]
113 | if (!lastPos || lastPos[0] != pos[0] || lastPos[1] != pos[1]) {
114 | state.lastPosition = [...state.position] // 走向不同的分支
115 | }
116 | },
117 | undo(state) {
118 | let pos = state.position.pop()
119 | state.board[pos[1] * state.size + pos[0]] = EMPTY
120 | state.winline = []
121 | },
122 | checkWin(state, checkOverline) {
123 | if (state.position.length < 9) return
124 |
125 | let lastPos = state.position[state.position.length - 1]
126 | const dirs = [
127 | [1, 0],
128 | [0, 1],
129 | [1, 1],
130 | [1, -1],
131 | ]
132 | for (let dir of dirs) {
133 | let ret = checkLine(state.board, lastPos, dir, state.size, checkOverline)
134 | if (ret) {
135 | return (state.winline = [
136 | [lastPos[0] + ret[0] * dir[0], lastPos[1] + ret[0] * dir[1]],
137 | [lastPos[0] + ret[1] * dir[0], lastPos[1] + ret[1] * dir[1]],
138 | ])
139 | }
140 | }
141 | },
142 | setSwaped(state) {
143 | state.swaped = true
144 | },
145 | }
146 |
147 | const actions = {
148 | setPosStr({ commit, dispatch, getters, state }, str) {
149 | str = str.trim().toLowerCase()
150 | let posArray = str.match(/([a-z])(\d+)/g)
151 | if (getters.posStr == str) return
152 |
153 | commit('new', state.size)
154 | if (!posArray) return
155 | for (let p of posArray) {
156 | let x = p.match(/[a-z]/)[0].charCodeAt(0) - 'a'.charCodeAt(0)
157 | let y = state.size - +p.match(/\d+/)[0]
158 | dispatch('makeMove', [x, y])
159 | if (state.winline.length > 0) break
160 | }
161 | },
162 | makeMove({ commit, dispatch, getters, rootGetters }, pos) {
163 | if (!getters.isEmpty(pos)) return false
164 | let checkOverline =
165 | rootGetters['settings/gameRule'] == STANDARD ||
166 | (rootGetters['settings/gameRule'] == RENJU && getters.playerToMove == 'BLACK')
167 | commit('move', pos)
168 | commit('checkWin', checkOverline)
169 | dispatch('ai/checkForbid', {}, { root: true })
170 | return true
171 | },
172 | backward({ commit, dispatch }) {
173 | if (state.position.length == 0) return
174 | commit('undo')
175 | dispatch('ai/checkForbid', {}, { root: true })
176 | },
177 | forward({ commit, dispatch, state, rootGetters }) {
178 | if (state.lastPosition.length <= state.position.length) return
179 | let checkOverline =
180 | rootGetters['settings/gameRule'] == STANDARD ||
181 | (rootGetters['settings/gameRule'] == RENJU && getters.playerToMove == 'BLACK')
182 | commit('move', state.lastPosition[state.position.length])
183 | commit('checkWin', checkOverline)
184 | dispatch('ai/checkForbid', {}, { root: true })
185 | },
186 | backToBegin({ dispatch, state }) {
187 | while (state.position.length > 0) {
188 | dispatch('backward')
189 | }
190 | },
191 | forwardToEnd({ dispatch, state }) {
192 | while (state.lastPosition.length > state.position.length) dispatch('forward')
193 | },
194 | rotate({ commit, dispatch, state }) {
195 | let position = state.position
196 | commit('new', state.size)
197 | for (let p of position) {
198 | dispatch('makeMove', [state.size - 1 - p[1], p[0]])
199 | }
200 | },
201 | flip({ commit, dispatch, state }, dir) {
202 | let position = state.position
203 | commit('new', state.size)
204 | for (let p of position) {
205 | if (dir[0] == 0 && dir[1] == 0) p = [p[1], p[0]]
206 | else if (dir[0] == 1 && dir[1] == 1) p = [state.size - 1 - p[1], state.size - 1 - p[0]]
207 | else if (dir[0] == 1) p[0] = state.size - 1 - p[0]
208 | else if (dir[1] == 1) p[1] = state.size - 1 - p[1]
209 | dispatch('makeMove', p)
210 | }
211 | },
212 | moveTowards({ commit, dispatch, state }, dir) {
213 | let position = state.position
214 | commit('new', state.size)
215 | for (let p of position) {
216 | dispatch('makeMove', [p[0] + dir[0], p[1] + dir[1]])
217 | }
218 | },
219 | }
220 |
221 | export default {
222 | namespaced: true,
223 | state,
224 | getters,
225 | actions,
226 | mutations,
227 | }
228 |
--------------------------------------------------------------------------------
/src/store/modules/settings.js:
--------------------------------------------------------------------------------
1 | import { version } from '@/../package.json'
2 |
3 | export const FREESTYLE = 0,
4 | STANDARD = 1,
5 | RENJU = 2
6 |
7 | export const CONFIGS = ['config.toml', 'classical220723.toml', 'classical210901.toml']
8 |
9 | const state = {
10 | language: null,
11 | boardStyle: {
12 | boardColor: '#F4D03F',
13 | lineColor: '#000000',
14 | lineWidth: 0.03,
15 | coordColor: '#000000',
16 | coordFontStyle: '',
17 | coordFontFamily: 'sans-serif',
18 | starRadiusScale: 0.1,
19 | pieceBlack: '#000000',
20 | pieceWhite: '#FFFFFF',
21 | pieceStrokeWidth: 0.021,
22 | pieceStrokeBlack: '#000000',
23 | pieceStrokeWhite: '#000000',
24 | pieceScale: 0.95,
25 | indexColorBlack: '#FFFFFF',
26 | indexColorWhite: '#000000',
27 | indexFontStyle: 'bold',
28 | indexFontFamily: 'sans-serif',
29 | indexScale: 0.45,
30 | lastStepColor: '#E74C3C',
31 | lastStepScale: 0.15,
32 | winlineWidth: 0.12,
33 | winlineColor: '#2E86C1',
34 | bestMoveColor: '#E74C3C',
35 | thoughtMoveColor: '#3C5EE7',
36 | lostMoveColor: '#FDFEFE',
37 | bestMoveScale: 0.12,
38 | realtimeMoveScale: 0.09,
39 | selectionStrokeWidth: 0.08,
40 | selectionStrokeColor: '#E74C3C',
41 | forbidStrokeWidth: 0.12,
42 | forbidStrokeColor: '#E74C3C',
43 | pvEvalFontStyle: 600,
44 | pvEvalFontFamily: 'sans-serif',
45 | pvEvalScale: 0.45,
46 | pvEvalAlpha: 0.9,
47 | },
48 | boardSize: 15,
49 | thinkTimeOption: 1,
50 | turnTime: 5000,
51 | matchTime: 9999000,
52 | maxDepth: 64,
53 | maxNodes: 0,
54 | rule: 0, // 规则: 0-无禁手 1-无禁长连不赢 2,4-有禁手 5-无禁一手交换
55 | threads: null, // 线程数
56 | strength: 100, // 棋力限制 (默认100%棋力)
57 | nbest: 1, // MultiPV多点分析
58 | configIndex: 0, // 配置序号: [0, CONFIGS.length)
59 | candRange: 3, // 选点范围: {0, 1, 2, 3, 4, 5}
60 | hashSize: 128, // 置换表大小, 单位 MiB
61 | pondering: false, // 后台思考
62 | clickCheck: 0, // 点击方式: 0-直接落子 1-二次确认 2-滑动落子
63 | indexOrigin: 0, // 棋子序号起点
64 | showCoord: true,
65 | showAnalysis: true,
66 | showDetail: true,
67 | showPvEval: 0, // 是否显示实时估值: 0-不显示 1-显示估值 2-显示胜率
68 | showIndex: true,
69 | showLastStep: true,
70 | showWinline: true,
71 | showForbid: true,
72 | aiThinkBlack: false,
73 | aiThinkWhite: false,
74 | }
75 |
76 | const propertiesToSave = [
77 | 'language',
78 | 'boardSize',
79 | 'thinkTimeOption',
80 | 'turnTime',
81 | 'matchTime',
82 | 'maxDepth',
83 | 'maxNodes',
84 | 'rule',
85 | 'threads',
86 | 'strength',
87 | 'nbest',
88 | 'configIndex',
89 | 'candRange',
90 | 'hashSize',
91 | 'pondering',
92 | 'clickCheck',
93 | 'showCoord',
94 | 'showAnalysis',
95 | 'showDetail',
96 | 'showPvEval',
97 | 'showIndex',
98 | 'showLastStep',
99 | 'showWinline',
100 | 'showForbid',
101 | 'aiThinkBlack',
102 | 'aiThinkWhite',
103 | ]
104 |
105 | const boardPropertiesToSave = [
106 | 'boardColor',
107 | 'lastStepColor',
108 | 'winlineColor',
109 | 'bestMoveColor',
110 | 'thoughtMoveColor',
111 | 'lostMoveColor',
112 | ]
113 |
114 | const getters = {
115 | turnTime: (state) => {
116 | let turn = [state.turnTime, 7000, 40000, -1]
117 | return turn[state.thinkTimeOption]
118 | },
119 | matchTime: (state) => {
120 | let match = [state.matchTime, 180000, 900000, -1]
121 | return match[state.thinkTimeOption]
122 | },
123 | depth: (state) => {
124 | return state.thinkTimeOption == 0 ? state.maxDepth : 100
125 | },
126 | nodes: (state) => {
127 | return state.thinkTimeOption == 0 ? state.maxNodes : 0
128 | },
129 | gameRule: (state) => {
130 | switch (state.rule) {
131 | case 0:
132 | case 5:
133 | return FREESTYLE
134 | case 1:
135 | return STANDARD
136 | case 2:
137 | case 4:
138 | return RENJU
139 | default:
140 | throw Error('unknown rule')
141 | }
142 | },
143 | }
144 |
145 | function saveCookies() {
146 | let stateToSave = {}
147 | for (let p of propertiesToSave) stateToSave[p] = state[p]
148 | for (let p of boardPropertiesToSave) stateToSave[p] = state.boardStyle[p]
149 | localStorage.setItem('GMKC_CFG_' + version, JSON.stringify(stateToSave))
150 | }
151 |
152 | const mutations = {
153 | setValue(state, payload) {
154 | state[payload.key] = payload.value
155 | if (propertiesToSave.includes(payload.key)) saveCookies()
156 | },
157 | setValueNoSave(state, payload) {
158 | state[payload.key] = payload.value
159 | },
160 | setBoardStyle(state, payload) {
161 | state.boardStyle[payload.key] = payload.value
162 | if (boardPropertiesToSave.includes(payload.key)) saveCookies()
163 | },
164 | setBoardStyleNoSave(state, payload) {
165 | state.boardStyle[payload.key] = payload.value
166 | },
167 | }
168 |
169 | const actions = {
170 | readCookies({ commit }) {
171 | let json = localStorage.getItem('GMKC_CFG_' + version)
172 | if (!json) return
173 |
174 | let stateToRead = JSON.parse(json)
175 | for (let p of propertiesToSave) commit('setValueNoSave', { key: p, value: stateToRead[p] })
176 | for (let p of boardPropertiesToSave)
177 | commit('setBoardStyleNoSave', { key: p, value: stateToRead[p] })
178 | },
179 | clearCookies() {
180 | localStorage.removeItem('GMKC_CFG_' + version)
181 | },
182 | }
183 |
184 | export default {
185 | namespaced: true,
186 | state,
187 | getters,
188 | actions,
189 | mutations,
190 | }
191 |
--------------------------------------------------------------------------------
/src/theme.less:
--------------------------------------------------------------------------------
1 | @background-color: #f1f2f3;
2 |
3 | @header-background-color: #2E86C1;
4 |
5 | @tabber-icon-active-color: #09BB07;
--------------------------------------------------------------------------------
/src/views/About-en.md:
--------------------------------------------------------------------------------
1 | ## Gomoku Calculator V0.30
2 |
3 | ### FAQ
4 |
5 | + What can this app do?
6 |
7 | It can be used as a gomoku board, or used to analyze gomoku positions with the help of AI. You can also play against the AI.
8 |
9 | + There are already many gomoku software on mobile platform, does this app have anything special?
10 |
11 | Most gomoku apps on mobile platform do not provide detailed analysis, meanwhile other apps providing analysis support limited platforms. As this app is fundamentally a web page, it can be run on almost every devices with an appropriate browser, which is more convenient.
12 |
13 | + When using in mobile browser, the address bar takes a lot of screen space. Is there any way to using the app in fullscreen mode?
14 |
15 | For Safari browser on IOS and Chrome browser on Android, it is recommended to choose the "**Add to home screen**" option to gain use experience similar to a native app.
16 |
17 | + What gomoku AI is used?
18 |
19 | This app uses Rapfi engine, which participated in Gomocup 2021. With the use of web-assembly technology, rapfi can achieve performance close to native app, and doesn't need to communicate with the server when thinking.
20 |
21 | + Which rules are supported?
22 |
23 | Currently supported rules include "Freestyle Gomoku", "Standard Gomoku", "Free Renju" and "Freestyle Gomoku - SWAP1".
24 |
25 | + How to make the AI move automatically?
26 |
27 | Select "**AI plays Black**" or "**AI plays White**" in setting page, then when it is time for AI to move, click anywhere on the board and AI will start to think.
28 |
29 | + What is the meaning of "+M" and "-M" in evaluation?
30 |
31 | If "+M" or "-M" is shown in evaluation, it means AI have found a forced win or loss, and the number after that is the max step to end the game.
32 |
33 | + What is the difference of analysis mode besides infinite time?
34 |
35 | In analysis mode, AI does not stop thinking when found a force win or loss, because continuing the thinking is more likely to find a better solution with less steps.
36 |
37 | + How to let AI analyze the N best lines?
38 |
39 | Set the "**Multi PV**" option to N, the AI will give the N best principal variations after thinking. Note: When you do not need this feature, leave it at 1 for best performance.
40 |
41 | + How to reduce the difficulty of AI / increase the diversity of AI moves?
42 |
43 | The "**Handicap**" option can increase the randomness of the AI's moves and significantly reduce the AI's strength. Greater value implies more reduction of strength (0 means no limitation of strength, 100 means maximum limitation of strength). In addition, reducing calculation time/nodes will also reduce the AI's strength, but it will not increase the randomness of AI's move.
44 |
45 | + What is a **balanced move**? What is the use of calculating a balanced move?
46 |
47 | The one-step/two-step **balanced moves** can make the position evaluation tend to zero. After completing the one/two moves, black and white players will get a (approximately) balanced opening. The estimated value obtained by search represents the evaluation of the balanced move, and the closer the value is to 0, the more balanced is the position. Similar to normal calculations, the credibility of the value increases as the search depth increases. Balanced move calculation is very useful under some rules (such as SWAP2).
48 |
49 | + How should I set the **number of threads**? What is the use of **pondering**?
50 |
51 | Multi-threading allows AI to use multiple CPU cores for calculations, which can significantly improve search speed and thinking skills. If you want to use all the computing power to get the best playing strength, it is recommended to set "**Thread Num**" to the maximum. If you turn on **Pondering**, AI will use the opponent's time to think.
52 |
53 | Note: If you do not see this option, your browser does not support multi-threaded computing. Currently, only some browsers support multi-threading. You can check browsers support in [here](https://caniuse.com/sharedarraybuffer).
54 |
55 | + What is "engine model"? Which engine model should I choose?
56 |
57 | Engine model provides information such as evaluation used by AI when thinking, and will have a certain impact on the playing strength and playing style of the AI. In general, the "latest" model has the best strength per unit time, thus it is recommended to use the "latest" model.
58 |
59 | + How should I set the "**Hash Table Size**"?
60 |
61 | If you need to analyze for a long time, or use multiple threads, you will need a larger hash table. For fast calculations, use the default hash table size.
62 |
63 | + My screen is small, how to avoid clicking the wrong position?
64 |
65 | Select the click manner to "**Secondary Confirmation**" or "**Slide to Move**". "Secondary Confirmation" needs you to click twice to confirm a move, while "Slide to Move" makes move according to the selection box when pressed.
66 |
67 | + How to get/set position code?
68 |
69 | The "current pos" field in "game" page“ is the current position code, which you can copy or modify freely.
70 |
71 | + How to share a position to others?
72 |
73 | You can click "Shot" button in the button bar to get a picture of current position, then you can long press to save the pic. Besides, you can just copy the link in browser, and open it on other places to get the position.
74 |
75 | + How can I save a position?
76 |
77 | Currently, it needs you to save the position code or link manually.
78 |
79 | + How to preview bestline calcuated by AI?
80 |
81 | Hover on one bestline move to preview bestlines calcuated by AI currently. On desktop client you can set current position to bestline by double-clicking bestline move.
82 |
83 | + Can keyboard shortcuts be used?
84 |
85 | You can use the left/right arrow keys on the keyboard to move backward/forward through the board states, the HOME/END keys to jump to the start/end of the board states, the spacebar to start or stop calculations, and the "b/B" key to calculate one/two equilibrium points.
86 |
87 | + I found a bug? I want to make a suggestion?
88 |
89 | Welcome to submit an issue [here](https://github.com/gomocalc/gomocalc.github.io/issues) to feedback the bug or suggestion.
90 |
91 |
92 |
93 | ### Update Record
94 |
95 | + 0.30
96 | + engine update，add mix9lite model
97 | + more language support
98 | + add some keyboard shortcuts
99 | + 0.26
100 | + fix performance issue for multi-threading
101 | + engine weight update
102 | + 0.25
103 | + add option for adjusting candidate range
104 | + add winrate display
105 | + 0.24
106 | + fix bug on move generation
107 | + update engine weights
108 | + 0.23
109 | + add option for strength handicap and pondering
110 | + 0.22
111 | + engine update, support for multi-threading
112 | + support for balanced move calculation
113 | + 0.21
114 | + fix wrong forbidden point judgement
115 | + 0.20
116 | + update engine to Rapfi2021, new support for Standard and Renju rule
117 | + 0.17
118 | + add option for transposition table size
119 | + 0.16
120 | + optimize landscape layout
121 | + bestline preview
122 | + 0.15
123 | + board color is changeable now
124 | + support for exporting high-res JPEG and GIF
125 | + realtime evaluation display of multi-PV analysis
126 | + 0.14
127 | + add display for multi pv mode
128 | + settings can be automatically saved now
129 | + 0.13
130 | + fix position error after going backward when AI is thinking
131 | + fix display of pv line field
132 |
133 |
134 |
135 | ### About the App
136 |
137 | App websites: [Main Site](https://gomocalc.com)
138 |
139 | This is an open-source application. Source code is available at: [Github](https://github.com/dhbloo/gomoku-calculator)
140 |
141 | Join our user community groups: [QQ Group](https://qm.qq.com/q/xj9OHByFTG), [Discord](https://discord.gg/7kEpFCGdb5)
142 |
--------------------------------------------------------------------------------
/src/views/About-zh-CN.md:
--------------------------------------------------------------------------------
1 | ## 五子棋计算器 V0.30
2 |
3 | ### FAQ
4 |
5 | + 这个应用可以干什么？
6 |
7 | 可以用来摆谱、借助AI分析五子棋局面，或是与AI对弈。
8 |
9 | + 手机端已经有许多五子棋软件了，该应用有什么不同之处吗？
10 |
11 | 大部分的移动端五子棋软件只能进行娱乐性的对弈，不能给出比较完整的分析功能，而少数带分析功能的软件支持的平台有限。由于该应用本质上是一个网页，因此可以在绝大部分安装了浏览器的设备上运行，使用更加方便。
12 |
13 | + 在手机浏览器里使用时总是显示地址栏，有什么方法全屏显示吗？
14 |
15 | 对于IOS端Safari浏览器和安卓端Chrome浏览器，推荐在浏览器中选择**“添加到主屏幕”**以获得类似原生应用的使用体验。
16 |
17 | + 使用了什么五子棋AI？
18 |
19 | 该应用采用了参加2021年Gomocup五子棋AI比赛的Rapfi引擎。借助Web Assembly技术，Rapfi能在网页端取得与原生应用相差不大的性能，并且思考时不需要与服务器通信。
20 |
21 | + 目前支持哪些规则？
22 |
23 | 目前支持的规则包括“无禁手”、“无禁手长连不胜”、“自由连珠”、“无禁手一手交换”。
24 |
25 | + 如何设置成对弈模式？
26 |
27 | 在设置中将“**AI执黑**”或“**AI执白**”选中，之后在轮到AI下棋时点击棋盘的任意位置便可以进入对弈模式。
28 |
29 | + 估值中的“+M”与“-M”是什么意思？
30 |
31 | 如果估值中出现了“+M”或“-M”，说明AI发现了必胜/必败，后面附加的数字为达成连五的最大步数。
32 |
33 | + 分析模式除了时间无限外还有什么不同点？
34 |
35 | 分析模式下，即使发现必胜/必败也不会停止思考，这样更可能发现步数最优的着法。
36 |
37 | + 如何让AI计算同时计算最优的n个点的分数和路线？
38 |
39 | 将设置中的“**多点分析**”设为需要的n值，AI思考后，会输出相应的最优n个点的分数与路线记录。注：多点分析模式下，AI由于需要计算更多的点，思考速度变慢，综合棋力会有所下降，建议只在必要时开启该功能。
40 |
41 | + 如何降低AI的难度/增加AI着法的多样性？
42 |
43 | “**限制棋力**”选项可以使得AI在着法上增加随机性，且显著降低AI的棋力。值越大棋力限制约显著（0为不限制棋力，100为最大程度限制棋力）。此外，减少计算时间/计算节点数也会使AI的棋力降低，不过并不会增加着法随机性。
44 |
45 | + 什么是**平衡点**？计算平衡点有什么用？
46 |
47 | 一步/两步**平衡点**指能够使局面估值趋于0的某一步/两步棋。在完成该一步/两步棋之后，黑白双方会得到一个（近似）平衡开局。此时搜索得到的估值表示平衡点的分数，分数越接近0表示越平衡。与正常计算类似，分数的可信度随着搜索深度的增加而增加。平衡点计算在一些规则（如SWAP2）下十分有用。
48 |
49 | + 我应该怎样设定**线程数**？**后台思考**有什么用？
50 |
51 | 多线程能够让AI使用多个CPU核心进行计算，能够显著提升搜索速度与思考棋力。若想要利用所有算力获得最佳的棋力，建议将**线程数**设定为最大值。若开启**后台思考**，AI会利用对手的时间进行思考。
52 |
53 | 注：如果你没有看见此选项，说明你的浏览器不支持多线程计算。目前仅有部分浏览器支持多线程，可以在[这里](https://caniuse.com/sharedarraybuffer)查询支持多线程的浏览器列表。
54 |
55 | + 引擎权重是什么？我应该选择什么引擎权重？
56 |
57 | 引擎权重提供了AI在思考时所采用的估值等信息，会对引擎的棋力与下棋风格具有一定影响。一般情况下，"最新"权重具有最佳的单位时间棋力，建议使用“最新”权重即可。
58 |
59 | + 我应该如何设定**置换表大小**？
60 |
61 | 若需要长时间分析，或是使用多线程，就需要更大的置换表。对于快速计算，采用默认的置换表大小即可。
62 |
63 | + 屏幕太小落子容易误触怎么办？
64 |
65 | 在设置中将落子方式设置为“**二次确认**”或“**滑动落子**”。“二次确认”落子方式需要在第一次点击位置附近再点击第二次；“滑动落子”根据按下时出现的选择框确定落子位置。
66 |
67 | + 如何导出/设置棋谱代码？
68 |
69 | “游戏”页面中的"局面代码"即为当前的棋谱代码，可以任意复制或者修改。
70 |
71 | + 怎么给其他人分享局面？
72 |
73 | 可以通过按钮栏中的“**截图**”按钮截取当前局面图片，再长按保存到移动设备或右键另存到电脑中。另外，如果是在浏览器中打开的页面，可以直接复制浏览器中带局面代码的链接，这样便可以通过链接直接打开相应局面。
74 |
75 | + 可以保存局面吗？
76 |
77 | 目前若要保存局面，需要手动保存复制的局面代码或是保存带有局面代码的网址。
78 |
79 | + 预览AI计算的最优路线?
80 |
81 | 悬停在AI输出的某个最优路线的着法上即可预览AI当前计算到的最优路线，在桌面端上双击某个最优路线着法可以将局面直接设置到该路线上。
82 |
83 | + 可以用键盘按键操作吗？
84 |
85 | 可以使用键盘上的左/右方向键进行局面的回退/前进，HOME/END键回到局面的起始/末尾，空格键进行计算或停止计算，b/B键计算一步/两步平衡点。
86 |
87 | + 我发现了bug？我想提出建议？
88 |
89 | 欢迎[在此](https://github.com/gomocalc/gomocalc.github.io/issues)提交issue反馈相应的bug或建议。
90 |
91 |
92 |
93 | ### 更新记录
94 |
95 | + 0.30
96 | + 引擎更新，加入mix9lite权重
97 | + 更多语言支持
98 | + 新增键盘按键操作
99 | + 0.26
100 | + 修复多线程下的速度问题
101 | + 权重更新
102 | + 0.25
103 | + 支持选点范围调节
104 | + 加入胜率显示
105 | + 0.24
106 | + 修复着法生成的bug
107 | + 更新引擎权重
108 | + 0.23
109 | + 加入棋力限制、后台思考功能
110 | + 0.22
111 | + 更新引擎，加入多线程支持
112 | + 加入计算平衡点的功能
113 | + 0.21
114 | + 修复禁手判断的bug
115 | + 0.20
116 | + 更新至Rapfi2021引擎，新增支持长连不胜与连珠规则
117 | + 0.17
118 | + 加入置换表大小选项
119 | + 0.16
120 | + 优化在宽屏下的布局
121 | + 加入路线预览
122 | + 0.15
123 | + 棋盘颜色可以修改了
124 | + 支持导出高清图片与GIF
125 | + 多线分析实时分数显示
126 | + 0.14
127 | + 加入了多点分析输出的显示
128 | + 设置现在能自动保存了
129 | + 0.13
130 | + 修复了AI思考时回退产生的局面错误
131 | + 修复了路线栏显示不全的问题
132 |
133 |
134 |
135 | ### 关于应用
136 |
137 | 应用地址：[主站](https://gomocalc.com)
138 |
139 | 本界面为开源应用，源代码地址：[Github](https://github.com/dhbloo/gomoku-calculator)
140 |
141 | 欢迎加入使用交流群组：[QQ群](https://qm.qq.com/q/xj9OHByFTG), [Discord](https://discord.gg/7kEpFCGdb5)
142 |
--------------------------------------------------------------------------------
/src/views/Home.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
3 | 
4 |
6 |
7 |
8 |
19 |
--------------------------------------------------------------------------------
/src/views/Settings.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
3 |
4 |
6 |
7 |
8 | {{ $t('setting.thinking.timeTitle') }}
9 |
21 |
22 |
23 | {{ $t('setting.board.title') }}
24 |
30 |
31 |
32 | {{ $t('setting.thinking.thinkTitle') }}
33 |
46 |
47 |
48 | {{ $t('setting.board.showTitle') }}
49 |
61 |
62 |
63 | {{ $t('setting.board.colorTitle') }}
64 |
65 |
66 | |
67 |
68 |
69 | |
70 |
71 |
72 | |
73 |
74 |
75 | |
76 |
77 |
78 | |
79 |
80 |
81 | |
82 |
83 |
84 |
85 | {{ $t('setting.browser.capability') }}
86 |
87 |
88 |
89 | {{ $t('setting.browser.relaxedSimd') }}
90 | |
91 |
92 |
93 |
94 | |
95 |
96 | {{ maxThreads }}
97 | |
98 |
99 |
100 |
101 | {{ $t('setting.reset') }}
102 |
103 |
104 |
105 |
106 |
497 |
498 |
508 |
--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | configureWebpack: (config) => {
3 | require('vux-loader').merge(config, {
4 | options: {},
5 | plugins: [
6 | 'vux-ui',
7 | {
8 | name: 'duplicate-style',
9 | options: {
10 | assetNameRegExp: /^(?!css\/font-awesome\.min\.css$).*\.css$/g,
11 | },
12 | },
13 | {
14 | name: 'less-theme',
15 | path: 'src/theme.less',
16 | },
17 | ],
18 | })
19 | },
20 |
21 | chainWebpack: (config) => {
22 | // set worker-loader
23 | config.module
24 | .rule('worker')
25 | .test(/\.worker\.js$/)
26 | .use('worker-loader')
27 | .loader('worker-loader')
28 | .end()
29 |
30 | // 解决：worker 热更新问题
31 | config.module.rule('js').exclude.add(/\.worker\.js$/)
32 | },
33 |
34 | devServer: {
35 | https: false,
36 | headers: {
37 | 'Cross-Origin-Embedder-Policy': 'require-corp',
38 | 'Cross-Origin-Opener-Policy': 'same-origin',
39 | 'Cross-Origin-Resource-Policy': 'same-site',
40 | },
41 | },
42 |
43 | pluginOptions: {
44 | i18n: {
45 | localeDir: 'locales',
46 | enableInSFC: false,
47 | },
48 | },
49 |
50 | publicPath: process.env.NODE_ENV === 'production' ? '/' : '/',
51 |
52 | pwa: {
53 | name: 'Gomoku Calculator',
54 | themeColor: '#2E86C1',
55 | msTileColor: '#2E86C1',
56 | appleMobileWebAppCapable: 'yes',
57 | appleMobileWebAppStatusBarStyle: 'default',
58 | manifestOptions: {
59 | short_name: 'Gomocalc',
60 | icons: [
61 | {
62 | src: './icon.png',
63 | sizes: '192x192',
64 | type: 'image/png',
65 | },
66 | {
67 | src: './favicon.png',
68 | sizes: '32x32',
69 | type: 'image/png',
70 | },
71 | ],
72 | },
73 | iconPaths: {
74 | favicon32: 'favicon.png',
75 | favicon16: 'favicon.png',
76 | appleTouchIcon: 'icon.png',
77 | msTileImage: 'icon.png',
78 | maskIcon: null,
79 | },
80 |
81 | // configure the workbox plugin
82 | workboxPluginMode: 'GenerateSW',
83 | workboxOptions: {
84 | importWorkboxFrom: 'local',
85 | skipWaiting: true,
86 | clientsClaim: false,
87 | offlineGoogleAnalytics: true,
88 | cleanupOutdatedCaches: true,
89 | },
90 | },
91 | }
92 |
--------------------------------------------------------------------------------
11 |
20 |