介紹Construct 2 Blend mode特效

1. Construct 2 Blend mode
電子工程系電腦遊戲設計組
吳錫修
2014.2.19
Dept. of Electronics Engineering

2. Blend效果

當圖片物件有重疊時，上層圖片物件的Effects/Blend mode屬性決定
上層圖片 (稱為source image) 與底層圖片 (稱為destination image)
的合成效果
destination image
source image
(設定Blend mode)
2
Wu, ShyiShiou

3. Blend mode設定值 1/11

Normal (source image覆蓋destination image上面)

Default. Displays the source image over the destination image
3
Wu, ShyiShiou

4. Blend mode設定值 2/11

Additive (將重疊部份混色)

Displays the source image + the destination image
4
Wu, ShyiShiou

5. Blend mode設定值 3/11

XOR (將重疊部份剔除)

Only the difference part of the source image and the destination
image is shown (必須禁用WebGL)
5
Wu, ShyiShiou

6. Blend mode設定值 4/11

Copy (只顯示source image)

Displays the source image. The destination image is ignored
6
Wu, ShyiShiou

7. Blend mode設定值 5/11

Destination over (將destination image疊在source image上)

Displays the destination image over the source image
7
Wu, ShyiShiou

8. Blend mode設定值 6/11

Source in (只顯示在source image中與destination image重疊部份)

Only the part of the source image that is INSIDE the destination
image is shown, and the destination image is transparent
8
Wu, ShyiShiou

9. Blend mode設定值 7/11

Destination in (只顯示在destination image中與source image重疊
部份)

Only the part of the destination image that is INSIDE the source
image is shown, and the source image is transparent
9
Wu, ShyiShiou

10. Blend mode設定值 8/11

Source out (只顯示在source image中與destination image不重疊
部份)

Only the part of the source image that is OUTSIDE the destination
image is shown, and the destination image is transparent
10
Wu, ShyiShiou

11. Blend mode設定值 9/11

Destination out (只顯示在destination image中與source image不
重疊部份)

Only the part of the destination image that is OUTSIDE the source
image is shown, and the source image is transparent
11
Wu, ShyiShiou

12. Blend mode設定值 10/11

Source atop (顯示destination image，以及source image在
destination image中的部份)

Displays the source image on top of the destination image. The part
of the source image that is outside the destination image is not
shown
12
Wu, ShyiShiou

13. Blend mode設定值 11/11

Destination atop (顯示source image，以及destination image在
source image中的部份)

Displays the destination image on top of the source image. The part
of the destination image that is outside the source image is not
shown
13
Wu, ShyiShiou