Using Clones for Particle Effects - История изменений

Patarakin: /* Creating the Effect */

2025-03-07T10:01:19Z

Creating the Effect

← Предыдущая версия		Версия от 13:01, 7 марта 2025
Строка 21:		Строка 21:

	To begin, create two local [[variable]]s and call then velocity x and velocity y. Make sure that they're "for this sprite only".		To begin, create two local [[variable]]s and call then velocity x and velocity y. Make sure that they're "for this sprite only".
	~~{{note\|~~Always use local variables where you can so that you do not add too many new variables to the user's palette. If the user has variables of the same name, there will be errors. If you do need a global variable, prefix its name. For example, use "(spark).color" instead of "color".}}		* Always use local variables where you can so that you do not add too many new variables to the user's palette. If the user has variables of the same name, there will be errors. If you do need a global variable, prefix its name. For example, use "(spark).color" instead of "color".

	Now you will need to write the common velocity-arc script under a "when I start as a clone" block:		Now you will need to write the common velocity-arc script under a "when I start as a clone" block:

Patarakin: /* Creating the Effect */

2022-09-06T06:17:59Z

Creating the Effect

← Предыдущая версия		Версия от 09:17, 6 сентября 2022
Строка 13:		Строка 13:
	== Instructions ==		== Instructions ==
	=== Creating the Effect ===		=== Creating the Effect ===
	First, you need to create the parent sprite. This sprite will generate all the particles of the spark effect~~{{-}}~~ not that it itself will never be one of the particles. The general plan of the code is:		First, you need to create the parent sprite. This sprite will generate all the particles of the spark effect not that it itself will never be one of the particles. The general plan of the code is:
	* To generate a spark effect, go to the required position		* To generate a spark effect, go to the required position
	* Create 10 clones, each of which is a particle of the spark		* Create 10 clones, each of which is a particle of the spark

Patarakin в 06:16, 6 сентября 2022

2022-09-06T06:16:57Z

← Предыдущая версия		Версия от 09:16, 6 сентября 2022
Строка 5:		Строка 5:
	\|Возрастная категория=10		\|Возрастная категория=10
	\|similar_concepts=Flocking, Клон		\|similar_concepts=Flocking, Клон
	\|Environment=~~Scrath,~~ Snap!		\|Environment=Snap!, Scratch
	}}		}}
	'''[[Клон]]ы''' появились в Scratch с версии 2. They allowed you to create complete duplicates of [[sprite]]s, which can then individually run tasks.		'''[[Клон]]ы''' появились в Scratch с версии 2. They allowed you to create complete duplicates of [[sprite]]s, which can then individually run tasks.

Patarakin в 06:16, 6 сентября 2022

2022-09-06T06:16:22Z

← Предыдущая версия		Версия от 09:16, 6 сентября 2022
Строка 1:		Строка 1:
	'''[[~~Clone~~]]s''' ~~were a new feature in [[~~Scratch 2~~.0]]~~. They allowed you to create complete duplicates of [[sprite]]s, which can then individually run tasks.		{{Scripting Tutorials
			\|Description=Как создать эффект частиц с помощью клонов?
			\|Field_of_knowledge=Химия, Биология, Информатика
			\|FieldActivity=Computational Thinker
			\|Возрастная категория=10
			\|similar_concepts=Flocking, Клон
			\|Environment=Scrath, Snap!
			}}
			'''[[Клон]]ы''' появились в Scratch с версии 2. They allowed you to create complete duplicates of [[sprite]]s, which can then individually run tasks.

	Using clones properly is important {{-}} you should make sure your scripts are concise, fast, and readable. This tutorial will explain how to use clones to create a utility for particle effects. This will begin with using clones to create a 'spark' effect, then optimize the code, and finally create an easy-to-use package for a user so that they can incorporate it into a [[project]] easily. The goal is to create a single block called "Create a spark at x: () y: ()".		Using clones properly is important {{-}} you should make sure your scripts are concise, fast, and readable. This tutorial will explain how to use clones to create a utility for particle effects. This will begin with using clones to create a 'spark' effect, then optimize the code, and finally create an easy-to-use package for a user so that they can incorporate it into a [[project]] easily. The goal is to create a single block called "Create a spark at x: () y: ()".
Строка 17:		Строка 25:
	Now you will need to write the common velocity-arc script under a "when I start as a clone" block:		Now you will need to write the common velocity-arc script under a "when I start as a clone" block:

	~~<!-- [[File:Spark_scr_1.png]] -->~~
	<scratchblocks>		<scratchblocks>
	When [space v] key pressed		When [space v] key pressed
Строка 82:		Строка 89:
	First, we hide the parent spark, because it should not be visible. We also make the spark creation routine a custom block. Then we add a small delay when creating a clone, which changes over time to give a more realistic effect:		First, we hide the parent spark, because it should not be visible. We also make the spark creation routine a custom block. Then we add a small delay when creating a clone, which changes over time to give a more realistic effect:

	~~<!-- [[File:Spark_scr_3.png]] -->~~
	<scratchblocks>		<scratchblocks>
	when gf clicked		when gf clicked
