Eliza Ludd the Fog and the Shade - Revision history

Karl: Text replacement - "{{#ev:youtube\|(.*)}}" to " "

2024-01-30T07:40:51Z

Text replacement - "{{#ev:youtube\|(.*)}}" to "<htmltag tagname="iframe" width="1080" height="720" frameborder="no" src="https://www.youtube.com/embed/$1"></htmltag> "

← Older revision		Revision as of 09:40, 30 January 2024
Line 204:		Line 204:
	technology replaced religion		technology replaced religion

	~~{{#ev~~:youtube\|4h_dn-5I_pk}}		<htmltag tagname="iframe" width="1080" height="720" frameborder="no" src="https://www.youtube.com/embed/4h_dn-5I_pk"></htmltag>

Hd-onions at 15:19, 12 January 2020

2020-01-12T15:19:43Z

← Older revision		Revision as of 17:19, 12 January 2020
Line 5:		Line 5:
	\|Time=9:30-16:30		\|Time=9:30-16:30
	\|PeopleOrganisations=Ollie George, Char Stiles		\|PeopleOrganisations=Ollie George, Char Stiles
	\|Type=~~Meetup~~		\|Type=HDSA2019
	\|Web=Yes		\|Web=Yes
	\|Print=No		\|Print=No

Hd-onions at 14:41, 12 January 2020

2020-01-12T14:41:54Z

← Older revision		Revision as of 16:41, 12 January 2020
Line 9:		Line 9:
	\|Print=No		\|Print=No
	}}		}}
	[[File:Tutorial-capture-kodelive-01.gif~~\|thumb~~]]		[[File:Tutorial-capture-kodelive-01.gif]]

	1. A Luddite is a person who dislikes or is critical of technology, especially technological devices that threaten existing jobs or interfere with personal privacy.		1. A Luddite is a person who dislikes or is critical of technology, especially technological devices that threaten existing jobs or interfere with personal privacy.

Juliette at 17:03, 9 January 2020

2020-01-09T17:03:43Z

← Older revision		Revision as of 19:03, 9 January 2020
Line 9:		Line 9:
	\|Print=No		\|Print=No
	}}		}}

	[[File:Tutorial-capture-kodelive-01.gif\|thumb]]		[[File:Tutorial-capture-kodelive-01.gif\|thumb]]

Line 92:		Line 91:

	[https://gist.githubusercontent.com/CharStiles/b3df69a4e4a31a943a2153db550a606f/raw/6fc515c978c6eb86f8e752c0d17f4e9523cde063/theShade.glsl You can also see the raw code here]		[https://gist.githubusercontent.com/CharStiles/b3df69a4e4a31a943a2153db550a606f/raw/6fc515c978c6eb86f8e752c0d17f4e9523cde063/theShade.glsl You can also see the raw code here]


	How this works is that you paste this entirely into Kodelife.		How this works is that you paste this entirely into Kodelife.
Line 98:		Line 98:
	NOW its time to remix the fog code!		NOW its time to remix the fog code!
	* Here you can find the glsl sticker sheet: https://gist.github.com/CharStiles/e6fec016967c6c8fd648aa4b6c0055cc		* Here you can find the glsl sticker sheet: https://gist.github.com/CharStiles/e6fec016967c6c8fd648aa4b6c0055cc


	'''Next Steps for if you want to use GLSL for live coding visuals and not just Fog Nodes!!!'''		'''Next Steps for if you want to use GLSL for live coding visuals and not just Fog Nodes!!!'''
Line 104:		Line 105:

	1. Learn the maths from The Book of Shaders		1. Learn the maths from The Book of Shaders
	** If you haven’t looked at this already, look through it! Its wonderfully paced and has a lot of versatile useful information. [https://thebookofshaders.com/]		* If you haven’t looked at this already, look through it! Its wonderfully paced and has a lot of versatile useful information. [https://thebookofshaders.com/]

	2. Get into 3D!		2. Get into 3D!
	** This tutorial here: https://github.com/ajweeks/RaymarchingWorkshop is super thorough and really useful!		* This tutorial here: https://github.com/ajweeks/RaymarchingWorkshop is super thorough and really useful!
			* I wrote a really basic ray marcher that will work in kodelife: https://gist.github.com/CharStiles/0308b7c0cd4807e871f08250d57d0ec8
	** I wrote a really basic ray marcher that will work in kodelife: https://gist.github.com/CharStiles/0308b7c0cd4807e871f08250d57d0ec8

	4. Get involved Online		4. Get involved Online
	*** Toplap.org is the hub for livecode community. You can join lurk channel (its like slack) and join the visual channel https://talk.lurk.org/channel/visualists		* Toplap.org is the hub for livecode community. You can join lurk channel (its like slack) and join the visual channel https://talk.lurk.org/channel/visualists

Juliette at 16:52, 9 January 2020

2020-01-09T16:52:17Z

← Older revision		Revision as of 18:52, 9 January 2020
Line 21:		Line 21:

	We learnt about our roots as Luddites, our relationship with technology in the current situation where Fog Computing has already risen and fallen, and finally we will draft a manifesto, which will establish our take over of the deprecated Fog Network. We will explain Fog Computing as it is “analogous” to shader programming, with the goal of sending our manifesto across the Fog Network, with the help of Eliza Ludd. Who is Eliza Ludd you ask? Well, come to the workshop to find out!		We learnt about our roots as Luddites, our relationship with technology in the current situation where Fog Computing has already risen and fallen, and finally we will draft a manifesto, which will establish our take over of the deprecated Fog Network. We will explain Fog Computing as it is “analogous” to shader programming, with the goal of sending our manifesto across the Fog Network, with the help of Eliza Ludd. Who is Eliza Ludd you ask? Well, come to the workshop to find out!

			[[File:Day4Group2019.jpg\|thumb]]

	A laptop was needed.		A laptop was needed.

Juliette at 16:49, 9 January 2020

2020-01-09T16:49:27Z

← Older revision		Revision as of 18:49, 9 January 2020
Line 9:		Line 9:
	\|Print=No		\|Print=No
	}}		}}

			[[File:Tutorial-capture-kodelive-01.gif\|thumb]]

	1. A Luddite is a person who dislikes or is critical of technology, especially technological devices that threaten existing jobs or interfere with personal privacy.		1. A Luddite is a person who dislikes or is critical of technology, especially technological devices that threaten existing jobs or interfere with personal privacy.

