User:Supisara/Special Issue 17: Difference between revisions

From XPUB & Lens-Based wiki
 
(85 intermediate revisions by the same user not shown)
Line 4: Line 4:


{| class="wikitable"
{| class="wikitable"
|-
|- style="text-align:left; vertical-align: top;"
! Date !! Pad !! Description !! Output
! Date !! Pad !! Description !! Output
|-
|- style="text-align:left; vertical-align: top;"
| 19/01/22 || [https://pad.xpub.nl/p/19012022 SI17] || Ideology & gamification || [https://pad.xpub.nl/p/2022_onesentencegameideas One-sentence game ideas] with everyone
| 19/01/22 || [https://pad.xpub.nl/p/19012022 SI17] || Ideology & gamification || [https://pad.xpub.nl/p/2022_onesentencegameideas One-sentence game ideas], [https://pzwiki.wdka.nl/mediadesign/Future_Loot_Box#One-sentence_loot_boxes one-sentence loot boxes] with everyone
|-
|- style="text-align:left; vertical-align: top;"
| 19/01/22 || [https://pad.xpub.nl/p/19012022 RW&RM] || Annotation of an object of ideology || [https://app.mural.co/t/gersandeschellinx5347/m/gersandeschellinx5347/1642602730710/9fa932915525c1806f1d42d6fca16d1850460ca0?fromVisitorModal=true&sender=uf53cc463fcfb1378069c3578 Map] with Gersande, Carmen, Emma, Miriam  
| 19/01/22 || [https://pad.xpub.nl/p/19012022 RW&RM] || Annotation of an object of ideology || [https://app.mural.co/t/gersandeschellinx5347/m/gersandeschellinx5347/1642602730710/9fa932915525c1806f1d42d6fca16d1850460ca0?fromVisitorModal=true&sender=uf53cc463fcfb1378069c3578 Map] with Gersande, Carmen, Miriam  
|-
|- style="text-align:left; vertical-align: top;"
| 02/02/22 || [https://pad.xpub.nl/p/02022022 RW&RM] || Productive Play glossary || [https://pzwiki.wdka.nl/mediadesign/Glossary_of_productive_play Glossary wiki] Contributions (with Kimberley): "tempo vs. rhythm", "collective sensitivity(sensibility)", "artificial standard"
| 02/02/22 || [https://pad.xpub.nl/p/02022022 RW&RM] || Productive Play glossary || [https://pzwiki.wdka.nl/mediadesign/Glossary_of_productive_play Glossary wiki] Contributions (with Kimberley): "tempo vs. rhythm", "collective sensitivity(sensibility)", "artificial standard"
|-
|- style="text-align:left; vertical-align: top;"
| 08/02/22 || [https://pad.xpub.nl/p/08022022 SI17] || Modding, fanfic || [https://pzwiki.wdka.nl/mediadesign/Miller%27s_Hollow Miller's Hollow fanfic wiki] with Kimberley & Chae
| 08/02/22 || [https://pad.xpub.nl/p/08022022 SI17] || Modding, fanfic || [https://pzwiki.wdka.nl/mediadesign/Miller%27s_Hollow Miller's Hollow fanfic wiki] with Kimberley & Chae
|-
|- style="text-align:left; vertical-align: top;"
| 16/02/22 || [https://pad.xpub.nl/p/16022022-ste%3C3%2016/02/22 RW&RM] || Describing the loot box ||
| 16/02/22 || [https://pad.xpub.nl/p/16022022-ste%3C3%2016/02/22 RW&RM] || Describing the loot box ||
|}
=== Research ===
Resources based on my interests of the loot box:
{| class="wikitable"
|- style="text-align:left; vertical-align: top;"
! Topic !! Description || Source
|- style="text-align:left; vertical-align: top;"
| Loot box variations || A loot box isn't always in the form a box || [https://pokemongo.fandom.com/wiki/Egg_Incubators incubators], [https://neopets.fandom.com/wiki/Paint_Brush paint brushes], [https://skins.webamp.org/ skins], [https://en.wikipedia.org/wiki/I_Am_Rich iOS app], [https://circuitmess.com/pages/stem-box STEM box], an AE script/plugin
|- style="text-align:left; vertical-align: top;"
| Loot box characteristics || The movie trailer moment of a loot box || [https://beyblade.fandom.com/wiki/Special_Move%20special%20moves special moves], [https://beyblade.fandom.com/wiki/Rush_Launch rush launches], [https://yugioh.fandom.com/wiki/Trap_Card trap cards]
|}
|}


=== Observations ===
=== Observations ===
* containers types: AE scripts + plugins -> "silence remover" <br>
* time, sound, and motion-based triggers in relation to instant vs. delayed gratification
* [https://pokemongo.fandom.com/wiki/Egg_Incubators incubators], [https://beyblade.fandom.com/wiki/Rush_Launch rush launches]
* the surprise pipeline: a "surprise" but only for those at the receiving end
* packaged selections of "randomness" in the form of bundles/kits/subscriptions/zip files
* realization #1: pieces of a puzzle can fit if you force it hard enough (bonus: and form a new picture)
* realization #2: why solve something that's already been solved? (re: puzzles with results on the box) (how about: puzzles where you don't know what you have to solve, the only way to find out is to just try––the "surprise" will happen in the end)


=== Experiments ===
=== Experiments ===
* [https://hub.xpub.nl/soupboat/~supi/arrow_maze__wip_.html Arrow maze Bitsy game] (test/WIP), inspired by the [https://en.wikipedia.org/wiki/Maze#/media/File:Maze_Type_Arrow.png "loops and traps" maze.] Goal: create a double maze where the arrows alternate between two directions, where the avatar is also an arrow.
<gallery>
Arrow maze.gif|thumb|
</gallery>


* From workshop game ideas with Steve. Game concept (abstract): delayed rewards/no thrill of the chase
{| class="wikitable"
<gallery>
|- style="text-align:left; vertical-align: top;"
loot-chase.png| repel to attract
! Date !! Description !! Output
Loot time.png| individual-collective time sync
|- style="text-align:left; vertical-align: top;"
</gallery>
| 10/02/22 || Soldering a DIY game console (WIP) in an attempt to hack the games that come with it (see also: [https://learn.circuitmess.com/resources/guides/en/makerbuino-build-guide build guide]). Current issue as of 11/02/22: soldering joints (see photo of back). ||
 
[[File:Makerbuino.png|thumb|Makerbuino (front)]]
* Etherpad ↔︎ Bitsy jam with Jian
[[File:Makerbuino-back.jpg|thumb|Makerbuino (back) (with faults in green)]]
|- style="text-align:left; vertical-align: top;"
| 14/02/22 || Arrow maze Bitsy game (test/WIP), inspired by the [https://en.wikipedia.org/wiki/Maze#/media/File:Maze_Type_Arrow.png "loops and traps" maze.] Goal: create a double maze where the arrows alternate between two directions, where the avatar is also an arrow. || [https://hub.xpub.nl/soupboat/~supi/arrow_maze__wip_.html v1]<br>
[[File:Arrow maze.gif|thumb|v1 preview]]
|- style="text-align:left; vertical-align: top;"
| 16/02/22 || Visualizing loot box characteristics (from workshop game ideas with Steve). Game concept: delayed rewards/no thrill of the chase. ||
[[File:loot-chase.png|thumb|repel to attract]]
[[File:Loot time.png|thumb|individual-collective time sync]]
|- style="text-align:left; vertical-align: top;"
| 28/02/22 || Visualizing the loot box in a Bitsy environment || [https://hub.xpub.nl/soupboat/~supi/si17_supi_280222_v1.html v1]
|}


=== Deliverables ===
=== Deliverables ===


'''"This Box Found You For A Reason"'''
Collective and individual contributions for Special Issue 17: This Box Found You for a Reason


{| class="wikitable"
{| class="wikitable"
|-
|-
! Phase !! Output
! Phase !! Description !! Output (Collective) !! Output (Individual)
|-
|- style="text-align:left; vertical-align: top;"
| 1.) Processing ||  
| '''1.) Processing''' || Unpacking the loot box || '''1.) Group meeting facilitation''' with Emma on 28/02/22 on topics re: share & recap of prototypes, price & accessibility of the loot box, community & launch (see: [https://hub.xpub.nl/soupboat/pad/p/group_meeting_28022022 pad]) || [https://hub.xpub.nl/soupboat/pad/p/PkwXmjCclADLY45M0tfF Meeting summary]
1.) <br>
|- style="text-align:left; vertical-align: top;"
2.) <br>
| '''2.) Production''' || '''1.) "Unfinished Thoughts"''' Bitsy game with Jian || '''1.) Pads:''' [https://hub.xpub.nl/soupboat/pad/p/jian_supi_bitsy_jam #1 Discussion], [https://hub.xpub.nl/soupboat/pad/p/half-baked #3 Reflection] <br> '''2.) Bitsy:''' [https://issue.xpub.nl/17/unfinished-thoughts/ game] with the [https://erikaverkaaik.itch.io/bitsy-museum-hack Museum Hack] compiled by Jian, [https://hub.xpub.nl/soupboat/postit/generate/unfinished-thoughts content contribution] || '''1.) Pad:''' [https://hub.xpub.nl/soupboat/pad/p/thinking_thoughts #2 Reflection]<br> '''2.) Bitsy:''' [https://hub.xpub.nl/soupboat/~supi/si17_supi_280222_v1.html first game draft]; rooms: [https://issue.xpub.nl/17/unfinished-thoughts/index.html intro], [https://issue.xpub.nl/17/unfinished-thoughts/lootboxes.html lootboxes],[https://issue.xpub.nl/17/unfinished-thoughts/avatars.html avatars] + dialog assistance from Jian, [https://issue.xpub.nl/17/unfinished-thoughts/etherpad.html Etherpad] + [https://seleb.github.io/bitsy-hacks/dist/javascript-dialog.js Javascript dialog hack] with assistance from Michael, [https://issue.xpub.nl/17/unfinished-thoughts/stream.html stream], [https://issue.xpub.nl/17/unfinished-thoughts/gashapon.html gashapon], [https://issue.xpub.nl/17/unfinished-thoughts/end.html end] <br>
3.) Group meeting facilitation with Emma on topics re: share & recap of prototypes, price & accessibility of the loot box, community & launch––see  [https://hub.xpub.nl/soupboat/pad/p/group_meeting_28022022 pad], [https://hub.xpub.nl/soupboat/pad/p/PkwXmjCclADLY45M0tfF summary]
[[File:Unfinished thoughts.gif|thumb|none|Intro]] [[File:Unfinished thoughts intro2.gif|thumb|none|Try your luck room]] [[File:Unfinished thoughts gasha.gif|thumb|none|Gashapon room]] [[File:Unfinished thoughts etherpad.gif|thumb|none|Etherpad room]] [[File:Unfinished thoughts avatar.gif|thumb|none|(Un)productivity avatar room]]
|-
|- style="text-align:left; vertical-align: top;"
| 2.1) Production: "Unfinished Thoughts" || Bitsy game with Jian<br>
| || '''2.) SI17: Contents/Inside the box''' with Erica, Mitsa, Kamo || See [https://pzwiki.wdka.nl/mediadesign/User:Supisara/Special_Issue_17/Team_1 wiki] || '''1.) Post-it design''' (see more at [https://pzwiki.wdka.nl/mediadesign/User:Supisara/Special_Issue_17/Team_1 wiki]):
1.) Pad: [https://hub.xpub.nl/soupboat/pad/p/jian_supi_bitsy_jam Collaborative discussion]<br>
[[File:Si17 postit index.gif|thumb|none|Contributions index]] [[File:Si17 postit title.gif|thumb|none|Contribution title, "Nim"]]
2.) Pad: [https://hub.xpub.nl/soupboat/pad/p/thinking_thoughts Individual reflection]<br>
|- style="text-align:left; vertical-align: top;"
3.) Pad: [https://hub.xpub.nl/soupboat/pad/p/half-baked Collaborative reflection]<br>
| '''3.) Launch''' || Preparation for the launch event at Page Not Found || '''1.) Visual identity:''' "Special Issue 17" typeface with Jian: [[File:Special issue 17 otf.png|thumb|none|SpecialIssue17-Regular.otf]] Applications include: <br> 1.1.) The loot box [https://pzwiki.wdka.nl/mediadesign/File:Fage-not-pound_1.jpg 01] [https://pzwiki.wdka.nl/mediadesign/File:Fage-not-pound_3.jpg 02] [https://pzwiki.wdka.nl/mediadesign/File:Fage-not-pound_12.jpg 03]<br> 1.2.) Launch event signage/wayfinding [https://pzwiki.wdka.nl/mediadesign/File:Fage-not-pound_2.jpg 01] [https://pzwiki.wdka.nl/mediadesign/File:Fage-not-pound_4.jpg 02] [https://pzwiki.wdka.nl/mediadesign/File:Fage_Not_Pound_event_schedule_projected_on_the_wall.jpg 03] <br> 1.3.) Games [https://pzwiki.wdka.nl/mediadesign/File:Fage-not-pound_8.jpg 01] [https://pzwiki.wdka.nl/mediadesign/File:Fage-not-pound_10.jpg 02] [https://pzwiki.wdka.nl/mediadesign/File:Fage-not-pound_13.jpg 03] <br> 1.4.) [https://issue.xpub.nl/17/ Website]<br> <br> '''2.) Publication:''' filling the loot box with Erica, Mitsa, Kamo, Jian, Alex: (see [https://pzwiki.wdka.nl/mw-mediadesign/images/e/ef/Production-line.jpg production line diagramby Alex)<br> <br> '''3.) Experience:''' [https://pzwiki.wdka.nl/mediadesign/File:Fage-not-pound_5.jpg "Unfinished Thoughts" setup] with assistance from Michael and Erica, [https://pad.xpub.nl/p/si17_playlist event playlist] by Miriam || 1.) "Special Issue 17" experimental typeface created with Bitsy tiles [[File:Special issue 17 typeface.png|thumb|none|Special Issue 17 Bitsy tiles]] [[File:Special issue 17 typeface additional.png|thumb|none|Additional letters for laser cutting ]] 2.) "Unfinished Thoughts" transfer to desktop monitor + Raspberry Pi with assistance from Manetta, Kimberley, Kamo <br> 3.) Soundtrack suggestion for the loot box reveal
4.) Bitsy: Individual experiments: [https://hub.xpub.nl/soupboat/~supi/si17_supi_280222_v1.html first draft]<br>
5.) Bitsy: Combined experiments<br>
6.) Bitsy: [https://issue.xpub.nl/17/unfinished-thoughts/ The finished "Unfinished Thoughts"]
|-
| 2.2) Production: Inside the box/content || With Erica, Mitsa, Kamo <br>
'''1.) Post-its'''<br>
1.1.) Curation: (see: pad 1) <br>
1.2.) Concept: (see: pad 2) <br>
1.3.) Design: (see: [https://www.figma.com/file/wVdpA2iwKN3hT9YXONqXTj/SI17 Figma],) <br>
 
'''2.) Website'''<br>
2.1.) Overview: <br>
2.2.) Mockups: <br>
2.3.) Setup: vscode, git <br>
|-
| 3.) Launch ||
'''1.) SI17 Visual identity'''<br>
1.1.) Contribution: "Special Issue 17" Bitsy font with Jian. Applications:<br>
1.1.1.) The loot box<br>
1.1.2.) Event signage<br>
1.1.3.) [https://issue.xpub.nl/17/ Website]<br>
 
'''2.) Setup'''<br>
2.) Box assembly with Team 1, Jian, Alex: (see: [https://pzwiki.wdka.nl/mw-mediadesign/images/e/ef/Production-line.jpg production line diagram by Alex])<br>
3.) "Unfinished Thoughts"
|-
|-
|}
|}
Line 83: Line 80:
<br>
<br>


In detail:
=== Next steps ===


=== Reflection ===
Developed interests/for further research:


'''1.) Takeaways''' (see pad here)<br>
{| class="wikitable"
'''2.) Realizations'''<br>
|- style="text-align:left; vertical-align: top;"
* Git > InDesign (for printing 85,000 post-its)<br>
! Topic !! Description !! Reference
* Figma > Illustrator (for mockups) <br>
|- style="text-align:left; vertical-align: top;"
* more to come
| Bitsy hacks || Customizable WebGL transitions  || [https://github.com/seleb/bitsy-hacks/blob/main/dist/transitions.js Transition hack] by Sean S. LeBlanc
'''3.) Developed interests'''<br>
|- style="text-align:left; vertical-align: top;"
| Merging environments of tools (Bitsy ↔︎ Etherpad) || Navigation (key presses), display ("Special Issue 17" font, Etherpad UI variants skin builder)  || [https://etherpad.org/doc/v1.8.17/#index_skins Etherpad documentation: Skins]
|- style="text-align:left; vertical-align: top;"
| Computer vision || Information distortion in preview mode ||
<gallery>
Cv-2.png|"Unfinished Thoughts" Opening title
Cv-1.png|"Unfinished Thoughts" room
</gallery>
|- style="text-align:left; vertical-align: top;"
| ? || INDD broken progress bar (CC: post-it footer progress bar as page number) ||
[[File:Indd-pb.gif|thumb|none]]
|}

Latest revision as of 04:08, 19 April 2022

Special Issue #17: Productive Play

Group exercises

Date Pad Description Output
19/01/22 SI17 Ideology & gamification One-sentence game ideas, one-sentence loot boxes with everyone
19/01/22 RW&RM Annotation of an object of ideology Map with Gersande, Carmen, Miriam
02/02/22 RW&RM Productive Play glossary Glossary wiki Contributions (with Kimberley): "tempo vs. rhythm", "collective sensitivity(sensibility)", "artificial standard"
08/02/22 SI17 Modding, fanfic Miller's Hollow fanfic wiki with Kimberley & Chae
16/02/22 RW&RM Describing the loot box

Research

Resources based on my interests of the loot box:

Topic Description Source
Loot box variations A loot box isn't always in the form a box incubators, paint brushes, skins, iOS app, STEM box, an AE script/plugin
Loot box characteristics The movie trailer moment of a loot box special moves, rush launches, trap cards

Observations

  • time, sound, and motion-based triggers in relation to instant vs. delayed gratification
  • the surprise pipeline: a "surprise" but only for those at the receiving end
  • packaged selections of "randomness" in the form of bundles/kits/subscriptions/zip files
  • realization #1: pieces of a puzzle can fit if you force it hard enough (bonus: and form a new picture)
  • realization #2: why solve something that's already been solved? (re: puzzles with results on the box) (how about: puzzles where you don't know what you have to solve, the only way to find out is to just try––the "surprise" will happen in the end)

Experiments

Date Description Output
10/02/22 Soldering a DIY game console (WIP) in an attempt to hack the games that come with it (see also: build guide). Current issue as of 11/02/22: soldering joints (see photo of back).
Makerbuino (front)
Makerbuino (back) (with faults in green)
14/02/22 Arrow maze Bitsy game (test/WIP), inspired by the "loops and traps" maze. Goal: create a double maze where the arrows alternate between two directions, where the avatar is also an arrow. v1
v1 preview
16/02/22 Visualizing loot box characteristics (from workshop game ideas with Steve). Game concept: delayed rewards/no thrill of the chase.
repel to attract
individual-collective time sync
28/02/22 Visualizing the loot box in a Bitsy environment v1

Deliverables

Collective and individual contributions for Special Issue 17: This Box Found You for a Reason

Phase Description Output (Collective) Output (Individual)
1.) Processing Unpacking the loot box 1.) Group meeting facilitation with Emma on 28/02/22 on topics re: share & recap of prototypes, price & accessibility of the loot box, community & launch (see: pad) Meeting summary
2.) Production 1.) "Unfinished Thoughts" Bitsy game with Jian 1.) Pads: #1 Discussion, #3 Reflection
2.) Bitsy: game with the Museum Hack compiled by Jian, content contribution
1.) Pad: #2 Reflection
2.) Bitsy: first game draft; rooms: intro, lootboxes,avatars + dialog assistance from Jian, Etherpad + Javascript dialog hack with assistance from Michael, stream, gashapon, end
Intro
Try your luck room
Gashapon room
Etherpad room
(Un)productivity avatar room
2.) SI17: Contents/Inside the box with Erica, Mitsa, Kamo See wiki 1.) Post-it design (see more at wiki):
Contributions index
Contribution title, "Nim"
3.) Launch Preparation for the launch event at Page Not Found 1.) Visual identity: "Special Issue 17" typeface with Jian:
SpecialIssue17-Regular.otf
Applications include:
1.1.) The loot box 01 02 03
1.2.) Launch event signage/wayfinding 01 02 03
1.3.) Games 01 02 03
1.4.) Website

2.) Publication: filling the loot box with Erica, Mitsa, Kamo, Jian, Alex: (see production line diagram by Alex)

3.) Experience: "Unfinished Thoughts" setup with assistance from Michael and Erica, event playlist by Miriam
1.) "Special Issue 17" experimental typeface created with Bitsy tiles
Special Issue 17 Bitsy tiles
Additional letters for laser cutting
2.) "Unfinished Thoughts" transfer to desktop monitor + Raspberry Pi with assistance from Manetta, Kimberley, Kamo
3.) Soundtrack suggestion for the loot box reveal


Next steps

Developed interests/for further research:

Topic Description Reference
Bitsy hacks Customizable WebGL transitions Transition hack by Sean S. LeBlanc
Merging environments of tools (Bitsy ↔︎ Etherpad) Navigation (key presses), display ("Special Issue 17" font, Etherpad UI variants skin builder) Etherpad documentation: Skins
Computer vision Information distortion in preview mode
? INDD broken progress bar (CC: post-it footer progress bar as page number)
Indd-pb.gif