@description iPhoneX炫彩渐变背景实现

news/2024/2/27 22:57:17
/*** @author zhangxinxu(.com)* @description iPhoneX炫彩渐变背景实现* @link http://www.zhangxinxu.com/wordpress/?p=6614* @license MIT 保留版权声明*/
var colorfulBackground=function(t){var A={container:document.body,size:[512,512],grid:[2,3],backgroundColor:"#E0DEE6",colors:["#F24592","#36129A","#FDFB39","#5DB7EE","#E74C45","#E5243F"],animation:true};t=t||{};var b={};for(var n in A){b[n]=typeof t[n]!=="undefined"?t[n]:A[n]}var g=document.createElement("canvas");var J=g.getContext("2d");var a=b.size[0];var c=b.size[1];g.width=a;g.height=c;J.fillStyle=b.backgroundColor;J.fillRect(0,0,a,c);var E=b.grid;var C=[];for(var o=0;o<=E[1];o++){if(o==0||o==E[1]){C.push({x:0,y:o?c:0});for(var f=0;f<E[0]-1;f++){C.push({x:a*Math.random(),y:o?c:0})}C.push({x:a,y:o?c:0})}else{C.push({x:0,y:(o+Math.random())*c/E[1]});C.push({x:a,y:(o+Math.random())*c/E[1]})}}var u=C.length;var v=[];var I,H,x,w,z,y;for(var D=0;D<E[1];D++){for(var G=0;G<E[0];G++){if(D==0){I=C[G].x;H=C[G].y;z=C[G+1].x;y=C[G+1].y}else{if(D==E[1]-1){I=C[u-E[0]-1+G].x;H=C[u-E[0]-1+G].y;z=C[u-E[0]+G].x;y=C[u-E[0]+G].y}else{I=C[E[0]+1+2*(D-1)+G].x;H=C[E[0]+1+2*(D-1)+G].y;z=C[E[0]+3+2*(D-1)+G].x;y=C[E[0]+3+2*(D-1)+G].y}}if(H==0&&y==0){x=a*Math.random();w=c*(0.5+Math.random())}else{if(H==c&&y==c){x=a*Math.random();w=c*(Math.random()-1)}else{if(I==0&&z==0){x=a*(0.5+Math.random());w=c*Math.random()}else{if(I==a&&z==a){x=a*(Math.random()-1);w=c*Math.random()}else{x=a*Math.random();w=c*Math.random()}}}}v.push({M:[I,H],Q:[x,w],T:[z,y]})}}var F=[];var s=b.colors.length;for(var m=0;m<v.length;m++){F.push(b.colors[m%s])}var e=(typeof J.filter!="undefined");v.forEach(function(L,K){J.beginPath();J.moveTo(L.M[0],L.M[1]);J.quadraticCurveTo(L.Q[0],L.Q[1],L.T[0],L.T[1]);J.closePath();J.filter="blur(65px)";J.fillStyle=F[K];J.fill()});if(b.animation==false){b.container.appendChild(g);if(e==false){g.style.webkitFilter="blur(65px)";g.style.filter="blur(65px)"}return}var h=g.toDataURL();var B=new PIXI.autoDetectRenderer(a,c,{transparent:true});var j=new PIXI.Container();a=c=2048;g.width=a;g.height=c;J.clearRect(0,0,a,c);J.fillStyle=b.backgroundColor;J.fillRect(0,0,a,c);["M125-51c0,0-72.5,150-75,287.5C48.679,309.16,57.5,534-75,684s60,397.5,135,520 s278.607,207.718,382.5,150c112.5-62.5,92.5-550,0-652.5c-90.134-99.879-30-377.5-35-650S125-51,125-51z","M505,151.5C485,219,434.653,481.325,575,489c320,17.5,240,202.5,492.5,180 c171.692-15.299,375-263.115,547.5-257.808S1842.5,199,1715,144s-550,65-627.5,70S844.586-1.317,687.5,36.5 C552.5,69,505,151.5,505,151.5z","M1950,32.132C1910,141.5,2037.5,271.5,1875,479s-405,220-230,415 s402.5,555,635,182.5s-12.5-517.5-42.5-840s-104-450-189.5-365S1950,32.132,1950,32.132z","M633.349,917.451c80,180,106.651,214.049,104.151,299.049 c-3.682,125.171,55.31,232.39,210,242.5c76.5,5,125,132.5,207.5-37.5c99.853-205.757-50-400,0-480S850,630.081,722.5,714.541 S633.349,917.451,633.349,917.451z","M-347.5,1889.395c117.5-112.5,262.5-220,472.5-297.5s585,72.5,742.5,32.5 s357.5-305,442.5-200s120.295,325-174.853,437.5s-360.147-47.5-602.647,110s-435,330-642.5,197.5S-347.5,1889.395-347.5,1889.395z","M1287.5,1102.931c-11.508,177.546,125,58.569,152.5,283.569s-97.5,360,65,455 s315,407.5,540,332.5s335-12.5,275-320s-287.5-312.5-460-507.5S1545,684,1430,864S1290,1064.361,1287.5,1102.931z"].forEach(function(L){var K=new Path2D(L);J.fillStyle="rgba(0,0,0,"+(0.2+0.8*Math.random())+")";J.filter="blur(30px)";J.fill(K)});var l=new PIXI.Sprite.fromImage(g.toDataURL());var r=new PIXI.filters.DisplacementFilter(l);b.container.appendChild(B.view);if(e==false){B.view.style.webkitFilter="blur(65px)";B.view.style.filter="blur(65px)"}j.filters=[r];r.autoFit=false;j.addChild(l);var i=new PIXI.ticker.Ticker();i.autoStart=true;i.add(function(){B.render(j)});var p=new PIXI.Texture.fromImage(h);var d=new PIXI.Sprite(p);d.anchor.set(0.5);d.x=B.width/2;d.y=B.height/2;j.addChild(d);var k;var q=function(){l.rotation+=0.001;k=requestAnimationFrame(q)};q();l.anchor.set(0.5);l.x=B.view.width/2;l.y=B.view.height/2;r.scale.x=80;r.scale.y=120};

 

