用户:RedDragon/Test2：修订间差异

曲目
曲目
限制
难度	a
流速	b
MOD	c
其他	d

以互动方式浏览历史

←上一编辑

可视化wikitext

2025年10月23日 (四) 01:34的最新版本

神秘的随机挑战！

Ver.1.6

{{Infobox
|name = 随机挑战
|title = 曲目
|titlestyle = background:#ccc
|image = [[File:插画图标.png|100px]]
|headerstyle = background:#ccf
|labelstyle = background:#ddf

|header1 = 限制
|label2 = 难度
|data2 = a
|label3 = 流速
|data3 = b
|label4 = MOD
|data4 = c
|label5 = 其他
|data5 = d

|belowstyle = background:#ddf;
|below = e

}}

User:RedDragon/Test User:RedDragon/Test1 User:RedDragon/Test2

@@ 第8行： / 第8行： @@
              <td colspan="2" style="text-align:center;">
                  <img id="song-image"
-                     src="/images/thumb/4/41/%E6%8F%92%E7%94%BB%E5%9B%BE%E6%A0%87.png/200px-%E6%8F%92%E7%94%BB%E5%9B%BE%E6%A0%87.png"
+                     src="/images/thumb/4/41/%E6%8F%92%E7%94%BB%E5%9B%BE%E6%A0%87.png/300px-%E6%8F%92%E7%94%BB%E5%9B%BE%E6%A0%87.png"
-                     width="200" height="200">
+                     width="300" height="300">
              </td>
          </tr>
@@ 第30行： / 第30行： @@
              <th scope="row" class="infobox-label" style="width:90px;background:#ddf;">其他</th>
              <td class="infobox-data" id="other-data">d</td>