Строка 272:		Строка 279:

	[[Category:Scripting Tutorials]]		[[Category:Scripting Tutorials]]
	~~[[Category:Computer Science]]~~
	~~[[Category:Cloning]]~~
	~~[[ja:クローンを使ったパーティクル効果]]~~

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

2022-07-21T08:33:13Z

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

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

scratch>TemplatesFTW: Automated edit: fixed 1 style guideline

2021-12-30T00:33:24Z

Automated edit: fixed 1 style guideline

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

'''[[Clone]]s''' were a new feature in [[Scratch 2.0]]. They allowed you to create complete duplicates of [[sprite]]s, which can then individually run tasks.

Using clones properly is important {{-}} you should make sure your scripts are concise, fast, and readable. This tutorial will explain how to use clones to create a utility for particle effects. This will begin with using clones to create a 'spark' effect, then optimize the code, and finally create an easy-to-use package for a user so that they can incorporate it into a [[project]] easily. The goal is to create a single block called "Create a spark at x: () y: ()".

== Instructions ==
=== Creating the Effect ===
First, you need to create the parent sprite. This sprite will generate all the particles of the spark effect{{-}} not that it itself will never be one of the particles. The general plan of the code is:
* To generate a spark effect, go to the required position
* Create 10 clones, each of which is a particle of the spark
* When the particles are created, they fly out and fall, together giving the effect of a spark
First, create your sprite. Name it "Spark" and make its costume a single orange dot.
{{note|The reason why a costume is used instead of the pen to draw is because if the user's script calls "clear", the particle effect will be erased.}}

To begin, create two local [[variable]]s and call then velocity x and velocity y. Make sure that they're "for this sprite only".
{{note|Always use local variables where you can so that you do not add too many new variables to the user's palette. If the user has variables of the same name, there will be errors. If you do need a global variable, prefix its name. For example, use "(spark).color" instead of "color".}}

Now you will need to write the common velocity-arc script under a "when I start as a clone" block:


<scratchblocks>
When [space v] key pressed
repeat (10)
create clone of [myself v]
end

When I start as a clone
set [velocity x v] to ((pick random (-5) to (5)) / (3))
set [velocity y v] to (pick random (1) to (10))
repeat (20)
change x by (velocity x)
change y by (velocity y)
change [velocity y v] by (-1)
end
delete this clone
</scratchblocks>

At this point, you can run the script! Just press space to see some sparks.

How come the velocity variables do not get muddled with each other and get reset by each clone? When we clicked "for this sprite only", we made it a lexically scoped variable which is duplicated along with the sprite. That is, each clone had its own velocity x and velocity y variables independent of each other.

One of the issues with this script is that if you press space multiple times, each spark duplicates itself. This is clearly wrong behavior; it happens because when space is pressed, each clone starts creating copies. So we need a new variable which tells us whether we are a clone or not:

<scratchblocks>
when gf clicked
set [is clone? v] to [no]

when [space v] key pressed
if <(is clone?) = [no]> then
repeat (10)
create clone of [myself v]
end
end

when I start as a clone
set [is clone? v] to [yes]
set [velocity x v] to ((pick random (-5) to (5)) / (3))
set [velocity y v] to (pick random (1) to (10))
repeat (20)
change x by (velocity x)
change y by (velocity y)
change [velocity y v] by (-1)
end
delete this clone
</scratchblocks>

The is clone? variable tells the sprite whether or not to duplicate itself. Make sure this is local, too. You can also fix the issue by instead of using when space key pressed you could use
<scratchblocks>when gf clicked
forever
if <key [space v] pressed> then
repeat (10)
create clone of [myself v]
end
end
end
</scratchblocks>

=== Optimizations and Improvements ===
In this section, we will add the following optimizations to the spark engine:
* Sparks will be created gradually, instead of suddenly
* Sparks will fade out and "die" automatically, instead of waiting to touch the edge

First, we hide the parent spark, because it should not be visible. We also make the spark creation routine a custom block. Then we add a small delay when creating a clone, which changes over time to give a more realistic effect:


<scratchblocks>
when gf clicked
set [is clone? v] to [no]
hide

when I start as a clone
show
set [is clone? v] to [yes]
set [velocity x v] to ((pick random (-5) to (5)) / (3))
set [velocity y v] to (pick random (1) to (10))
repeat (20)
change x by (velocity x)
change y by (velocity y)
change [velocity y v] by (-1)
end
delete this clone

define Create effect at (x) (y)
go to x: (x) y: (y)
set [creation_delay v] to [-0.05]
if <(is clone?) = [no]> then
repeat (10)
change [creation_delay v] by (0.001)
wait ((creation_delay) * (creation_delay)) secs
create clone of [myself v]
end
end

when [space v] key pressed
Create effect at (1) (1)</scratchblocks>

To make sparks fade out, we simply change the ghost effect:
<scratchblocks>
when gf clicked
set [is clone? v] to [no]
hide

when I start as a clone
show
set [is clone? v] to [yes]
set [velocity x v] to ((pick random (-5) to (5)) / (3))
set [velocity y v] to (pick random (1) to (10))
repeat (20)
change [ghost v] effect by (5)
change x by (velocity x)
change y by (velocity y)
change [velocity y v] by (-1)
end
delete this clone

define Create effect at (x) (y)
go to x: (x) y: (y)
set [creation_delay v] to [-0.03]
if <(is clone?) = [no]> then
repeat (10)
change [creation_delay v] by (0.001)
wait ((creation_delay) * (creation_delay)) secs
create clone of [myself v]
create clone of [myself v]
create clone of [myself v]
create clone of [myself v]
end
end

when [space v] key pressed
Create effect at (1) (1)</scratchblocks>

We also create more sparks for a richer effect, and tweak the creation delay mildly.

=== Distributing the Code ===
To distribute the sparks library, we need to create a custom block which can be defined on any sprite. When called by the user, it should send a broadcast to the spark sprite to generate a spark effect.

We do this by creating a '''global''' list called "(spark) preferences" which contains a list of information about the spark library. It has, in order:
# X position to spawn
# Y position to spawn
# Color to spawn

Adding these touches, we have:
<scratchblocks>
when [space v] key pressed
create effect at (1)(1)

define create effect at (x)(y)
go to x: (x) y: (y)
set [creation_delay v] to [-0.002]
if <(is clone?)=[no]> then
repeat (3)
change [creation_delay v] by (0.005)
wait ((creation_delay)*(creation_delay)) secs
create clone of [myself v]
create clone of [myself v]
create clone of [myself v]
create clone of [myself v]
end
end

when I start as a clone
show
set [is clone? v] to [yes]
set [velocity x v] to ((pick random (-5) to (5))/(3))
set [velocity y v] to (pick random (1) to (10))
repeat (20)
change [ghost v] effect by (5)
change x by (velocity x)
change y by (velocity y)
change [velocity y v] by (-1)
end
delete this clone

when gf clicked
set [is clone? v] to [no]
hide

when I receive [(spark) spawn v]
set [color v] effect to (item (3 v) of [(spark) preferences v])
create effect at (item (1 v) of [(spark) preferences v])(item (2 v) of [(spark) preferences v])
</scratchblocks>

We also create the global block, and a small demo script:

<scratchblocks>
when [space v] key pressed
Spawn Spark Effect at x: (mouse x) y: (mouse y) color: (pick random (1) to (200))

define Spawn Spark Effect at x: (x) y: (y) color: (color)
replace item (1 v) of [(spark) preferences v] with (x)
replace item (2 v) of [(spark) preferences v] with (y)
replace item (3 v) of [(spark) preferences v] with (color)
broadcast [(spark) spawn v]
</scratchblocks>

An issue here is that when you create a spark while an old one is running, the old spark effect stops. This is because of the broadcast. To avoid this, we use a trigger variable instead of a broadcast. We add a new item to our preferences list. Whenever a new spark is created, we simply set this to "new", and our library resets it back to blank once the effect has been created:

<scratchblocks>
when gf clicked
set [is clone? v] to [no]
hide

when I start as a clone
show
set [is clone? v] to [yes]
set [velocity x v] to ((pick random (-5) to (5)) / (3))
set [velocity y v] to (pick random (1) to (10))
repeat (20)
change [ghost v] effect by (5)
change x by (velocity x)
change y by (velocity y)
change [velocity y v] by (-1)
end
delete this clone

define Create effect at (x) (y)
go to x: (x) y: (y)
set [creation_delay v] to [-0.002]
if <(is clone?) = [no]> then
repeat (3)
change [creation_delay v] by (0.005)
wait ((creation_delay) * (creation_delay)) secs
create clone of [myself v]
create clone of [myself v]
create clone of [myself v]
create clone of [myself v]
end
end

when gf clicked
forever
if <[new] = (item (4 v) of [(sparks) preferences v])> then
replace item (4 v) of [(sparks) preferences v] with []
set [color v] effect to (item (3 v) of [(sparks) preferences v])
Create effect at (item (1 v) of [(sparks) preferences v])(item (2 v) of [(sparks) preferences v])

when [space v] key pressed
Spawn Spark Effect at x: (mouse x) y: (mouse y) color: (pick random (1) to (200))

define Spawn Spark Effect at x: (x) y: (y) color: (color)
replace item (1 v) of [(spark) preferences v] with (x)
replace item (2 v) of [(spark) preferences v] with (y)
replace item (3 v) of [(spark) preferences v] with (color)
replace item (4 v) of [(spark) preferences v] with [new]
</scratchblocks>

An example project can be found [[projects:10071485|here]].

==See Also==
* [[Advanced Clone Usage]]
* [[Detecting Clones]]

[[Category:Scripting Tutorials]]
[[Category:Computer Science]]
[[Category:Cloning]]
[[ja:クローンを使ったパーティクル効果]]