转载于:https://www.cnblogs.com/vali/p/8203542.html


http://www.ppmy.cn/news/181044.html

相关文章

iPhone 4与iPad开发基础教程

iPhone 4与iPad开发基础教程 创造销售奇迹的经典著作 针对iOS SDK新特性全面改版从这里&#xff0c;拥抱软件开发的未来 基本信息 原书名&#xff1a;Beginning iPhone 4 Development: Exploring the iOS SDK 原出版社&#xff1a; Apress 作者&#xff1a;(美)Dave Mark J…

java给iphone应用实现推送

根据公司项目所需&#xff0c;需要对iphone应用进行消息推送&#xff0c;一开始选的是php,但是php语言知识略懂&#xff0c;开发起来比较麻烦&#xff0c;所有就用比较熟悉的java语言进行消息推送。 需要依赖的jar包: 具体代码如下&#xff1a; /*** MainSend.java* 版权所有…

iPhone 数据库结构

一、AddressBook.sqlitedb 通讯录数据库 location: /private/var/root/Library/AddressBook/AddressBook.sqlitedb 1.ABGroup 联系人分组信息ROWID:组ID,自增PKName:组名 2.ABGroupChanges 分组信息更新record:type: 3.ABGroupMembers 组联系人UID: PKgroup_id&#xff1a;…

Lable和TextView使用iPhone表情(unicode emoji字符集)

iPhone支持unicode emoji字符集 NSString *s "This is a smiley \ue415 face";testFace.text s; UILable、UITextView、UIWebView和UITextField都可以直接使用&#xff0c;且可以随着字体大小改变 NSString *text "123456789\ue415"; [webView loadHTM…

java批量推送_java de Iphone批量推送代码

/** * apple批量的推送方法 * param tokens iphone手机获取的token * param content 推送消息的内容 * param count 应用图标上小红圈上的数值 * param goal 目标服务器 true&#xff1a;正式 false&#xff1a;测试 * parm List 返回发送失败的tokens */ public List ApnsSend…

UICollectionView 适配 iPhone 7 Plus

UICollectionView 适配 iPhone 7 Plus 需求&#xff1a;在屏幕上水平放置 5 张正方形图片&#xff0c;每张图片的宽度相等&#xff0c;无缝隙排列铺满一个屏幕宽度。 看似很简单的需求。用 UICollectionView 实现的话&#xff0c;把 UICollectionView 的宽度设置为屏幕宽度&…

6s如何无线连电脑连接服务器,iPhone 6s无线连接能力:WiFi与4G大提速

【PConline 杂谈】9月10日凌晨&#xff0c;苹果在旧金山正式发布了新一代iPhone&#xff0c;分别是iPhone 6s与iPhone 6s Plus两款机型。如同前期爆料一样&#xff0c;苹果为新iPhone带来了3D Touch等一系列功能和配置的提升&#xff0c;当中iPhone 6s和iPhone 6s Plus相比上代…

iphone 程序中加入表情符