+        </tr>
+        <tr class="infobox-below" style="display:none;">
+            <td colspan="2" style="padding:0.5em;text-align:center;">e</td>
          </tr>
      </tbody>
 </table>
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        initRandomChallenge()
+    })
+    function regenerateChallenge() {
+        initRandomChallenge()
+    }
-<script>
+     function useMockData() {
-     mw.loader.using('mediawiki.api').then(function () {
+         updateSongInfo({
-         $(document).ready(function () {
+            title: "Pastel Lines",
-            var apiUrl = mw.config.get('wgScriptPath') + '/api.php'
+            ez: "1",
+            hd: "6",
+            in: "11"
+        }, {
+            titleStyle: '#94E1FF',
+            headerStyle: '#A3E5FF',
+            labelStyle: '#B2E9FE'
+        })
+    }
+    function initRandomChallenge() {
+        var encodedUrl = 'https://rizwiki.cn/api.php?action=query%26titles=曲目列表%26prop=revisions%26rvprop=content%26format=json'
+        var decodedUrl = decodeURIComponent(encodedUrl)
-             $.ajax({
+        fetch(decodedUrl)
-                url: apiUrl,
+             .then(function (r) { return r.json() })
-                 data: {
+            .then(function (data) {
-                     action: 'parse',
+                 if (data.query) {
-                    page: '曲目列表',
+                     if (data.query.pages) {
-                    prop: 'text',
+                        var pages = data.query.pages
-                    format: 'json'
+                        var pageId = Object.keys(pages)[0]
-                },
+                        var wikitext = pages[pageId].revisions[0]['*']
-                success: function (data) {
+                        var songs = parseSongsFromWikitext(wikitext)
-                    var content = data.parse.text['*']
-                    var $content = $('<div>').html(content)
-                    var songs = []
-                    $content.find('.wikitable tr').each(function (index) {
+                         if (songs.length > 0) {
-                         if (index === 0) return
+                             loadSongColors(songs[Math.floor(Math.random() * songs.length)])
-                        var $cells = $(this).find('td, th')
+                        } else {
-                        if ($cells.length >= 7) {
+                             useMockData()
-                             var song = {
-                                image: extractImageUrl($cells.eq(0)),
-                                title: $cells.eq(1).text().trim(),
-                                ez: $cells.eq(4).text().trim(),
-                                hd: $cells.eq(5).text().trim(),
-                                in: $cells.eq(6).text().trim()
-                            }
-                             if (song.title) songs.push(song)
                          }
-                     })
+                     } else {
+                         useMockData()
-                    if (songs.length > 0) {
-                         var randomSong = songs[Math.floor(Math.random() * songs.length)]
-                        loadSongDetails(randomSong)
                      }
-                 },
+                 } else {
-                error: function (xhr, status, error) {
-                    console.error('获取曲目列表失败:', error)
                      useMockData()
                  }
              })
+            .catch(function (e) {
+                console.error('获取曲目列表失败:', e)
+                useMockData()
+            })
+    }
+    function parseSongsFromWikitext(wikitext) {
+        const songs = []
+        const rows = wikitext.split('|-')
+        for (const row of rows.slice(1)) {
+            const columns = row.split('\n').filter(function (col) { return col.trim().startsWith('|') })
+            if (columns.length >= 7) {
+                const imageMatch = columns[0].match(/\[\[文件:([^|\]]+)/)
+                const titleMatch = columns[1].match(/\[\[([^|\]]+)/)
+                if (imageMatch) {
+                    if (titleMatch) {
+                        const song = {
+                            image: imageMatch[1].trim(),
+                            title: titleMatch[1].trim(),
+                            author: columns[2].replace(/^\|/, '').trim(),
+                            duration: columns[3].replace(/^\|/, '').trim(),
+                        }
+                        if (song.title === "BRAVE: ROAD") {
+                            song.ez = ""
+                            song.hd = columns[4].replace(/^\|/, '').trim()
+                            song.in = columns[5].replace(/^\|/, '').trim()
+                            song.at = columns[6].replace(/^\|/, '').trim()
+                        } else {
+                            song.ez = columns[4].replace(/^\|/, '').trim()
+                            song.hd = columns[5].replace(/^\|/, '').trim()
+                            song.in = columns[6].replace(/^\|/, '').trim()
+                        }
-            function extractImageUrl($cell) {
+                        if (song.title) {
-                var $img = $cell.find('img')
+                            if (song.title !== '') {
-                if ($img.length > 0) return $img.attr('src') || $img.attr('data-src')
+                                if (song.title !== '?') {
-                 return $cell.text().trim()
+                                    songs.push(song)
+                                }
+                            }
+                        }
+                    }
+                 }
              }
+        }
-            function loadSongDetails(song) {
+        return songs
-                updateSongInfo(song)
+    }
-                $.ajax({
+    function loadSongColors(song) {
-                    url: mw.config.get('wgScriptPath') + '/api.php',
+        const encodedUrl = `https://rizwiki.cn/api.php?action=query%26titles=${encodeURIComponent(song.title)}%26prop=revisions%7Cpageimages%26rvprop=content%26pithumbsize=300%26format=json`
-                    data: {
+        const decodedUrl = decodeURIComponent(encodedUrl)
-                        action: 'parse',
-                        page: song.title,
+        fetch(decodedUrl)
-                        prop: 'text',
+            .then(function (r) { return r.json() })
-                        format: 'json'
+            .then(function (data) {
-                    },
+                const pages = data.query.pages
-                    success: function (data) {
+                const pageId = Object.keys(pages)[0]
-                        var content = data.parse.text['*']
+                const pageData = pages[pageId]
-                        var $content = $('<div>').html(content)
-                        updateStyles({
+                if (!pageData.revisions) {
-                            titleStyle: getBackgroundColor($content.find('.infobox-title')) || '#94E1FF',
+                    throw new Error('页面不存在')
-                            headerStyle: getBackgroundColor($content.find('.infobox-header')) || '#A3E5FF',
+                }
-                            labelStyle: getBackgroundColor($content.find('.infobox-label')) || '#B2E9FE'
-                        })
+                const wikitext = pageData.revisions[0]['*']
-                    },
+                const styles = parseStylesFromWikitext(wikitext)
-                    error: function () {
-                        updateStyles({
+                let imageUrl = null
-                            titleStyle: '#94E1FF',
+                if (pageData.thumbnail) {
-                            headerStyle: '#A3E5FF',
+                    if (pageData.thumbnail.source) {
-                            labelStyle: '#B2E9FE'
+                         imageUrl = pageData.thumbnail.source
-                         })
                      }
+                }
+                updateSongInfo(song, {
+                    titleBg: styles.titleBg || '#94E1FF',
+                    titleColor: styles.titleColor || '#000000',
+                    headerBg: styles.headerBg || '#A3E5FF',
+                    headerColor: styles.headerColor || '#000000',
+                    labelBg: styles.labelBg || '#B2E9FE',
+                    labelColor: styles.labelColor || '#000000',
+                    imageUrl: imageUrl,
+                    pageUrl: `https://rizwiki.cn/wiki/${encodeURIComponent(song.title)}`
                  })
+            })
+            .catch(function (e) {
+                console.error('获取曲目颜色失败:', e)
+                updateSongInfo(song, {
+                    titleBg: '#94E1FF',
+                    titleColor: '#000000',
+                    headerBg: '#A3E5FF',
+                    headerColor: '#000000',
+                    labelBg: '#B2E9FE',
+                    labelColor: '#000000',
+                    imageUrl: null,
+                    pageUrl: `https://rizwiki.cn/wiki/${encodeURIComponent(song.title)}`
+                })
+            })
+    }
+    function parseStylesFromWikitext(wikitext) {
+        var styles = {}
+        var color1Match = wikitext.match(/\|color1\s*=\s*([^\n}]+)/)
+        var color3Match = wikitext.match(/\|color3\s*=\s*([^\n}]+)/)
+        var color4Match = wikitext.match(/\|color4\s*=\s*([^\n}]+)/)
+        var textcolor1Match = wikitext.match(/\|textcolor1\s*=\s*([^\n}]+)/)
+        var textcolor3Match = wikitext.match(/\|textcolor3\s*=\s*([^\n}]+)/)
+        var textcolor4Match = wikitext.match(/\|textcolor4\s*=\s*([^\n}]+)/)
+        if (color1Match) styles.titleBg = color1Match[1].trim()
+        if (color3Match) styles.headerBg = color3Match[1].trim()
+        if (color4Match) styles.labelBg = color4Match[1].trim()
+        if (textcolor1Match) styles.titleColor = textcolor1Match[1].trim()
+        if (textcolor3Match) styles.headerColor = textcolor3Match[1].trim()
+        if (textcolor4Match) styles.labelColor = textcolor4Match[1].trim()
+        return styles
+    }
+    function updateSongInfo(song, data) {
+        var titleElement = document.querySelector('.infobox-title th')
+        var headerElement = document.querySelector('.infobox-header th')
+        var labelElements = document.querySelectorAll('.infobox-label')
+        var belowElement = document.querySelector('.infobox-below')
+        titleElement.textContent = song.title
+        titleElement.style.background = data.titleBg || '#94E1FF'
+        titleElement.style.color = data.titleColor || '#000000'
+        headerElement.style.background = data.headerBg || '#A3E5FF'
+        headerElement.style.color = data.headerColor || '#000000'
+        for (var i = 0; i < labelElements.length; i++) {
+            labelElements[i].style.background = data.labelBg || '#B2E9FE'
+            labelElements[i].style.color = data.labelColor || '#000000'
+        }
+        belowElement.style.background = data.labelBg || '#B2E9FE'
+        belowElement.style.color = data.labelColor || '#000000'
+        // 更新图片
+        var container = document.querySelector('.infobox td[colspan="2"]')
+        container.innerHTML = `<a href="${data.pageUrl}" target="_blank"><img id="song-image" width="300" height="300" src="${data.imageUrl || '/images/thumb/4/41/插画图标.png/300px-插画图标.png'}"></a>`
+        var availableDifficulties = []
+        if (song.ez) availableDifficulties.push({ type: "EZ", value: song.ez })
+        if (song.hd) availableDifficulties.push({ type: "HD", value: song.hd })
+        if (song.in) availableDifficulties.push({ type: "IN", value: song.in })
+        if (song.at) availableDifficulties.push({ type: "AT", value: song.at })
+        window.difficultyArray = availableDifficulties.map(function (diff) {
+            return createDiffSpan(diff.type, diff.value);
+        });
+        window.difficultyArray.push('<span style="width:max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background:#53D6FF;padding:0 0.80em;margin:0.1em 0.50em">无限制</span>');
+        generateRandomRestrictions()
+    }
+    function createDiffSpan(diff, level) {
+        var colors = {
+            EZ: '#57E4C4', HD: '#FDBA61', IN: '#FE8661', AT: '#4C364B'
+        }
+        return `<span style="width:max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background:${colors[diff]};padding:0 0.80em;margin:0.1em 0.50em">${diff} ${level}</span>`
+    }
+    function generateRandomRestrictions() {
+        // 流速选项
+        var speeds = Array(40).fill("无限制").concat(Array.from({ length: 91 }, function (_, i) { return (i + 10) / 10 }))
+        // 随机流速
+        var selectedSpeed = speeds[Math.floor(Math.random() * speeds.length)]
+        // 随机难度
+        var selectedDifficulty = window.difficultyArray[Math.floor(Math.random() * window.difficultyArray.length)]
+        // 流速难度显示
+        document.getElementById('speed-data').textContent = selectedSpeed
+        document.getElementById('difficulty-data').innerHTML = selectedDifficulty
+        // MOD权重配置
+        var modOptions = [
+            { name: "无MOD", weight: 9 },
+            { name: "无限制", weight: 9 },
+            { name: "观赏模式", weight: 1 },
+            { name: "镜像模式", weight: 4 },
+            { name: "保护模式", weight: 4 },
+            { name: "Bad保护模式", weight: 4 },
+            { name: "特殊计量条", weight: 1, exclude: ["特殊计量条100%", "特殊计量条110%", "特殊计量条120%"] },
+            { name: "特殊计量条100%", weight: 1, exclude: ["特殊计量条", "特殊计量条110%", "特殊计量条120%"] },
+            { name: "特殊计量条110%", weight: 1, exclude: ["特殊计量条", "特殊计量条100%", "特殊计量条120%"] },
+            { name: "特殊计量条120%", weight: 1, exclude: ["特殊计量条", "特殊计量条100%", "特殊计量条110%"] },
+            { name: "隐藏计量条", weight: 4 }
+        ]
+        // 其他限制权重配置
+        var otherOptions = [
+            { name: "无限制", weight: 12 },
+            { name: "静音", weight: 2 },
+            { name: "单手", weight: 2, exclude: ["全拆打法", "全换打法", "禁止出张"] },
+            { name: "手持", weight: 2 },
+            { name: "Bad数比Hit数多", weight: 1 },
+            { name: "Combo低于50", weight: 1 },
+            { name: "全拆打法", weight: 2, exclude: ["单手", "全换打法"] },
+            { name: "全换打法", weight: 2, exclude: ["单手", "全拆打法"] },
+            { name: "禁止出张", weight: 2, exclude: ["单手"] },
+            { name: "反色", weight: 1 }
+        ]
+        // 随机MOD
+        var selectedMods = selectWeightedItemsWithExclude(modOptions, 0.3, ["无MOD", "无限制", "观赏模式"])
+        // 随机其他限制
+        var selectedOthers = selectWeightedItemsWithExclude(otherOptions, 0.8, ["无限制"])
+        updateRestrictionElement('mod-data', selectedMods)
+        updateRestrictionElement('other-data', selectedOthers)
+        updateBelowText(selectedDifficulty, selectedSpeed, selectedMods, selectedOthers)
+    }
+    // 加权随机选择函数，逐个检查冲突
+    // options: 选项数组
+    // singleProbability: 只选择一个项的概率
+    // excludeItem: 选择多个时要排除的项
+    function selectWeightedItemsWithExclude(options, singleProbability, excludeItems) {
+        var selectedItems = []
+        if (Math.random() < singleProbability) {
+            var weightedOptions = []
+            for (var i = 0; i < options.length; i++) {
+                for (var j = 0; j < options[i].weight; j++) {
+                    weightedOptions.push(options[i].name)
+                }
              }
+            selectedItems = [weightedOptions[Math.floor(Math.random() * weightedOptions.length)]]
+        } else {
+            var availableOptions = options.filter(function (opt) {
+                return !excludeItems.includes(opt.name)
+            })
-             function getBackgroundColor($element) {
+             var weightedOptions = []
-                if ($element.length === 0) return null
+            for (var i = 0; i < availableOptions.length; i++) {
-                var bgColor = $element.css('background-color')
+                for (var j = 0; j < availableOptions[i].weight; j++) {
-                if (bgColor) {
+                    weightedOptions.push(availableOptions[i])
-                    if (bgColor.startsWith('rgb')) {
-                        var rgb = bgColor.match(/\d+/g)
-                        if (rgb) {
-                            if (rgb.length === 3) {
-                                return '#' +
-                                    ('0' + parseInt(rgb[0]).toString(16)).slice(-2) +
-                                    ('0' + parseInt(rgb[1]).toString(16)).slice(-2) +
-                                    ('0' + parseInt(rgb[2]).toString(16)).slice(-2)
-                            }
-                        }
-                    }
                  }
-                return bgColor
              }
-             function updateSongInfo(song) {
+             var count = Math.floor(Math.random() * 3) + 2  // 2-4个项
-                 $('.infobox-title th').text(song.title)
+            var maxAttempts = 20
-                if (song.image) $('#song-image').attr('src', song.image)
+            while (maxAttempts > 0) {
+                 if (selectedItems.length < count) {
+                    if (weightedOptions.length > 0) {
+                        maxAttempts--
-                window.difficultyArray = [
+                        var randomIndex = Math.floor(Math.random() * weightedOptions.length)
-                    createDiffSpan("EZ", song.ez),
+                        var candidate = weightedOptions[randomIndex]
-                    createDiffSpan("HD", song.hd),
+                        var canAdd = true
-                    createDiffSpan("IN", song.in),
-                    '<span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:#53D6FF;padding:0 0.80em;margin:0.1em 0.50em;">无限制</span>'
+                        for (var j = 0; j < selectedItems.length; j++) {
-                ]
+                            var selectedItem = selectedItems[j]
+                            if (candidate.exclude) {
+                                if (candidate.exclude.includes(selectedItem)) {
+                                    canAdd = false
+                                    break
+                                }
+                            }
+                            var selectedOption = availableOptions.find(function (opt) { return opt.name === selectedItem })
+                            if (selectedOption) {
+                                if (selectedOption.exclude) {
+                                    if (selectedOption.exclude.includes(candidate.name)) {
+                                        canAdd = false
+                                        break
+                                    }
+                                }
+                            }
+                        }
-                generateRandomRestrictions()
+                        if (canAdd) {
+                            selectedItems.push(candidate.name)
+                            weightedOptions = weightedOptions.filter(function (opt) { return opt.name !== candidate.name })
+                        } else {
+                            weightedOptions.splice(randomIndex, 1)
+                        }
+                    } else {
+                        break
+                    }
+                } else {
+                    break
+                }
              }
+        }
-            function createDiffSpan(diff, level) {
+        for (var i = 0; i < excludeItems.length; i++) {
-                var colors = { EZ: '#57E4C4', HD: '#FDBA61', IN: '#FE8661' }
+            if (selectedItems.includes(excludeItems[i])) {
-                 return '<span style="width: max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background-color:' + colors[diff] + ';padding:0 0.80em;margin:0.1em 0.50em;">' + diff + ' ' + level + '</span>'
+                 selectedItems = [excludeItems[i]]
+                break
              }
+        }
-            function updateStyles(styles) {
+        return selectedItems
-                $('.infobox-title th').css('background', styles.titleStyle)
+    }
-                $('.infobox-header th').css('background', styles.headerStyle)
-                $('.infobox-label').css('background', styles.labelStyle)
-            }
-            function generateRandomRestrictions() {
+    function updateRestrictionElement(elementId, items) {
-                var randomDifficulty = window.difficultyArray[Math.floor(Math.random() * window.difficultyArray.length)]
+        var element = document.getElementById(elementId)
-                $('#difficulty-data').html(randomDifficulty)
+        if (items.length == 1) {
+            element.textContent = items[0]
+        } else {
+            element.innerHTML = '<p>' + items.join('<br>') + '</p>'
+        }
+    }
-                var speedOptions = ["无限制", "无限制", "无限制"].concat(Array.from({ length: 91 }, (_, i) => (i + 10) / 10.0))
+    function updateBelowText(difficulty, speed, mods, others) {
-                $('#speed-data').text(speedOptions[Math.floor(Math.random() * speedOptions.length)])
+        var belowElement = document.querySelector('.infobox-below')
+        var belowText = ""
-                var modOptions = ["无MOD", "MIRROR", "HIDDEN", "FLASH"]
+        if (mods[0] == "观赏模式") {
-                var otherOptions = ["无限制", "仅允许GOOD及以上", "禁止MISS", "连击数≥500"]
+            belowText = "WOW奖励关！"
-                $('#mod-data').text(modOptions[Math.floor(Math.random() * modOptions.length)])
+        } else if (difficulty.includes('EZ')) {
-                 $('#other-data').text(otherOptions[Math.floor(Math.random() * otherOptions.length)])
+            if (speed == "无限制") {
+                 if (mods[0] == "无限制") {
+                    if (others[0] == "无限制") {
+                        belowText = "最简单的一集"
+                    }
+                }
              }
+        } else if (difficulty.includes('无限制')) {
-             function useMockData() {
+             if (speed == "无限制") {
-                 var mockSong = {
+                 if (mods[0] == "无限制") {
-                    title: "Pastel Lines",
+                     if (others[0] == "无限制") {
-                     image: "/images/thumb/4/41/%E6%8F%92%E7%94%BB%E5%9B%BE%E6%A0%87.png/200px-%E6%8F%92%E7%94%BB%E5%9B%BE%E6%A0%87.png",
+                        belowText = "无限制！"
-                    ez: "1",
+                     }
-                    hd: "6",
-                     in: "11"
                  }
-                updateSongInfo(mockSong)
-                updateStyles({
-                    titleStyle: '#94E1FF',
-                    headerStyle: '#A3E5FF',
-                    labelStyle: '#B2E9FE'
-                })
              }
-         })
+         } else if (difficulty.includes('AT')) {
-     })
+            belowText = "这么强？！"
+        }
+        if (belowText) {
+            belowElement.style.display = ""
+            belowElement.querySelector('td').textContent = belowText
+        } else {
+            belowElement.style.display = "none"
+        }
+     }
 </script>
 </html>
 神秘的随机挑战！
+Ver.1.6
+<html>
+<button onclick="regenerateChallenge()"
+    style="padding: 10px 20px; font-size: 16px; background-color: var(--background-color-interactive-subtle); border: var(--border-width-base) solid var(--border-color-base); border-radius: var(--border-radius-large); cursor: pointer; transition-duration: 100ms;"
+    onmouseover="this.style.backgroundColor='var(--background-color-base)'"
+    onmouseout="this.style.backgroundColor='var(--background-color-interactive-subtle)'">
+    新挑战
+</button>
+</html>
+<pre>
+{{Infobox
+|name = 随机挑战
+|title = 曲目
+|titlestyle = background:#ccc
+|image = [[File:插画图标.png|100px]]
+|headerstyle = background:#ccf
+|labelstyle = background:#ddf
+|header1 = 限制
+|label2 = 难度
+|data2 = a
+|label3 = 流速
+|data3 = b
+|label4 = MOD
+|data4 = c
+|label5 = 其他
+|data5 = d
+|belowstyle = background:#ddf;
+|below = e
+}}
+</pre>
 ----
 [[User:RedDragon/Test]]
 [[User:RedDragon/Test1]]
 [[User:RedDragon/Test2]]