akkartik/template-carousel-mobile - Change MJ6KKFVTYJDUPLERQZ7B7TU2N6VEMIR7AOUY6R46A6VVAFTVA5VAC

give example panes a name

Created by akkartik on November 23, 2023

MJ6KKFVTYJDUPLERQZ7B7TU2N6VEMIR7AOUY6R46A6VVAFTVA5VAC

Dependencies

In channels

main

Change contents

Replacement in 0078-Example_panes at line 1 [4.1]

B:BD[4.1] → [4.2:110]

-- some examples
-- each element of this array is itself an array of lines that will get loaded into a pane

[4.1]

[4.110]

-- some examples that each get loaded into a pane
-- each example has a name, so we can avoid bringing back up an example someone deleted.

Replacement in 0078-Example_panes at line 5 [4.1]

B:BD[4.131] → [2.27:161]

∅:D[2.161] → [4.264:288]

B:BD[4.264] → [4.264:288]

B:BD[4.288] → [2.162:283]

∅:D[2.283] → [4.407:415]

B:BD[4.407] → [4.407:415]

		"-- Some examples; feel free to delete them and they'll never return.",
		'-- First example: you can perform simple calculations.',
		'-- (scroll down..)',
		"-- Try hitting the 'run' button above.",
		"-- When you're done, tap on the right margin to go to the next example.",
		'2+3'

[4.131]

[4.415]

		name='expr',
		lines={
			"-- Some examples; feel free to delete them and they'll never return.",
			'-- First example: you can perform simple calculations.',
			"-- (scroll down if you're on a small screen..)",
			"-- Try hitting the 'run' button above.",
			"-- When you're done, tap on the right margin to go to the next example.",
			'2+3',
		}

Replacement in 0078-Example_panes at line 16 [4.1]

B:BD[4.422] → [2.284:388]

∅:D[2.388] → [4.524:556]

B:BD[4.524] → [4.524:556]

		'-- print() calls show up in the area below.',
		"-- Hit 'run' and then scroll through the results.",
		'for i=1,20 do print(i) end',

[4.422]

[4.556]

		name='print',
		lines={
			'-- print() calls show up in the area below.',
			"-- Hit 'run' and then scroll through the results.",
			'for i=1,20 do print(i) end',
		},

Replacement in 0078-Example_panes at line 24 [4.1]

B:BD[4.563] → [2.389:474]

∅:D[2.474] → [4.646:687]

B:BD[4.646] → [4.646:687]

		'-- You can draw on the screen.',
		"-- After you hit 'run', try hitting 'hide'.",
		'love.graphics.line(100,100, 200,300)'

[4.563]

[4.687]

		name='draw',
		lines={
			'-- You can draw on the screen.',
			"-- After you hit 'run', try hitting 'hide'.",
			'love.graphics.line(100,100, 200,300)',
		},

Replacement in 0078-Example_panes at line 32 [4.1]

B:BD[4.694] → [4.694:803]

		'-- some color',
		'love.graphics.setColor(1,0,0)',
		"love.graphics.rectangle('fill', 100,100, 200,300)",

[4.694]

[4.803]

		name='color',
		lines={
			'-- some color',
			'love.graphics.setColor(1,0,0)',
			"love.graphics.rectangle('fill', 100,100, 200,300)",
		},

Replacement in 0078-Example_panes at line 40 [4.1]

B:BD[4.810] → [2.475:570]

∅:D[2.570] → [4.904:1197]

B:BD[4.904] → [4.904:1197]

B:BD[4.1197] → [5.51:60]

		'-- A checkerboard',
		'-- Notice Safe_width and Safe_height for the bounds of the screen.',
		'n = 100',
		'for x=0,Safe_width,n do',
		'  for y=0,Safe_height,n do',
		'    if (x+y)/n%2 == 0 then',
		'      love.graphics.setColor(0.9, 0.7, 0.7)',
		'    else',
		'      love.graphics.setColor(0.7, 0.7, 0.9)',
		'    end',
		"    love.graphics.rectangle('fill', x,y, n,n)",
		'  end',
		'end',

