5 <meta name=viewport
content=
"width=device-width, initial-scale=1">
6 <meta name=
"apple-mobile-web-app-capable" content=
"yes">
7 <link rel=
"shortcut icon" href=
"icon_128x128.png">
8 <link rel=
"apple-touch-icon" href=
"icon_128x128.png">
9 <meta name=
"apple-mobile-web-app-capable" content=
"yes">
10 <meta name=
"mobile-web-app-capable" content=
"yes">
11 <meta name=
"apple-mobile-web-app-status-bar-style" content=
"black-translucent">
12 <meta name=
"apple-mobile-web-app-title" content=
"Labelle Litanizer">
15 - Outfit-Oriented Ontology from Animal Crossing: New Leaf
17 <script type=
"text/javascript" src=
"fastclick.js"></script>
18 <script type=
"text/javascript" src=
"acnl-wearables-list.js"></script>
19 <script type=
"text/javascript" src=
"acnl-outfit.js"></script>
25 src: url('VarelaRound-Regular.woff') format('woff');
31 text-decoration: none;
36 -moz-user-select: none;
37 -webkit-user-select: none;
44 background: url(bg.png);
48 .month0, .month1, .month11 { background: url(winter.png); }
49 .month2, .month3, .month4 { background: url(spring.png); }
50 .month5, .month6, .month7 { background: url(summer.png); }
51 .month8, .month9, .month10 { background: url(autumn.png); }
56 background-color: #
896031;
64 .standalone #statusbar {
73 background-color: rgba(
239,
243,
216,
0.9);
74 border:
0.3333em solid #f0f3dc;
112 text-decoration: underline;
120 border:
0.2em solid #
4cc2d2;
123 background-color: #fff6c1;
124 box-shadow:
0 0 0 0.1em #fff6c1;
125 transition: transform
0.1s;
127 -webkit-transition: -webkit-transform
0.1s;
128 -webkit-transform: scale(
0);
132 transition: transform
0.3s;
134 -webkit-transition: -webkit-transform
0.3s;
135 -webkit-transform: scale(
1);
139 display: inline-block;
142 margin:
0.25em
0.5em;
144 border-bottom:
0.075em solid #f45c0a;
152 #buttons a:hover:before {
155 display: inline-block;
157 margin-left:
0.6667em;
163 vertical-align: middle;
169 background: -webkit-linear-gradient(top, #
1e03e9
0%, #
185cfa
70%, transparent
71%);
170 background: linear-gradient(#
1e03e9
0%, #
185cfa
70%, transparent
71%);
174 .hour0, .hour1, .hour2, .hour3, .hour4, .hour5,
175 .hour20, .hour21, .hour22, .hour23,
176 .spring .hour6, .autumn .hour6, .winter .hour6,
177 .spring .hour19, .autumn .hour19, .winter .hour19,
178 .winter .hour7, .winter .hour18 {
179 background-image: -webkit-linear-gradient(top, #
070b5c
0%, #
002675 70%, rgba(
0,
38,
117,
0.4)
71%);
180 background-image: linear-gradient(#
070b5c
0%, #
002675 70%, rgba(
0,
38,
117,
0.4)
71%);
183 @media (max-width:
799px) {
184 html { font-size:
14px; }
187 @media (max-width:
639px) {
188 html { font-size:
13px; }
189 main { height:
12em; }
192 @media (max-width:
479px) {
193 main { height:
13.5em; }
197 border: #fafbe5 solid
0.1em;
200 background-color: #
4ada48;
204 display: inline-block;
208 border:
0.2em solid #ebd684;
209 background-color: rgba(
0,
0,
0,
0.7);
210 border-radius:
1em
3em
2em
2em;
212 text-shadow:
1px
1px black;
236 <div id=statusbar
></div>
238 <img src=
"labelle-2.png" id=labelle
>
240 <div id=
"haveyou">Have you considered...
</div>
241 <div id=
"wearing">...
</div>
243 <a onclick='update();'
>How gauche.
</a>
244 <a id=twitter target=_blank
245 href=
"https://twitter.com/share?url=http%3A%2F%2Fyukkurigames.com%2Flabelle%2F&hashtags=ACNL&text=Loading...">
246 <img src='twitter.png'
>
252 <dt>What is this?
</dt>
254 The Labelle Litanizer generates random
<em>Animal Crossing:
255 New Leaf
</em> outfits. Ignoring the realities of the period
256 and distribution of your random number generator, all
257 possible outfits should have some chance of appearing.
259 <dt>What's with the name?
</dt>
262 <a target=_blank
href=
"http://www.bogost.com/blog/latour_litanizer.shtml"><span class=person
>Ian's
</span> <span class=nonperson
>
263 Latour Litanizer
</span></a>, and his writings about objects and carpentry
268 Latour litanies confront us with objects in a way that defies
269 our usual methods of grouping or reduction. In a similar way
270 the Labelle Litanizer asks us to consider the possible rather
271 than merely the desirable or expected.
<em>New Leaf
</em>
272 contains a huge number of objects you can wear (or otherwise
273 visibly present with, if you are uncomfortable saying you
274 are
"wearing" an ice cream cone). But that scale and
275 diversity is obscured due to its grouping algorithms, the
276 small number presented at any one time, and our cultural
280 Can I restrict it to my items?
283 No. Instead, consider how the true
<em>Daseine
</em> of the
284 objects you think you have are also inaccessible to you.