-
Notifications
You must be signed in to change notification settings - Fork 1
/
experimental.html
137 lines (124 loc) · 6.58 KB
/
experimental.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Geode Optimizer</title>
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/nes.min.css">
<link rel="stylesheet"
href="node_modules/@shoelace-style/shoelace/dist/themes/light.css" />
</head>
<body>
<script type="module"
src="node_modules/@shoelace-style/shoelace/dist/shoelace.js"></script>
<section class="main">
<h1>Minecraft Amethyst Farm Tutorial</h1>
<object data="samples/just-geode-blocks.litematic" type="application/vnd.litematica+nbt"
data-camera="9:12:-13.5" data-target="8:7:7" data-autorotate="true" id="intro-geode">
<canvas width="720" height="480"></canvas>
</object>
<sl-range class="revealer" tooltip="none" id="intro-geode-slider" for="intro-geode" value="50"></sl-range>
<p>This page will show you how to build a farm to automatically collect amethyst shards in Minecraft. You can
load a geode from your world, or follow along with the example geode
above. It uses the concept originally developed by Neffty, and refined by Ilmango in <a
href="https://www.youtube.com/watch?v=fY90xF3ug84">this video</a>. All of the models
on this page are interactive! Use your mouse to rotate and zoom. Use the slider to reveal the budding
amethyst blocks.
<h2>1. Choose a geode</h2>
<sl-tab-group>
<sl-tab slot="nav" panel="sample">Use the sample geode</sl-tab>
<sl-tab slot="nav" panel="region">Load from your world</sl-tab>
<sl-tab slot="nav" panel="litematic">Load a .litematic</sl-tab>
<sl-tab-panel name="sample">We'll use the geode above as an example.</sl-tab-panel>
<sl-tab-panel name="region">
We'll pick a geode from your world. For this option, you'll need access to your world files.
Select all of the .mca and .mcc files in your world's <code>region</code> folder. It's OK if you don't
see any .mcc files — those are rare.
<br>
<input type="file" id="region-files" multiple>
<sl-progress-bar id="region-files-progress" style="visibility:hidden"></sl-progress-bar>
<div id="all-geodes">
</div>
</sl-tab-panel>
<sl-tab-panel name="litematic">
We'll load a geode from a litematica schematic file.
<label><input type="file" multiple> .litematic file</label>
</sl-tab-panel>
</sl-tab-group>
<h2>2. Analyze geode</h2>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet
congue.
Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis,
tellus
est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p>
</blockquote>
<h3>Header Level 3</h3>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
<li>Aliquam tincidunt mauris eu risus.</li>
</ul>
<pre><code>
#header h1 a {
display: block;
width: 300px;
height: 80px;
}
</code></pre>
<dl>
<dt>Definition list</dt>
<dd>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.</dd>
<dt>Lorem ipsum dolor sit amet</dt>
<dd>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.</dd>
</dl>
</section>
<sl-split-panel primary="start" position="25" class="main-panel">
<div slot="start" style="max-height: 100vh;overflow: auto;">
<label>.litematic file <input id="litematic" type="file"></label>
<br><label>or <button id="sample">load a sample</button></label>
<br><label>or preview a schematic <input id="preview" type="file" accept=".litematic"></label>
<br><label>or a region file <input id="region" type="file"></label>
<br><label>preview NBT file <input id="nbt" type="file"></label>
<button id="save">Save to schematic</button>
</div>
<div slot="end">
<sl-split-panel vertical class="secondary-panel" style="height:100vh">
<div slot="start" style="height:100%;width:100%">
<canvas id="c" style="width:100%;height:100%;display:block"></canvas>
</div>
<div slot="end" style="height:100%;width:100%">
<div style="overflow:scroll;height:100%">
<div id="block-readout"></div>
<div>
<pre><code id="afk-spot-log"></code></pre>
</div>
<div class="x-axis">
<h2>X Axis - <span class="count"></span> machines</h2>
<div class="grid"></div>
</div>
<div class="z-axis">
<h2>Z Axis - <span class="count"></span> machines</h2>
<div class="grid"></div>
</div>
<div class="y-axis">
<h2>Y Axis - <span class="count"></span> machines</h2>
<div class="grid"></div>
</div>
</div>
</div>
</sl-split-panel>
</div>
</sl-split-panel>
<script type="application/russellsprouts-worker" data-name="general" src="out/worker.js?hash=4147d30d00"></script>
<script type="application/russellsprouts-worker" data-name="special" src="out/worker.js?hash=4147d30d00"></script>
<script type="text/javascript" src="third_party/three.js/three.min.js"></script>
<script type="text/javascript" src="third_party/pako/pako.min.js"></script>
<script type="text/javascript" src="out/root.js"></script>
<script type="text/javascript" src="out/renderer.js"></script>
<script type="text/javascript" src="out/experimental.js"></script>
</body>
</html>