How to make a sprite translucent - Revision history

SebNozzi: Link to sprite / tint

2021-11-20T20:00:43Z

Link to sprite / tint

JoeStrout at 22:21, 7 March 2020

2020-03-07T22:21:54Z

JoeStrout at 22:21, 7 March 2020

2020-03-07T22:21:27Z

JoeStrout: /* Example */

2020-03-07T22:20:00Z

Example

JoeStrout: Created page with "You can change the opacity of a sprite by using the alpha channel of the tint color. An alpha value of 255 (or FF in hex) is completely opaque; an alpha value of zero is comp..."

2020-03-07T22:18:31Z

Created page with "You can change the opacity of a sprite by using the alpha channel of the tint color. An alpha value of 255 (or FF in hex) is completely opaque; an alpha value of zero is comp..."

New page

You can change the opacity of a sprite by using the alpha channel of the tint color. An alpha value of 255 (or FF in hex) is completely opaque; an alpha value of zero is completely transparent (invisible). Alpha values between 1 and 254 are translucent (i.e. semi-transparent). You can use the [[color.rgba]] function to construct such a color at runtime.

== Example ==

This example draws a pattern of text, just to give us a visible background, and then adds a bunch of sprites of varying translucency to display 2, above the default text layer (display 3).

<ms>clear
for i in range(10)
print "/\" * 33
end for
display(2).mode = displayMode.sprite
display(2).clear
for i in range(0, 8)
sp = new Sprite
sp.image = file.loadImage("/sys/pics/Wumpus.png")
sp.x = 50 + 800*i/8
sp.y = 500
sp.tint = color.rgba(255, 255, 255, 255*i/8)
display(2).sprites.push sp
end for</ms>

← Older revision		Revision as of 20:00, 20 November 2021
Line 1:		Line 1:
−	You can change the opacity of a sprite by using the alpha channel of the tint color. An alpha value of 255 (or FF in hex) is completely opaque; an alpha value of zero is completely transparent (invisible). Alpha values between 1 and 254 are translucent (i.e. semi-transparent). You can use the [[color.rgba]] function to construct such a color at runtime.	+	You can change the opacity of a [[Sprite\|sprite]] by using the alpha channel of the [[Sprite.tint\|tint]] color. An alpha value of 255 (or FF in hex) is completely opaque; an alpha value of zero is completely transparent (invisible). Alpha values between 1 and 254 are translucent (i.e. semi-transparent). You can use the [[color.rgba]] function to construct such a color at runtime.

	Note that the same technique works in a [[TileDisplay]] by using the [[TileDisplay.setCellTint\|setCellTint]] method.		Note that the same technique works in a [[TileDisplay]] by using the [[TileDisplay.setCellTint\|setCellTint]] method.

← Older revision		Revision as of 22:21, 7 March 2020
Line 23:		Line 23:

	[[File:HowToFadeSprite.png]]		[[File:HowToFadeSprite.png]]
		+
		+	[[Category:Mini Micro]]
		+	[[Category:How To]]

← Older revision		Revision as of 22:21, 7 March 2020
Line 1:		Line 1:
	You can change the opacity of a sprite by using the alpha channel of the tint color. An alpha value of 255 (or FF in hex) is completely opaque; an alpha value of zero is completely transparent (invisible). Alpha values between 1 and 254 are translucent (i.e. semi-transparent). You can use the [[color.rgba]] function to construct such a color at runtime.		You can change the opacity of a sprite by using the alpha channel of the tint color. An alpha value of 255 (or FF in hex) is completely opaque; an alpha value of zero is completely transparent (invisible). Alpha values between 1 and 254 are translucent (i.e. semi-transparent). You can use the [[color.rgba]] function to construct such a color at runtime.
		+
		+	Note that the same technique works in a [[TileDisplay]] by using the [[TileDisplay.setCellTint\|setCellTint]] method.

	== Example ==		== Example ==

← Older revision		Revision as of 22:20, 7 March 2020
Line 19:		Line 19:
	display(2).sprites.push sp		display(2).sprites.push sp
	end for</ms>		end for</ms>
		+
		+	[[File:HowToFadeSprite.png]]