Widget:Caveripper: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 1: Line 1:
<noinclude>This widget allows you to embed the [https://github.com/mayabyte/caveripper Caveripper] tool. Accepted parameters: '''width''', '''height'''.</noinclude><includeonly><div><script src="https://mayabyte.github.io/caveripper/bootstrap.js"></script>
<noinclude>This widget allows you to embed the [https://github.com/mayabyte/caveripper Caveripper] tool. Accepted parameters: '''width''', '''height'''.</noinclude><includeonly><div><script src="https://mayabyte.github.io/caveripper/bootstrap.js"></script>
<button id="new-layout-button" class="mw-ui-button" style="margin-bottom:2px">New layout</button>
<button id="cr-generate" class="mw-ui-button" style="margin-bottom:2px">Generate</button>
<input id="sublevel-input" class="mw-ui-input" type="text" style="height:18px;vertical-align:middle;border:1px solid #999;padding:6px;margin-bottom:2px" placeholder="sublevel..."/>
<select id="cr-sublevel" style="height:32px;margin-bottom:2px">
<input id="seed-input" class="mw-ui-input" type="text" style="height:18px;vertical-align:middle;border:1px solid #999;padding:6px;margin-bottom:2px" placeholder="seed... (leave empty for random)" size="27"/>
<option value="null">Select a sublevel...</option>
<div id="caveripper-wrapper" style="width:<!--{$height|escape:'html'|default:'100%'}-->;height:<!--{$height|escape:'html'|default:'83vh'}-->;display:flex;align-items:center;justify-content:center;background:#0f0f0f;border:1px solid #999;margin-top:2px"><canvas id="canvas" style="max-width:100%;max-height:100%;border:1px solid transparent;box-sizing:border-box"></div>
<option value="ec1">Emergence Cave 1</option>
<option value="ec1">Emergence Cave 1</option>
<option value="ec2">Emergence Cave 2</option>
<option value="hob1">Hole of Beasts 1</option>
<option value="hob2">Hole of Beasts 2</option>
<option value="hob3">Hole of Beasts 3</option>
<option value="hob4">Hole of Beasts 4</option>
<option value="hob5">Hole of Beasts 5</option>
<option value="scx1">Subterranean Complex 1</option>
<option value="scx2">Subterranean Complex 2</option>
<option value="scx3">Subterranean Complex 3</option>
<option value="scx4">Subterranean Complex 4</option>
<option value="scx5">Subterranean Complex 5</option>
<option value="scx6">Subterranean Complex 6</option>
<option value="scx7">Subterranean Complex 7</option>
<option value="scx8">Subterranean Complex 8</option>
<option value="scx9">Subterranean Complex 9</option>
<option value="fc1">Frontier Cavern 1</option>
<option value="fc2">Frontier Cavern 2</option>
<option value="fc3">Frontier Cavern 3</option>
<option value="fc4">Frontier Cavern 4</option>
<option value="fc5">Frontier Cavern 5</option>
<option value="fc6">Frontier Cavern 6</option>
<option value="fc7">Frontier Cavern 7</option>
<option value="fc8">Frontier Cavern 8</option>
<option value="wfg1">White Flower Garden 1</option>
<option value="wfg2">White Flower Garden 2</option>
<option value="wfg3">White Flower Garden 3</option>
<option value="wfg4">White Flower Garden 4</option>
<option value="wfg5">White Flower Garden 5</option>
<option value="sh1">Snagret Hole 1</option>
<option value="sh2">Snagret Hole 2</option>
<option value="sh3">Snagret Hole 3</option>
<option value="sh4">Snagret Hole 4</option>
<option value="sh5">Snagret Hole 5</option>
<option value="sh6">Snagret Hole 6</option>
<option value="sh7">Snagret Hole 7</option>
<option value="bk1">Bulblax Kingdom 1</option>
<option value="bk2">Bulblax Kingdom 2</option>
<option value="bk3">Bulblax Kingdom 3</option>
<option value="bk4">Bulblax Kingdom 4</option>
<option value="bk5">Bulblax Kingdom 5</option>
<option value="bk6">Bulblax Kingdom 6</option>
<option value="bk7">Bulblax Kingdom 7</option>
<option value="bk1">Bulblax Kingdom 1</option>
<option value="cos1">Citadel of Spiders 1</option>
<option value="cos2">Citadel of Spiders 2</option>
<option value="cos3">Citadel of Spiders 3</option>
<option value="cos4">Citadel of Spiders 4</option>
<option value="cos5">Citadel of Spiders 5</option>
<option value="gk1">Glutton's Kitchen 1</option>
<option value="gk2">Glutton's Kitchen 2</option>
<option value="gk3">Glutton's Kitchen 3</option>
<option value="gk4">Glutton's Kitchen 4</option>
<option value="gk5">Glutton's Kitchen 5</option>
<option value="gk6">Glutton's Kitchen 6</option>
<option value="smc1">Submerged Castle 1</option>
<option value="smc2">Submerged Castle 2</option>
<option value="smc3">Submerged Castle 3</option>
<option value="smc4">Submerged Castle 4</option>
<option value="smc5">Submerged Castle 5</option>
<option value="sr1">Shower Room 1</option>
<option value="sr2">Shower Room 2</option>
<option value="sr3">Shower Room 3</option>
<option value="sr4">Shower Room 4</option>
<option value="sr5">Shower Room 5</option>
<option value="sr6">Shower Room 6</option>
<option value="sr7">Shower Room 7</option>
<option value="coc1">Cavern of Chaos 1</option>
<option value="coc2">Cavern of Chaos 2</option>
<option value="coc3">Cavern of Chaos 3</option>
<option value="coc4">Cavern of Chaos 4</option>
<option value="coc5">Cavern of Chaos 5</option>
<option value="coc6">Cavern of Chaos 6</option>
<option value="coc7">Cavern of Chaos 7</option>
<option value="coc8">Cavern of Chaos 8</option>
<option value="coc9">Cavern of Chaos 9</option>
<option value="coc10">Cavern of Chaos 10</option>
<option value="hoh1">Hole of Heroes 1</option>
<option value="hoh2">Hole of Heroes 2</option>
<option value="hoh3">Hole of Heroes 3</option>
<option value="hoh4">Hole of Heroes 4</option>
<option value="hoh5">Hole of Heroes 5</option>
<option value="hoh6">Hole of Heroes 6</option>
<option value="hoh7">Hole of Heroes 7</option>
<option value="hoh8">Hole of Heroes 8</option>
<option value="hoh9">Hole of Heroes 9</option>
<option value="hoh10">Hole of Heroes 10</option>
<option value="hoh11">Hole of Heroes 11</option>
<option value="hoh12">Hole of Heroes 12</option>
<option value="hoh13">Hole of Heroes 13</option>
<option value="hoh14">Hole of Heroes 14</option>
<option value="hoh15">Hole of Heroes 15</option>
<option value="dd1">Dream Den 1</option>
<option value="dd2">Dream Den 2</option>
<option value="dd3">Dream Den 3</option>
<option value="dd4">Dream Den 4</option>
<option value="dd5">Dream Den 5</option>
<option value="dd6">Dream Den 6</option>
<option value="dd7">Dream Den 7</option>
<option value="dd8">Dream Den 8</option>
<option value="dd9">Dream Den 9</option>
<option value="dd10">Dream Den 10</option>
<option value="dd11">Dream Den 11</option>
<option value="dd12">Dream Den 12</option>
<option value="dd13">Dream Den 13</option>
<option value="dd14">Dream Den 14</option>
</select>
<input id="cr-query" class="mw-ui-input" style="display:none;height:18px;vertical-align:middle;border:1px solid #999;padding:6px;margin-bottom:2px" placeholder="sublevel..."/>
<input id="cr-seed" class="mw-ui-input" style="height:18px;vertical-align:middle;border:1px solid #999;padding:6px;margin-bottom:2px" placeholder="seed... (leave empty for random)" size="27"/>
<span id="cr-current-seed"></span>
<div id="caveripper-wrapper" style="width:<!--{$height|escape:'html'|default:'100%'}-->;height:<!--{$height|escape:'html'|default:'83vh'}-->;display:flex;align-items:center;justify-content:center;background:#0f0f0f;border:1px solid #999;margin-top:2px"><canvas id="cr-canvas" style="max-width:100%;max-height:100%;border:1px solid transparent;box-sizing:border-box"></div>
<script>
<script>
var urlParams = new URLSearchParams(location.search);
var urlParams = new URLSearchParams(location.search);
document.getElementById('sublevel-input').value = urlParams.get('sublevel');
document.getElementById('cr-sublevel').value = urlParams.get('sublevel');
document.getElementById('seed-input').value = urlParams.get('seed');
document.getElementById('cr-seed').value = urlParams.get('seed');
</script></div></includeonly>
</script></div></includeonly>

Revision as of 10:59, April 6, 2024

This widget allows you to embed the Caveripper tool. Accepted parameters: width, height.