Line 22:		Line 25:
	No coding experience required		No coding experience required
	Note that this workshop was happening in parallel to another one, you had to sign up!		Note that this workshop was happening in parallel to another one, you had to sign up!

			[[File:Anja.gif\|thumb]]

	==Kodelife intro by Char==		==Kodelife intro by Char==
Line 108:		Line 113:


			[[File:MAIN FOGTRO.gif\|thumb]]

	Thanks a lot to all the folks at Hackers and Designers Summer Academy 2019 to make this workshop: Eliza Ludd, the Fog and the Shade come to life.		Thanks a lot to all the folks at Hackers and Designers Summer Academy 2019 to make this workshop: Eliza Ludd, the Fog and the Shade come to life.
Line 172:		Line 178:

	3. James Bridle, New Dark Age (London: Verso, 2018), p. 4		3. James Bridle, New Dark Age (London: Verso, 2018), p. 4

			[[File:Experiment combined 2.gif\|thumb]]

	==Poem Note by Juliette==		==Poem Note by Juliette==
Line 193:		Line 201:
	the same way that Ned Ludd was a collective body		the same way that Ned Ludd was a collective body
	technology replaced religion		technology replaced religion

			{{#ev:youtube\|4h_dn-5I_pk}}

Juliette at 16:42, 9 January 2020

2020-01-09T16:42:25Z

← Older revision		Revision as of 18:42, 9 January 2020
Line 128:		Line 128:
	Theorist Marco Deseriis defines Ned Ludd as an ‘improper name’, or “the adoption of the same pseudonym by organized collectives, affinity groups, and individual authors”.1 Nuance appears where the name Ned Ludd detached itself from its originating context. He writes:		Theorist Marco Deseriis defines Ned Ludd as an ‘improper name’, or “the adoption of the same pseudonym by organized collectives, affinity groups, and individual authors”.1 Nuance appears where the name Ned Ludd detached itself from its originating context. He writes:

	~~===~~“The name Ned Ludd designates two asymmetrical forms of struggle. On one hand, Ludd expresses the resistance of the last guild masters and apprentices against industrial capitalism. On the other hand, as it enters the Northwest, it comes to designate the emergence—albeit still in embryonic form—of a modern form of class struggle all internal to the capitalist mode of production.”2~~===~~		'''“The name Ned Ludd designates two asymmetrical forms of struggle. On one hand, Ludd expresses the resistance of the last guild masters and apprentices against industrial capitalism. On the other hand, as it enters the Northwest, it comes to designate the emergence—albeit still in embryonic form—of a modern form of class struggle all internal to the capitalist mode of production.”2'''

	Whether real or unreal, Ned Ludd’s collective identity became actionable in the political circumstance its users found themselves in. Ned Ludd was malleable, performative and constructed when and where was necessary:a fiction as literary weapon.		Whether real or unreal, Ned Ludd’s collective identity became actionable in the political circumstance its users found themselves in. Ned Ludd was malleable, performative and constructed when and where was necessary:a fiction as literary weapon.
Line 163:		Line 163:
	We’ll DDoS the fog in one attempt, and censor it in another. Should that fail, in spite of a code that won’t compute so mathematically, we’ll brand it. We’ll saturate the fog and flood it with popular culture. We’ll script the fog in acts of three and roleplay it start-to-finish. We’ll confine the fog to download speed and corner its bandwidth allowance. We’ll forge, tamper with and spam its metaphor, disguise ourselves as Eliza and jam the fog with colluded data. We’ll invoke the fog into other metaphors to contradict itself and mediate a non-computed tussle. We may even try to mask the fog, though its potent source will dare to remain.In the face of its mounting corporeality, we must accelerate the fog, exercising it visually and textually to the point of overdrive. The fog in overdrive might lead to override, and overriding its unknown might help us to disarm it.		We’ll DDoS the fog in one attempt, and censor it in another. Should that fail, in spite of a code that won’t compute so mathematically, we’ll brand it. We’ll saturate the fog and flood it with popular culture. We’ll script the fog in acts of three and roleplay it start-to-finish. We’ll confine the fog to download speed and corner its bandwidth allowance. We’ll forge, tamper with and spam its metaphor, disguise ourselves as Eliza and jam the fog with colluded data. We’ll invoke the fog into other metaphors to contradict itself and mediate a non-computed tussle. We may even try to mask the fog, though its potent source will dare to remain.In the face of its mounting corporeality, we must accelerate the fog, exercising it visually and textually to the point of overdrive. The fog in overdrive might lead to override, and overriding its unknown might help us to disarm it.

	~~===~~To break the machine then was to condemn its assault on working livelihood. To break the machine now is to demystify its metaphor by accelerating and disarming it.~~===~~		'''To break the machine then was to condemn its assault on working livelihood. To break the machine now is to demystify its metaphor by accelerating and disarming it.'''

	Eliza Ludd & the Fog is a story already written, but yet to be told.		'''Eliza Ludd & the Fog is a story already written, but yet to be told.'''

	1. Marco Deseriis, Improper Names: CollectivePseudonyms from the Luddites to Anonymous(Minneapolis: University of Minnesota Press, 2015), p. 3		1. Marco Deseriis, Improper Names: CollectivePseudonyms from the Luddites to Anonymous(Minneapolis: University of Minnesota Press, 2015), p. 3

Juliette at 16:40, 9 January 2020

2020-01-09T16:40:39Z

@@ Line 10: / Line 10: @@
 }}
 . A Luddite is a person who dislikes or is critical of technology, especially technological devices that threaten existing jobs or interfere with personal privacy.
 . Fog Computing is like Cloud Computing, but more local and ubiquitous.
 . Shaders are a way to produce real-time computer graphics. Shaders are written in GLSL which is the OpenGL Shading Language, a C-like programming language that allows you to code powerful graphics programs (aka shaders) directly on your computer’s graphics card.
