|
|
| (33 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| =TITLE: SAVIOR=
| |
| ==The story line==
| |
|
| |
|
| - I Imagine.
| | ==Displaying narratives for players== |
| [[File:Ball.png|thumb]]
| | One important thing to consider was how to naturally guide players who don't know my contents/concepts/etc. |
| | I know mine already, so for me everything is clear, without detailed background.<br> |
| | But from strangers' perspectives missing details might trigger confusions. |
| | Thus I wanted to design some narratives. |
|
| |
|
| - Break the barriers btw art and everyday life (situation), like John Cage idea
| |
| So artistic commodity -> Record of the event (documentary) => Anticapitalist idea also
| |
| Photography also became important : art and life (situation)
| |
|
| |
|
| - <b>Psychogeography</b> inspired by Baudelaire. The dérive(drift) is psychogeographical concept originally put forward in 1956 by Guy Debord's "Theory of the dérive". Debord defines the dérive as a "mode of experimental behaviour linked to the conditions of the society: a technique of rapid passage through varied ambiances". | | ===-Contextualisation=== |
| The dérive refers to an unplanned exploration of the urban space, where the terrain, impressions and attractions of the city dictate the route. It may be undertaken alone, but it was more frequently than not done in groups. The goal of the dérive was to study the city, map its affects and manipulations, and counter the predictable, monotonous and overly functional urban design of advanced capitalism.
| | My game makes the most sense when it's placed in shopping street in den Haag, given the storyline of the game. <br> |
| The dérive is 'simultaneously a means of study of and a game in the urban milieu.'
| | When we searched and scout the spots, I and Kendal, Clara visited a shop called "Collective Swan" in one of the main shopping streets. |
|
| |
|
| => For the same itinerary, each person experiences different dérive. | | ===Intro and Outro in the game=== |
| [https://salvage.zone/in-print/salvaging-situationism-race-and-space/ Salvaging Situationism: Race and Space
| | - In the intro, I could put some description like <i>"You are a ball living in the city, and your ball friends are missing!</i> |
|
| |
|
| ==The Situationist International A Critical Handbook== | | ===Web landing page=== |
| | Hotspot zone 4 Shopping street : [https://hub.xpub.nl/sandbot/PrototypingTimes/HOTSPOTS/4%20shoppingstreet/Savior/ link1] |
| | <br> |
| | Hotspot zone 5 Pigoen plaza : [https://hub.xpub.nl/sandbot/PrototypingTimes/HOTSPOTS/5%20pigeonplaza/Savior2/ link2] |
|
| |
|
| <b>annotation on "Gender and Sexuality in the Situationist International" by Ruth Baumeister</b> with naminami | | -Narratives : <br> |
| | | * Text with a talking tone : <br> |
| [https://pad.xpub.nl/p/eunami_st7 pad]
| | "Aren't you curious what's going on in the street?<br> |
| | | Click the image below to play the game 'SAVIOR'." <br> |
| representation of female body in mass media (as a tool in capitalistic society)
| | ...<br> |
| | | Welcome to gallery! This is a collection of sexy ads in the fancy street!<br> |
| - representation of stereotyped lifestyle
| | Aren't you charmed by these images? Watch out though! "You might be captured in the ads! You won't get out of them by yourself...<br> |
| | | Maybe you gotta go somewhere else to stay awake!<br> |
| - manipulating the human desire
| | -Aesthetics : <br> |
| | | * Implying city landscape : Greyish background |
| - "PLAY" as a solution to find our authentic desire (creating and realising the desire / training tool...)
| | * Billboard ads : Bold background colors<br> |
| | | [[File:web1_savior.png|550px]] |
| | | [[File:web2_savior.png|550px]] |
| | |
| | |
| | |
| ==Dérive, Racism and Sexism==
| |
| - The COVID-19 pandemic brought a wave of violent racism against Asian communities all over the world. Discuss how the good immigrant image perpetuates the colonial strategy to divide and conquer – and the need for solidarity among migrant communities.
| |
| [https://iwspace.de/2020/08/iws-radio-03/ Anti-Asian Racism, the Model Minority Myth and COVID-19]
| |
| | |
| - A man firstly accused for Catcalling in Rotterdam
| |
| https://www.theguardian.com/world/2019/dec/20/rotterdam-street-harassment-catcall-court-appeal
| |
| | |
| - A new petition against sexual street harassment was started last week by 19 year old Myrthe van der Houwen and the people utilize a stigmatizing image of the perpetrators; people of color.
| |
| https://fairspace.co/yes-sexual-street-harassment-is-a-problem-no-thats-not-the-fault-of-black-men/
| |
| | |
| -"At the time, in the '50s, the people who were buying cameras were mostly Caucasian people," she says. "And so I guess they didn't see the need for the market to expand to a broader range of skin tones."
| |
| https://www.npr.org/2014/11/13/363517842/for-decades-kodak-s-shirley-cards-set-photography-s-skin-tone-standard?t=1617718771138
| |
| [[File:Shirley card.jpg|thumb]]
| |
| | |
| ==Game and Woman==
| |
| <b>Everyone can make game movemment</b> | |
| | |
| | |
| | |
| =Prototyping=
| |
| | |
| ==TIC80==
| |
| fantasy console
| |
| | |
| inspired by TICO-8, but FREE (all the source possible) no need to buy a license
| |
| | |
| ===Tic 80 Basic===
| |
| | |
| - With - -, like * in python
| |
| | |
| - Line break doesn’t matter in LUA language
| |
| | |
| [[File:Tic80 first.png|thumb|Tic80 first]]
| |
| | |
| ===Function TIC()===
| |
| Cls() : function to make a first back-ground. Number = colour in palette (from 0 and 16==0)
| |
| | |
| Print : print inside of the game
| |
| | |
| Trace : print outside of the game = console (trace(bck)하면 밖에 print(bck)
| |
| | |
| Spr : for 8x8 pixel sprit => spr(spr_num, x, y, 0, 1, 0, 0, 1, 1,)
| |
| 16x17 pixel => spr(spr_num, x,y,0,1,0,0,2,2)
| |
| | |
| ===Playing TIC80 on webpage===
| |
| | |
| <b>HTML</b>
| |
| Here, when we open flesh game html
| |
| Canvas ==> import external images or what game
| |
| [[File:Tic html.png|thumb|tic_html]]
| |
| need html / js / wasm file
| |
| With HTML version, tic80 playing in mobile more stable
| |
| | |
| <b>PHP</b> | |
| | |
| ===Tutorial===
| |
| [[TIC80]]
| |
| | |
| [https://www.youtube.com/watch?v=NgMCUacP1tA&list=PLOUbntoMeucFBoxH6-AkpyHA2DJ5oBSPB Tamara TIC-80 Platformer]
| |
| | |
| == Wiki API ==
| |
| | |
| ===API===
| |
| Application Programming Interface. Get info from A (site, app) and export to B
| |
| | |
| possible to get in query and parse
| |
| | |
| query : /api.php?action=query&<b>titles</b>=Category:Situationist_Times&format=json
| |
| | |
| parse : /api.php?action=query&<b>page</b>=Category:Situationist_Times&format=json
| |
| | |
| ===Read and Write with API===
| |
| to read a content;
| |
| <source lang=python>
| |
| import urllib
| |
| import json
| |
| | |
| request = urllib.request.urlopen(url).read()
| |
| data = json.loads(request)
| |
| | |
| data
| |
| </source> | |
| | |
| to write a content; | |
| <source lang=python> | |
| test = "hello"
| |
| out = open('test.html', 'w')
| |
| out.write(test) | |
| out.close()
| |
| | |
| #or for writing an exported html content
| |
| | |
| data = html
| |
| out = open('test.html', 'w')
| |
| out.write(html)
| |
| out.close()
| |
| | |
| </source> | |
| | |
| In json form, possible to choose a specific result with []
| |
| <source lang=python> | |
| # data result : {'parse': {'title': ......
| |
| data = html[parse][title] #gives only the title value
| |
| </source> | |
| | |
| https://hub.xpub.nl/sandbot/~eunalee/__lab__/files/SI14/prototyping-times/test.html?_xsrf=2%7C27919bc0%7Ce04c1b9276a52acf4d0c8e6384264ed4%7C1610634314
| |
| | |
| [[File:Capture d’écran 2021-02-05 à 18.05.31.png|thumb|imagenet1]] | |
| [[File:Capture d’écran 2021-02-05 à 18.16.17.png|thumb|imagenet2]] | |
| | |
| ==BeautifulSoup==
| |
| Beautiful Soup is a Python library for pulling data out of HTML and XML files. It works with your favorite parser to provide idiomatic ways of navigating, searching, and modifying the parse tree. It commonly saves programmers hours or days of work.
| |
| | |
| <source lang=python>
| |
| #basic structure
| |
| | |
| import requests
| |
| from bs4 import BeautifulSoup
| |
| | |
| url = "http://books.toscrape.com/index.html"
| |
| response = requests.get(url)
| |
| html = response.content
| |
| scraped = BeautifulSoup(html, 'html.parser')
| |
| </source>
| |
| | |
| For example, scrapping the title,
| |
| <source lang=python>
| |
| scraped.title
| |
| scraped.find("title")
| |
| #real, take <title>...</title>
| |
| | |
| scraped.title.text
| |
| #take 'text' part, '...' of above
| |
| | |
| #exceptionally, we could have '\n ...\n\' => scraped.title.text.strip()
| |
| </source>
| |
| | |
| Scrapping images,
| |
| <source lang=python>
| |
| images = scraped.find_all("img")
| |
| #or more specifically,
| |
| images = scraped.find_all("article", class_="product")
| |
| #or with class(".") or id("#")
| |
| imamges = scraped.select(".product")
| |
| | |
| | |
| #images could be multiple results, as a list => need a loop!
| |
| images = scraped.find_all("img")
| |
| | |
| image_srcs=[]
| |
| | |
| for image in images:
| |
| image_src=image['src']
| |
| image_srcs.append(image_src)
| |
|
| |
| image_srcs
| |
| </source>
| |
