白鹭 wing做遮罩

2024-09-05

白鹭引擎 - 遮罩( Rectangle )

1: 矩形遮罩 class Main extends egret.DisplayObjectContainer { /** * Main 类构造器, 初始化的时候自动执行, ( 子类的构造函数必须调用父类的构造函数 super ) * constructor 是类的构造函数, 类在实例化的时候调用 * egret.Event.ADDED_TO_STAGE, 在将显示对象添加到舞台显示列表时调度 */ public constructor() { super(); this.addEventLis

用css3过滤做遮罩效果

<!DOCTYPE html><html ng-app="myApp" ng-controller="myController"><head lang="en"> <meta charset="UTF-8"> <title>CSS3做遮罩</title> <style> .all{ width:100%; height:500px; backg

简单的用jQuery做遮罩效果

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>用jquery做遮罩</title> <style> .all{ width:100%; height:500px; background: red; position: relative; } .mask { width:100%; height:

白鹭wing的自动编译

1.lunch.json文件中的"preLaunchTask":"build",注释掉. 2.安装node-v6.11.2-x64.msi 3.安装tsc 命令行:npm install -g typescript@2.6.2 4.在wing中的终端输入 tsc -w --sourceMap 注意:每次登录都要做一次步骤4,node和tsc目前只测试出这两个版本是可以的

Android UI设计--半透明效果对话框及activity(可做遮罩层)

下面是style的一些属性及其解释 <style name="dialog_translucent" parent="@android:style/Theme.Dialog"> <item name="android:windowFrame">@null</item> <item name="android:windowIsFloating">t

用2D动画做遮罩

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>遮罩</title> <style> .game-content{ width:1580px; height:799px; } /*左边部分*/ .aa{ width:790px; height:799px; float: left; cursor:

CSS遮罩——如何在CSS中使用遮罩

Css遮罩是2008年4月由苹果公司添加到webkit引擎中的.遮罩提供一种基于像素级别的,可以控制元素透明度的能力,类似于png24位或png32位中的alpha透明通道的效果. 图像是由rgb三个通道以及在每个像素上定义的颜色组成的.但是在他们之上还有第四个通道,alpha通道,通过亮度定义每个像素上的透明度.白色意味着不透明,黑色意味着透明,介于黑白之间的灰色表示半透明.你可以看到下面的图片给一个html元素使用css遮罩,就会这样处理.不用给图片应用一个alpha通道,只需要给一个图片

cocos2d-x 精灵遮罩

转自:http://bbs.9ria.com/thread-220210-1-4.html 首先得理解一些东西. 1.理解颜色混合.精灵有个成员函数:setBlendFunc(),这个函数以一个ccBlendFunc类型的变量为参数.这个ccBlendFunc是个结构体.这个结构体中有两个变量:src 和 dest. 举个例子: 代码: ccBlendFunc spriteBlend; spriteBlend.src = GL_ONE; spriteBlend.dst = GL_ZERO; p

maskView遮罩中多张图片的动画

maskView遮罩中多张图片的动画说明用多张图片做遮罩效率极高,非常好理解,而且极其美观! 效果图素材源码 // // ViewController.m // FeedBack // // Created by YouXianMing on 15/5/6. // Copyright (c) 2015年 YouXianMing. All rights reserved. // #import "ViewController.h" #import "UIView+Set

巧用网页开发者工具F12 审查、修改元素、去除广告、屏蔽遮罩

巧用网页开发者工具F12 审查.修改元素.去除广告.屏蔽遮罩每当打开一个网页的时候,是否为页面有很多广告而烦恼:是否为要操作页面(例如观看超清视频),请先注册登录等等事情而麻烦:是否对网页加锁的视频懊恼?今天为大家分享一个技巧,本文只提供思路,更多好玩有趣的东西有待朋友们开发! 不过也要提醒开发者在做遮罩层的时候注意这些问题! 好了切入正题,先说某某学院视频,如图,视频本身是加锁的,点击会弹出登录框! 这时候要做的就是 F12打开开发者工具,找到弹出层的元素然后将其display:none:这

[转]CSS遮罩——如何在CSS中使用遮罩

特别声明:此篇文章由D姐根据Christian Schaefer的英文文章原名<CSS Masks – How To Use Masking In CSS Now>进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点.如需转载此译文,需注明英文出处:http://thenittygritty.co/css-masking以及作者相关信息 ——作者:Christian Schaefer ——译者:D姐大概一年前,我写过一篇文章介绍有关webkit中新的css技术—

使用 mask 实现视频弹幕人物遮罩过滤

经常看一些 LOL 比赛直播的小伙伴,肯定都知道,在一些弹幕网站(Bilibili.虎牙)中,当人物与弹幕出现在一起的时候,弹幕会"巧妙"的躲到人物的下面,看着非常的智能. 简单的一个截图例子: 其实,这里是运用了 CSS 中的 MASK 属性实现的. mask 简单用法介绍之前在多篇文章都提到了 mask,比较详细的一篇是 -- 奇妙的 CSS MASK,本文不对 mask 的基本概念做过多讲解,向下阅读时,如果对一些 mask 的用法感到疑惑,可以再去看看. 这里只简单介绍下 m

关于 CSS 反射倒影的研究思考

原文地址:https://css-tricks.com/state-css-reflections 译者:nzbin 友情提示:由于演示 demo 的兼容性,推荐火狐浏览.该文章篇幅较长,内容庞杂,有一定难度.而我本人学识有限,加之时间仓促,所翻译内容可能有不恰当及晦涩之处.欢迎大家拍砖指正. 我最近在 codePen 上看到了这个加载程序,一个纯CSS制作的带有渐变反射的3D旋转竖条.它的制作方法是:为每个竖条创建一个元素,然后通过复制每一个元素来制作反射倒影,最后在反射倒影上添加渐变背景来

支付宝AR抢红包？前端轻松就破解~

近期阿里搞了各LBS+AR实景的红包玩法,小伙伴们在公司里都玩疯了~ 有时候为了抢一个红包,会跑到另一个地方去拍照,虽然略麻烦,但整体的互动还是很有意思的. 不过对于机智的前端童鞋来说,只需要简单的一段代码就能破解AR红包(当然成功率也不是100%). 破解原理见<上线仅一天:支付宝AR红包惨遭技术流破解>,感谢这位设计师童鞋. 我们要做的事情其实很简单 —— 把系统自带的小横条都去掉,去掉的部分取其附近的图片内容来填充,最终得到的效果图有不小的几率会被识别为匹配成功: 对于上图中间那块区域,

CSS3 Notes: -webkit-box-reflect实现倒影

平常我们要实现倒影的效果,一般的做法是使用多个DOM元素绝对定位+scale(负-1)或者rotate.这种方法的缺点是占据空间以及DOM元素过多. 在使用webkit内核的浏览器中(chrome,safari,移动端浏览器),可以使用-webkit-box-reflect属性来实现倒影,语法如下所示 [ above | below | right | left ]? <length>? <image>? 该值包涵了三部分:方位+偏移量+遮罩层方位是必不可少的:在使用遮罩层的时候

NGUI实现技能CD效果

在NGUI中使用Sprite的遮罩效果可以很轻松的实现技能CD效果. 具体实现步骤: ①新建一个技能图标的Sprite 如图中的Skill001,再在该技能Sprite上添加一个Sprite做遮罩, Atlas中选一张纯灰色背景的图片,如图中的Shade_Sprite. ②在该遮罩Sprite中有三个属性用来控制遮罩的效果. Type:Filled Fill Dir:Radial360 Fill Amount:0 滑动Fill Amount,就可以看到效果了 ③给技能游戏对象绑定一个快捷键或按钮

Qt qml 模拟iphone slide to unlock 的聚光动画文字效果

模拟iphone slide to unlock 的聚光动画文字效果 /底层放淡文字 /前景放高亮文字+半透明遮罩 /动画移动遮罩 Author: surfsky.cnblogs.com 2015-02Lisence: MIT, 请保留本文档说明 [先看效果] [下载] http://download.csdn.net/detail/surfsky/8448175 [核心代码] // 背景文字(灰色) Text{ text: root.text font.pointSize:

代码SketchPaintCode绘制

作者:codeGlider 在我的上一篇文章中 swift10分钟实现炫酷的导航控制器跳转动画,有一个swift logo的形状上一篇文章的动画我说的就是中间用来做遮罩的形状. 它不是图片是用一段代码绘制而成的: //绘制swift logo var bezierPath = UIBezierPath() bezierPath.moveToPoint(CGPointMake(96.14, 86.59)) bezierPath.addCurveToPoint(CGPointMake(56.82

cocos2d-x 纹理源码分析

转自:http://blog.csdn.net/honghaier/article/details/8068895 当一张图片被加载到内存后,它是以纹理的形式存在的.纹理是什么东西呢?纹理就是一块内存,这块内存中存放的是按照指定的像素格式填充的图片像素信息.它被最终作为三角面着色所依据的数据源. 我们来看一下cocos2d-x中的libcocos2d库,其下有许多目录,找到textures展开,可以看到有CCTexture2D,CCTextureAtlas,CCTextureCache,CCTe

Android UI设计

Android UI设计--PopupWindow显示位置设置摘要: 当点击某个按钮并弹出PopupWindow时,PopupWindow左下角默认与按钮对齐,但是如果PopupWindow是下图的那样,会发生错位的情况,尤其是不同尺寸的平板上,那错位错的不是一般的不靠谱,而Android本身只提供了如下几个方法设置PopupWindow显示位置showAsDropDown(View anchor, int xoff, int yoff) 以anchor的左下角为参照点,定义偏移showAsD

WPF 简易新手引导

这两天不忙,所以,做了一个简易的新手引导小Demo.因为,不是项目上应用,所以,做的很粗糙,也就是给需要的人,一个思路而已. 新手引导功能的话,就是告诉用户,页面上操作的顺序,第一步要做什么,第二步要做什么,以此类推,然后,最终关闭新手引导页面. 以我的习惯,还是先给大家看看效果. 效果展示的很简单,就是将要告诉用户操作的控件做一个提示. 要实现这个功能化,那思路就是大概以下几项: 一.遮罩窗体将主窗体进行遮罩,半透明的效果,常用的做遮罩的话,一般是设置一个底色,然后设置透明度,类似于这篇博客

白鹭 wing做遮罩

热门专题