@@ Line 21: / Line 23: @@
 Note that this workshop was happening in parallel to another one, you had to sign up!
-==Tutorial==
+==Kodelife intro by Char==
 Greetings Luddites…
@@ Line 110: / Line 112: @@
 http://charstiles.com/shade/
 ==Poem Note by Juliette==

Juliette at 16:29, 9 January 2020

2020-01-09T16:29:33Z

← Older revision		Revision as of 18:29, 9 January 2020
Line 82:		Line 82:
	}		}

	[ https://gist.githubusercontent.com/CharStiles/b3df69a4e4a31a943a2153db550a606f/raw/6fc515c978c6eb86f8e752c0d17f4e9523cde063/theShade.glsl You can also see the raw code here]		[https://gist.githubusercontent.com/CharStiles/b3df69a4e4a31a943a2153db550a606f/raw/6fc515c978c6eb86f8e752c0d17f4e9523cde063/theShade.glsl You can also see the raw code here]

	How this works is that you paste this entirely into Kodelife.		How this works is that you paste this entirely into Kodelife.

Juliette at 16:28, 9 January 2020

2020-01-09T16:28:34Z

← Older revision		Revision as of 18:28, 9 January 2020
Line 29:		Line 29:
	#version 150		#version 150

	// All of the uniform variables are declared in the side control panel		// All of the uniform variables are declared in the side control panel
	uniform float time;		uniform float time;
	uniform vec2 resolution;		uniform vec2 resolution;

	uniform sampler2D texture0;		uniform sampler2D texture0;
	uniform sampler2D prevFrame;		uniform sampler2D prevFrame;

	// this is part of the pipeline, it doenst really concern us.		// this is part of the pipeline, it doenst really concern us.
	in VertexData		in VertexData
	{		{
	vec4 v_position;		vec4 v_position;
	vec3 v_normal;		vec3 v_normal;
	vec2 v_texcoord;		vec2 v_texcoord;
	} inData;		} inData;

	out vec4 nodeStatus; // this is what the output of the node will be		out vec4 nodeStatus; // this is what the output of the node will be

	void main(void)		void main(void)
	{		{
	vec2 nodeID = inData.v_texcoord;		vec2 nodeID = inData.v_texcoord;
	// this ^^^^ is all the information we have about our fog node.		// this ^^^^ is all the information we have about our fog node.
	//JUST the ID which correlates to a pixel position on screen		//JUST the ID which correlates to a pixel position on screen
	// so the node given the ID (0,0) is in the bottom left screen and		// so the node given the ID (0,0) is in the bottom left screen and
	// the node with the ID (1,1) is represented by the pixel in the top right		// the node with the ID (1,1) is represented by the pixel in the top right

	vec4 prevNodeStatus = texture(prevFrame, nodeID); // if this line isnt working, you have		vec4 prevNodeStatus = texture(prevFrame, nodeID); // if this line isnt working, you have
	//a different version of kodelife change the function texture to be texture2D		//a different version of kodelife change the function texture to be texture2D

	vec2 i = nodeID*8.0- vec2(20.0); // these are magic numbers that scale it to fit the screen		vec2 i = nodeID*8.0- vec2(20.0); // these are magic numbers that scale it to fit the screen

	float intensity = .2;		float intensity = .2;

	float t = time;		float t = time;

	//these next two lines are where the magic happens! feel free to noodle around with the numbers		//these next two lines are where the magic happens! feel free to noodle around with the numbers
	i += vec2(cos(t - i.x) + sin(t + i.y), sin(t - i.y) + cos(t + i.x));		i += vec2(cos(t - i.x) + sin(t + i.y), sin(t - i.y) + cos(t + i.x));
	float fog = 2.0+ (8/length(vec2(i.x / (sin(i.x+t)/intensity),i.y / (cos(i.y+t)/intensity))));		float fog = 2.0+ (8/length(vec2(i.x / (sin(i.x+t)/intensity),i.y / (cos(i.y+t)/intensity))));

	//normalizes the (intensity)colors so theyre between 0 and 1		//normalizes the (intensity)colors so theyre between 0 and 1
	fog = 1.0-sqrt(fog);		fog = 1.0-sqrt(fog);
	fog = fogfogfog*fog;		fog = fogfogfog*fog;

	// if the fog is too bright, copy what it was the previous moment(frame)		// if the fog is too bright, copy what it was the previous moment(frame)
	if (fog > 0.3){		if (fog > 0.3){
	fog = prevNodeStatus.x * 0.99;		fog = prevNodeStatus.x * 0.99;
	}		}

	vec4 final = vec4(vec3(fog), 1.0); // casting to a vec4		vec4 final = vec4(vec3(fog), 1.0); // casting to a vec4
	//ignore the last number it doesnt matter in this context		//ignore the last number it doesnt matter in this context

	nodeStatus = final;		nodeStatus = final;
	}		}

	[ https://gist.githubusercontent.com/CharStiles/b3df69a4e4a31a943a2153db550a606f/raw/6fc515c978c6eb86f8e752c0d17f4e9523cde063/theShade.glsl You can also see the raw code here]		[ https://gist.githubusercontent.com/CharStiles/b3df69a4e4a31a943a2153db550a606f/raw/6fc515c978c6eb86f8e752c0d17f4e9523cde063/theShade.glsl You can also see the raw code here]