[4.810]

[5.60]

		name='pattern',
		lines={
			'-- A checkerboard',
			'-- Notice Safe_width and Safe_height for the bounds of the screen.',
			'n = 100',
			'for x=0,Safe_width,n do',
			'  for y=0,Safe_height,n do',
			'    if (x+y)/n%2 == 0 then',
			'      love.graphics.setColor(0.9, 0.7, 0.7)',
			'    else',
			'      love.graphics.setColor(0.7, 0.7, 0.9)',
			'    end',
			"    love.graphics.rectangle('fill', x,y, n,n)",
			'  end',
			'end',
		},

Replacement in 0078-Example_panes at line 58 [4.1]

B:BD[5.67] → [3.101:188]

∅:D[3.188] → [5.172:225]

B:BD[5.172] → [5.172:225]

B:BD[5.225] → [3.189:376]

∅:D[3.376] → [5.418:575]

B:BD[5.418] → [5.418:575]

∅:D[5.575] → [4.1197:1206]

B:BD[4.1197] → [4.1197:1206]

B:BD[4.1206] → [5.576:743]

B:BD[5.743] → [3.377:386]

		'-- For animations, you can define various functions that will get called for you.',
		'-- LÖVE supports functions of the form love.*,',
		'-- for example, love.draw, love.update, etc.',
		"-- You can't define those directly because Carousel Shell needs to define them for its UI, but you can define your own under car.*,",
		'-- for example, car.draw, car.update, etc.',
		'Radius, dRadius = 100, 10',
		'function car.draw()',
		"  love.graphics.circle('fill', 100,100, Radius)",
		'end',
		'',
		'function car.update(dt)',
		'  Radius = Radius+dRadius',
		'  if Radius > 500 then dRadius = -dRadius end',
		'  if Radius < 30 then dRadius = -dRadius end',
		'end',

[5.67]

[3.386]

		name='animation',
		lines={
			'-- For animations, you can define various functions that will get called for you.',
			'-- LÖVE supports functions of the form love.*,',
			'-- for example, love.draw, love.update, etc.',
			"-- You can't define those directly because Carousel Shell needs to define them for its UI, but you can define your own under car.*,",
			'-- for example, car.draw, car.update, etc.',
			'Radius, dRadius = 100, 10',
			'function car.draw()',
			"  love.graphics.circle('fill', 100,100, Radius)",
			'end',
			'',
			'function car.update(dt)',
			'  Radius = Radius+dRadius',
			'  if Radius > 500 then dRadius = -dRadius end',
			'  if Radius < 30 then dRadius = -dRadius end',
			'end',
		},

Replacement in 0078-Example_panes at line 78 [4.1]

B:BD[3.393] → [3.393:1173]

∅:D[3.1173] → [5.743:752]

B:BD[5.743] → [5.743:752]

B:BD[5.752] → [3.1174:1387]

		'-- For interactivity, LÖVE provides functions like love.keypressed, love.mousepressed, etc.',
		'-- As before, define the corresponding car.keypressed, car.mousepressed, etc.',
		"-- A pane's interactive events only activate when the editor is hidden using the 'hide' button above.",
		"-- Try running this example and then pressing and holding the mouse and pressing and releasing keys.",
		'-- Then try hiding the editor and again pressing and holding the mouse and pressing and releasing keys',
		'X, Y, dX = 100, 0, 10',
		"Log = ''",
		'',
		'function car.draw()',
		'	love.graphics.line(X,Y, X,Y+300)',
		'	love.graphics.print(Log, 50,50)',
		'end',
		'',
		'function car.update(dt)',
		'	if X > 500 then dX = -dX end',
		'	if X < 100 then dX = -dX end',
		'	X = X+dX',
		'end',
		'',
		'function car.mousepressed(x,y, button)',
		'	Y = y',
		'end',
		'',
		'function car.mousereleased(x,y, button)',
		'	Y = 0',
		'end',
		'',
		'function car.keypressed(key)',
		'	Log = Log..key',
		'end',

