FoAM/superject
FoAM/superject
12
0
Fork 0
Code Issues 3 Pull requests Activity

Leo Valiani, Chalcides sepsoides & Cybalomia gratiosalis

Browse source
This commit is contained in:
nik gaffney 2020-11-17 23:51:15 +01:00
parent e11a0c991d
commit f4b932f3e5
2 changed files with 37 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
notes/purpose, propositions & prototypes.org
View file

@ -5,9 +5,9 @@
#+author: The S.P.A.C.E consortium #+author: The S.P.A.C.E consortium
#+title: superject (a proposition) #+title: superject (a proposition)
#+BEGIN_latex #+BEGIN_export latex
\newpage \newpage
#+END_latex #+END_export
* Superject (as of \today) * Superject (as of \today)
@ -25,9 +25,9 @@ file:img/20190924-01.png
Reading: A.N. Whitehead. [[https://archive.org/stream/AlfredNorthWhiteheadProcessAndReality/Alfred%20North%20Whitehead%20-%20Process%20and%20Reality_djvu.txt][Process and Reality]], Chapter IX: The Propositions Reading: A.N. Whitehead. [[https://archive.org/stream/AlfredNorthWhiteheadProcessAndReality/Alfred%20North%20Whitehead%20-%20Process%20and%20Reality_djvu.txt][Process and Reality]], Chapter IX: The Propositions
#+BEGIN_latex #+BEGIN_export latex
\newpage \newpage
#+END_latex #+END_export
* propositional #2 — 2019-09-26 * propositional #2 — 2019-09-26
*Question*: How to translate Whitehead's proposition into a generative worldbuilding toolkit? *Question*: How to translate Whitehead's proposition into a generative worldbuilding toolkit?
@ -60,9 +60,9 @@ We tried using 2xO cards as a seed to begin the game. Some alternatives could be
#+caption: A minimal Proposition comprised of an Occasion and Qualifier #+caption: A minimal Proposition comprised of an Occasion and Qualifier
file:img/20190926-03.png file:img/20190926-03.png
#+BEGIN_latex #+BEGIN_export latex
\newpage \newpage
#+END_latex #+END_export
* Possible categories of cards in the deck * Possible categories of cards in the deck
- *Occasions* (actual occasions of experience) - *Occasions* (actual occasions of experience)
@ -74,9 +74,9 @@ file:img/20190926-03.png
#+caption: An example of four types of cards as they could work in the Shadow Belmont scenario (blank cards not depicted) #+caption: An example of four types of cards as they could work in the Shadow Belmont scenario (blank cards not depicted)
file:img/20190926-04.png file:img/20190926-04.png
#+BEGIN_latex #+BEGIN_export latex
\newpage \newpage
#+END_latex #+END_export
* Possible game dynamics * Possible game dynamics
How are cards distributed at beginning of the game? The deck could be divided evenly and completely between players (dealt randomly) or players can have one 'hand' at a time. (etc) How are cards distributed at beginning of the game? The deck could be divided evenly and completely between players (dealt randomly) or players can have one 'hand' at a time. (etc)
@ -143,9 +143,9 @@ We entertained the possibly that the V and R cards could be merged, or that ther
At this point, we still need to describe lures, iceberg tips of lures, the inside, outside or boundedness of a game, how it could be expanded, extend, situated, localised… At this point, we still need to describe lures, iceberg tips of lures, the inside, outside or boundedness of a game, how it could be expanded, extend, situated, localised…
#+BEGIN_latex #+BEGIN_export latex
\newpage \newpage
#+END_latex #+END_export
* propositional #3 — 2020-09-17 * propositional #3 — 2020-09-17
@ -373,9 +373,9 @@ We began with an extensive deck (of around 260 cards) in the expectation that so
|--------------------+----------------+-------------| |--------------------+----------------+-------------|
#+BEGIN_latex #+BEGIN_export latex
\newpage \newpage
#+END_latex #+END_export
* propositional #4 — 2020-10-14 * propositional #4 — 2020-10-14
continuing from previous tests with the pandemic situated deck… continuing from previous tests with the pandemic situated deck…
@ -447,9 +447,9 @@ For example, during the opening ’deliberation’ cycle…
The glossary has been transferred to subetha (at [[https://subetha.fo.am/p/superject][superject]]) The glossary has been transferred to subetha (at [[https://subetha.fo.am/p/superject][superject]])
#+BEGIN_latex #+BEGIN_export latex
\newpage \newpage
#+END_latex #+END_export
* design notes * design notes
In thinking about how image centric cards could work, we tested a few methods of automating image selection for the pandemic deck. In thinking about how image centric cards could work, we tested a few methods of automating image selection for the pandemic deck.
@ -478,9 +478,9 @@ file:img/superject.space.jpg
#+BEGIN_latex #+BEGIN_export latex
\newpage \newpage
#+END_latex #+END_export latex
* other games, gameplay and/or narrative tangents * other games, gameplay and/or narrative tangents
Looking at various cards, decks and games in an attempt understand our possibility space, focus and intent, through the lens of Whitehead's propositions.... Looking at various cards, decks and games in an attempt understand our possibility space, focus and intent, through the lens of Whitehead's propositions....
@ -541,9 +541,10 @@ some examples, an attempt at taxonomy and cartomancy (game like rules \rightarr
#+caption: Hanafuda Cards #+caption: Hanafuda Cards
[[file:img/6558902_orig.jpg]] [[file:img/6558902_orig.jpg]]
#+BEGIN_latex #+BEGIN_export latex
\newpage \newpage
#+END_latex #+END_export
* digital and/or physical prototypes * digital and/or physical prototypes
Our current game prototypes are using [[https://github.com/andymeneely/squib][squib]] to create card decks from templates (details can be found in the =cards/= folder) Our current game prototypes are using [[https://github.com/andymeneely/squib][squib]] to create card decks from templates (details can be found in the =cards/= folder)

36
web/shuffle/index.html
View file

@ -3,30 +3,30 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>HTML5 Deck of Cards</title> <title>{OQ}P</title>
<link href="example.css" rel="stylesheet"> <link href="example.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600|Ubuntu+Condensed" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600|Ubuntu+Condensed" rel="stylesheet" type="text/css">
<canvas id="canvas-image" width = "1000" height = "1000"></canvas> <canvas id="canvas-image" width = "1000" height = "1000"></canvas>
<script src="/scripts/granim.min.js"></script> <script src="/scripts/granim.min.js"></script>
<script> <script>
var granimInstance = new Granim({ var granimInstance = new Granim({
element: '#canvas-image', element: '#canvas-image',
name: 'anima', name: 'anima',
direction: 'radial', direction: 'radial',
isPausedWhenNotInView: true, isPausedWhenNotInView: true,
elToSetClassOn: 'body', elToSetClassOn: 'body',
opacity: [1, 1], opacity: [1, 1],
image : { image : {
source: '/img/prehension.png', source: '/img/prehension.png',
blendingMode: 'hue', blendingMode: 'hue',
stretchMode: ['stretch', 'stretch'], stretchMode: ['stretch', 'stretch'],
position: ['center', 'center'] position: ['center', 'center']
}, },
states : { states : {
"default-state": { "default-state": {
gradients: [ gradients: [
['#834D9B', '#D04ED6'], ['#834D9B', '#D04ED6'],
['#1CD8D2', '#93EDC7'] ['#1CD8D2', '#93EDC7']
@ -49,7 +49,6 @@
} }
.card { .card {
/* Black shadow with 10px blur */
filter: drop-shadow(8px 8px 6px black); filter: drop-shadow(8px 8px 6px black);
position: "absolute"; position: "absolute";
z-index: 1; z-index: 1;
@ -60,9 +59,8 @@
#card2 { position: absolute; right: 30%; top: 50%; } #card2 { position: absolute; right: 30%; top: 50%; }
#card3 { position: absolute; right: 40%; top: 50%; } #card3 { position: absolute; right: 40%; top: 50%; }
#card4 { position: absolute; right: 60%; top: 50%; } #card4 { position: absolute; right: 60%; top: 50%; }
</style> </style>
</head> </head>
<body> <body>
<div id="container"></div> <div id="container"></div>
@ -70,8 +68,10 @@
<div id="topbar"></div> <div id="topbar"></div>
<canvas id="canvas-image"></canvas> <canvas id="canvas-image"></canvas>
<script src="deck.js"></script> <script src="deck.js"></script>
<script src="deck.js"></script>
<script src="example.js"></script> <script src="example.js"></script>
</body> </body>
</html> </html>