使用flash渐变遮罩时,需要指出Alpha通道遮罩,首先要创建一个渐变的MC,同时要将MC做图片缓存,另外被遮罩的图片也需要做图片缓存,具体实现如下。
var loader:Loader=new Loader();
var req:URLRequest=new URLRequest("img.jpg");
loader.load(req);
this.addChild(loader);
var ellipse:Sprite=new Sprite();
var colors:Array=[0x000000,0x000000];
var alphas:Array=[1,0];
var ratios:Array=[0,255];
var matrix:Matrix=new Matrix();
matrix.createGradientBox(200,100,0,-100,-80);
ellipse.graphics.beginGradientFill(GradientType.RADIAL,colors,alphas,ratios,matrix);
ellipse.graphics.drawEllipse(-100,-80,200,100);
ellipse.graphics.endFill();
this.addChild(ellipse);
loader.cacheAsBitmap=true;
ellipse.cacheAsBitmap=true;
loader.mask=ellipse;
ellipse.startDrag(true);
分享到:
相关推荐
"方格渐变遮罩特效.zip"这个压缩包文件,显然提供了一种创新的方式来展示图片,通过使用网格结构和渐变遮罩,为网页增添视觉吸引力和互动性。 首先,我们要理解"方格渐变遮罩特效"是什么。在网页设计中,"方格"通常...
**jQuery图片添加渐变遮罩层插件** 在网页设计中,为了提升视觉效果和用户体验,经常需要对图片进行各种处理。"jQuery图片添加渐变遮罩层插件"就是为了实现这一目标而设计的工具。它允许开发者为背景图片轻松添加...
而Soft Mask则是通过一种非插件的方式,提供更加平滑、自然的遮罩效果,适合用于制作如半透明物体、毛边或者渐变遮罩等视觉效果。 Unity引擎的UI系统基于Canvas,它支持多种UI元素,包括Text、Image、Button等。...
flash 渐隐遮罩实现 需要用都“位图缓存” 在本实例中实现了as控制的缓存设置与遮罩控制 适合于初学
"方格渐变遮罩特效特效代码" 提供了一种创新的方式,通过结合方格布局和渐变遮罩,为图片展示带来独特的交互体验。这种特效尤其适用于产品展示、摄影网站或者任何希望突出图像视觉冲击力的设计场景。 方格布局是一...
这种效果能够提供更好的用户体验,因为渐变遮罩可以使用户更加专注于弹出的内容,同时不完全屏蔽原有的页面元素。下面将详细介绍如何实现这样的功能。 首先,我们需要在HTML文件(如`index.html`)中设置基本的结构...
flash原始的遮罩层只能实现“有”和“无”的根本区别,想要是若隐若现的遮罩效果就需要借助as脚本来实现 首先要将flash发布的版本设定大于等于flashPlayer8,这个版本以下的flashplayer是无法支持的;
2. **渐变遮罩**:相比纯色,渐变遮罩提供了更丰富的视觉层次。可以设置线性或径向渐变,通过颜色的过渡使元素看起来更有深度。这通常用于背景或图片,增加设计的动态感。 3. **图像遮罩**:使用一个图像作为遮罩,...
本教程将详细讲解如何通过自定义属性来实现ImageView的透明度渐变效果。首先,我们从自定义属性的创建开始。 一、创建自定义属性 在Android项目中,自定义属性通常放在res/values/attrs.xml文件中。如果该文件不...
综上所述,这个项目结合了CSS3的响应式设计、鼠标悬停效果、过渡、动画以及渐变遮罩技术,创建出一种引人注目的用户体验。通过学习和应用这些技术,开发者能够为网站增添更多互动性和视觉吸引力。
- SVG遮罩:使用SVG的`<mask>`元素可以创建更复杂的遮罩效果,包括形状遮罩、渐变遮罩等。 - JavaScript动态遮罩:通过JavaScript可以实现动态的遮罩效果,比如点击后显示或隐藏遮罩层,或者根据用户行为改变遮罩...
6. **遮罩的扩展应用**:除了基本的遮罩功能,还可以利用遮罩进行更高级的视觉效果,如模糊遮罩、渐变遮罩等。这些效果可以通过混合模式、滤镜和自定义着色器来实现。 总的来说,遮罩技术是数字媒体创作中的一个...
2. **CSS渐变遮罩**:使用CSS的`linear-gradient`或`radial-gradient`函数可以创建更复杂的遮罩效果,比如从透明到不透明的渐变,从而产生更为柔和的过渡效果。 3. **CSS图像遮罩**:结合`mask`或`clip-path`属性,...
在本文中,我们将深入探讨如何使用CSS3实现一个精美的鼠标悬停图片半透明渐变颜色背景遮罩动画特效。这个特效在用户将鼠标指针悬停在图片上时,会在图片上方添加一层带有渐变颜色的遮罩,当鼠标移开时,遮罩会以平滑...
1. **渐变遮罩**:这种效果在鼠标悬停时,图片上会覆盖一层从透明到不透明的渐变色,使得图片有逐渐揭示的感觉,增加了视觉层次感。 2. **旋转遮罩**:当鼠标指针悬停在图片上时,遮罩层会进行旋转,创造出3D转场...
该属性允许我们指定一个图像作为遮罩,或者使用颜色值创建一个渐变遮罩。通过调整遮罩的透明度,我们可以控制元素的可见部分,从而创造出丰富的视觉效果。 接下来是“文字发光”特效。在CSS3中,我们可以通过组合...
在Unity引擎中,UI渐变效果是一种常见的视觉特效,它能为用户界面增添动态感和专业性。在本文中,我们将深入探讨如何在Unity中实现UI的渐变效果,特别是利用Canvas Group组件和脚本来控制透明度变化。 首先,渐变...
通过使用`mask`属性,开发者可以创建出动态的遮罩效果,如渐变遮罩、图片遮罩等。这种技术可以应用于按钮、背景图片以及其他元素,增加网页的互动性和美观性。 3. **SVG遮罩** SVG(可缩放矢量图形)支持遮罩,...
在这个例子中,自定义的视图可能是`PPMaskImageView`,它可能包含了创建渐变遮罩和应用到UIImageView的方法。 5. **渐变颜色配置**: 创建`CAGradientLayer`时,需要指定起始颜色和结束颜色。这可以通过`...
// 渐变弹出层 $(document).ready(function(){ var speed = 600;//动画速度 $("#race a").click(function(event){//绑定事件处理 event.stopPropagation(); var offset = $(event.target).offset();//取消事件...