NSString *s "This is a smiley \ue415 face"; testFace.text s; 上面代码就可以显示出笑脸符号&#xff0c;testFace是一个IBOutLet. 快试试吧。 这是为什么呢&#xff0c;因为iphone中包含日本字体&#xff0c;它支持unicode emoji字符集。 更多笑脸符号&am…

iPhone iPad高级编程

iPhone & iPad高级编程 编辑推荐 1. 本书中的示例颇具价值&#xff0c;浓缩了iPhone和iPad编程智慧&#xff0c;具有新颖独到之处。开发人员在日常工作中可以参考这些绝佳示例迅速找到解决方案。不管对于初始茅庐的新手&#xff0c;还是经验丰富的专业人员&#xff0c;本书…

iPhone数据库结构

/* * iphone database structure * author zye * contact zyetudou.com * update 20070924 * version 0.1 * url http://yegq.yeax.com/?p162 * copyleft 此文档可随意分发。如果你发布的iphone应用得益于此文档&#xff0c;建议注明&#xff0c;或给我email&#xff0c;共贺之…

iPhone开发秘笈pdf

下载地址&#xff1a;网盘下载 内容简介 本书提供了关于iPhone SDK 以及iPhone 开发的全面信息&#xff0c;对iPhone SDK 中的各种组件做了深入浅出的介绍&#xff0c;包括iPhone 3.0 SDK 的所有新增特性&#xff0c;同时对iPhone 开发的基本流程、基本原理和基本原则进…

iPhone第二节:登录、通讯录界面

登录、通讯录界面 mainViewController.m #import "ViewController.h" #import "ViewController2.h" #import "ViewController3.h" #import "ViewControllerTest.h"interface ViewController ()endimplementation ViewControllersynthe…

iPhone第五节:多媒体和手势

多媒体和手势 #import <UIKit/UIKit.h>interface CameraViewController : UIViewController <UINavigationControllerDelegate, UIImagePickerControllerDelegate, UIActionSheetDelegate>property (nonatomic, strong) UIImageView * cameraImageView;end#import …

iPhone表情功能

iPhone支持unicode emoji字符集 [cpp] view plaincopyprint? NSString *s "This is a smiley \ue415 face"; testFace.text s; UILable、UITextView、UIWebView和UITextField都可以直接使用&#xff0c;且可以随着字体大小改变 [cpp] view plaincopyprint?…

天融信防火墙使用手册

发个使用手册给用得着的看看 转载于:https://blog.51cto.com/test2016/166544

天融信EDR或企业安全终端卸载需要密码解决办法

这几天进了一家新的企业&#xff0c;莫名说要安装一个杀毒软件&#xff0c;于是乎就傻傻的在自己的电脑上安装了天融信EDR&#xff0c;后来发现该软件可能远程监控我&#xff0c;想把他卸载了却需要管理员密码&#xff0c;结果在网上折腾了半天都没有真正的解决办法&#xff0c…

天融信防火墙

目标读者 熟悉网络知识&#xff1b;熟悉防火墙配置&#xff1b;不熟悉天融信防火墙 web 配置环境&#xff1b; 熟悉基本技能的情况下&#xff0c;知道目录列表&#xff0c;就搞定了。 入门菜单 配置菜单 网络管理&#xff1b;【接口配置、路由】资源管理&#xff1b;【地址、区…

天融信防火墙使用,日志等

(619条消息) Linux查看防火墙日志_firewall 日志记录_noNo的博客-CSDN博客 https://www.cnblogs.com/wwtao/p/12074870.html 如果想要外网访问 需要在内网的防火墙上面映射一下打开防火墙添加ip地址 添加端口服务&#xff0c;外网的端口&#xff0c;自定义&#xff0c;但是&a…

天融信防火墙保存配置_天融信防火墙配置备份 飞塔防火墙配置手册

天融信防火墙怎么导入配置文件&#xff1f; 你好&#xff01;导入配置文件不仅是一个访问策略&#xff0c;也是一个用户对象。许多对象是根据不同的部门定义的。每个对象或多或少都包含一些身份验证客户端的帐户。一个对象中有数百个用户帐户。此部件不能通过配置文件传输到新的…

天融信防火墙日志的查询

1、增加日志服务器 打开集中管理器&#xff0c;选项管理&#xff0f;安全设备登录控制&#xff0c;增加日志服务器&#xff08;日志服务器IP内网&#xff1a;202.96.100.186&#xff09;。 2、修改安全设备调试级别 在安全设备选项&#xff0f;把安全设备调试级别设为4或5,级别…
最新文章