[3.393]

[4.1206]

		name='interactive',
		lines={
			'-- For interactivity, LÖVE provides functions like love.keypressed, love.mousepressed, etc.',
			'-- As before, define the corresponding car.keypressed, car.mousepressed, etc.',
			"-- A pane's interactive events only activate when the editor is hidden using the 'hide' button above.",
			"-- Try running this example and then pressing and holding the mouse and pressing and releasing keys.",
			'-- Then try hiding the editor and again pressing and holding the mouse and pressing and releasing keys',
			'X, Y, dX = 100, 0, 10',
			"Log = ''",
			'',
			'function car.draw()',
			'	love.graphics.line(X,Y, X,Y+300)',
			'	love.graphics.print(Log, 50,50)',
			'end',
			'',
			'function car.update(dt)',
			'	if X > 500 then dX = -dX end',
			'	if X < 100 then dX = -dX end',
			'	X = X+dX',
			'end',
			'',
			'function car.mousepressed(x,y, button)',
			'	Y = y',
			'end',
			'',
			'function car.mousereleased(x,y, button)',
			'	Y = 0',
			'end',
			'',
			'function car.keypressed(key)',
			'	Log = Log..key',
			'end',
		},

Replacement in 0078-Example_panes at line 113 [4.1]

B:BD[4.1213] → [2.571:616]

∅:D[2.616] → [4.1257:1466]

B:BD[4.1257] → [4.1257:1466]

B:BD[4.1466] → [2.617:659]

∅:D[2.659] → [4.1507:1601]

B:BD[4.1507] → [4.1507:1601]

B:BD[4.1601] → [5.753:845]

		'-- Some abbreviations to reduce typing.',
		'g = love.graphics',
		'points, line, rectangle, polygon, circle, arc, ellipse = g.points, g.line, g.rectangle, g.polygon, g.circle, g.arc, g.ellipse',
		'color, bgColor = g.setColor, g.setBackgroundColor',
		"-- Enough abbreviations, let's draw.",
		'color(1,0,0) bgColor(0,1,0)',
		'line(100,100, 200,300)',
		"circle('fill', 200,100, 30)",
		'-- once you load this pane, the abbreviations here will be available in any other pane',

[4.1213]

[4.1601]

		name='abbreviations',
		lines={
			'-- Some abbreviations to reduce typing.',
			'g = love.graphics',
			'points, line, rectangle, polygon, circle, arc, ellipse = g.points, g.line, g.rectangle, g.polygon, g.circle, g.arc, g.ellipse',
			'color, bgColor = g.setColor, g.setBackgroundColor',
			"-- Enough abbreviations, let's draw.",
			'color(1,0,0) bgColor(0,1,0)',
			'line(100,100, 200,300)',
			"circle('fill', 200,100, 30)",
			'-- once you load this pane, the abbreviations here will be available in any other pane',
		},

Replacement in 0078-Example_panes at line 127 [4.1]

B:BD[4.1608] → [2.660:715]

∅:D[2.715] → [4.1660:1669]

B:BD[4.1660] → [4.1660:1669]

		"-- Over to you. We hope you enjoy Carousel Shell!",
		'',
	}

[4.1608]

[4.1669]

		name='beginning',
		lines={
			"-- Over to you. We hope you enjoy Carousel Shell!",
			'',
		},
	},

Replacement in 0077-example_pane at line 1 [4.1715]
B:BD[4.1715] → [4.1716:1747]
```
example_pane = function(lines)
```
[4.1715]
[4.1747]
```
example_pane = function(name, lines)
```
Insertion in 0077-example_pane at line 3 [4.1715]
[4.1774]
[4.1774]
```
	result.name = name
```
Replacement in 0011-on.initialize at line 9 [7.3075]
B:BD[6.2084] → [4.2001:2043]
```
	Panes = map(Example_panes, example_pane)
```
[6.2084]
[8.2248]
```
	load_example_panes()
```