Pie Chart Creation - История изменений

Patarakin в 10:47, 8 декабря 2023

2023-12-08T10:47:49Z

← Предыдущая версия		Версия от 13:47, 8 декабря 2023
Строка 1:		Строка 1:
			{{Scripting Tutorials}}
	This page will describe the steps to make a simple '''pie chart''', with instructions on drawing circles, sectioning, and mouse-over effects.		This page will describe the steps to make a simple '''pie chart''', with instructions on drawing circles, sectioning, and mouse-over effects.

Строка 68:		Строка 69:
	pen up		pen up
	</scratchblocks>		</scratchblocks>
	[[File:Pie Chart 2.png\|201px\|thumb\|right\|The result of the script in "Coloring Sectors", with radius = 100, turn angle = 0.5, angle 1 = 140, angle 2 = -100]]
	Here, angle 1 represents the direction of the edge between the red and blue sectors. and angle 2 represents the direction of the edge between the blue and yellow sectors. The colors, of course, can be changed to whatever the project maker wishes, and more colors can be used.		Here, angle 1 represents the direction of the edge between the red and blue sectors. and angle 2 represents the direction of the edge between the blue and yellow sectors. The colors, of course, can be changed to whatever the project maker wishes, and more colors can be used.

Patarakin в 10:34, 8 декабря 2023

2023-12-08T10:34:59Z

← Предыдущая версия		Версия от 13:34, 8 декабря 2023
Строка 3:		Строка 3:
	==Circles in General==		==Circles in General==
	[[List of Mathematical Functions Done in Scratch\|Mathematical Functions]] are important while using geometry or math in general on [[Scratch]]. This page will cover the various formulas needed in Scratch, while also going over the circle formulas.		[[List of Mathematical Functions Done in Scratch\|Mathematical Functions]] are important while using geometry or math in general on [[Scratch]]. This page will cover the various formulas needed in Scratch, while also going over the circle formulas.
	~~[[File:Pie-chart.jpg\|200px\|thumb\|right\|An example pie chart made outside of Scratch]]~~

	===Circle Formulas===		===Circle Formulas===

Patarakin: 1 версия импортирована

2022-07-21T08:33:17Z

1 версия импортирована

← Предыдущая версия	Версия от 11:33, 21 июля 2022
(нет различий)

scratch>Jvvg в 21:42, 6 июня 2022

2022-06-06T21:42:05Z

Новая страница

This page will describe the steps to make a simple '''pie chart''', with instructions on drawing circles, sectioning, and mouse-over effects.

==Circles in General==
[[List of Mathematical Functions Done in Scratch|Mathematical Functions]] are important while using geometry or math in general on [[Scratch]]. This page will cover the various formulas needed in Scratch, while also going over the circle formulas.
[[File:Pie-chart.jpg|200px|thumb|right|An example pie chart made outside of Scratch]]

===Circle Formulas===
In this section:

* pi is the value of [[Calculating Pi|Pi]] (3.14159...)
* r is the radius of the circle

This will calculate the area of a circle:
<scratchblocks>
((pi) * ((r) * (r))) // pi * r squared
</scratchblocks>

and this will calculate the circumference of a circle:
<scratchblocks>
((2) * ((pi) * (r)))
</scratchblocks>

===Using Pi===
The value of pi is not provided in a block, so some users like to approximate it by the first several digits, such as by 3.1415926535.

==Example Scripts==

=== Drawing Filled Circles===

In this case, the viewer will be able to see the circle being drawn. If a smaller value is used for the turn angle, the circle will look bolder, but the drawing will take longer to finish. The drawing can be sped up by activating [[Turbo Mode]].
<scratchblocks>
point in direction (0)
go to x: (0) y: (0)
pen down
repeat ((360) / (turn angle))
move (radius) steps
go to x: (0) y: (0)
turn right (turn angle) degrees
end
pen up
</scratchblocks>

In this script:
* Radius is the radius of the circle
* Turn angle is how many degrees to turn

===Coloring Sectors===

Most pie charts, like the example provided, have sectors filled with different colors. This is a modification of the basic circle script from before, which can color some sectors with various colors:
<scratchblocks>
point in direction (0)
go to x: (0) y: (0)
pen down
repeat ((360) / (turn angle))
if < ((direction) mod (360)) < ((angle 1) mod (360)) > then
set pen color to (#FF0000)
else
if < ((direction) mod (360)) < ((angle 2) mod (360)) > then
set pen color to (#0000FF)
else
set pen color to (#FFFF00)
end
end
move (radius) steps
go to x: (0) y: (0)
turn right (turn angle) degrees
end
pen up
</scratchblocks>
[[File:Pie Chart 2.png|201px|thumb|right|The result of the script in "Coloring Sectors", with radius = 100, turn angle = 0.5, angle 1 = 140, angle 2 = -100]]
Here, angle 1 represents the direction of the edge between the red and blue sectors. and angle 2 represents the direction of the edge between the blue and yellow sectors. The colors, of course, can be changed to whatever the project maker wishes, and more colors can be used.

===Mouseovers===

This code makes text display and plays a sound when the [[mouse-pointer]] is hovered over a portion of the pie chart.

First create this simple script, in a sprite that is smaller than the mouse-pointer:
<scratchblocks>
when flag clicked
forever
go to (mouse-pointer v)
end
</scratchblocks>

That will make the sprite follow the mouse-pointer while the project is running. The following script (for the same sprite) will play the "pop" sound and announce when the mouse-pointer hovers over a section of the pie chart:
<scratchblocks>
when flag clicked
forever
if <touching color [#FF0000]?> then // color of section 1
start sound (pop v)
repeat until < not <touching color [#FF0000]?> >
say [Section 1]
end
say []
end
end
</scratchblocks>

[[Category:Scripting Tutorials]]