摘要: 前段时间看到一个国外的网站,在线生成ajax loading动画。觉得很实用,于是动起了移植到自己网站的念头(一直以来的习惯,看到好的工具总想着移植到本地好好研究)。根据以往移植的经验最终把这个工具移植到自己网站上了,生成图片的核心还是用了原来网站的接口,所以这个功能的实现完全依赖于原网站,生成和下载图片的速度取决于网速,由于是国外的网站,功能并不稳定。下面介绍下我移植的过程已经遇到的问题。 阅读全文
posted @ 2013-11-07 08:50 流浪老三 阅读(1696) 评论(9) 推荐(0) 编辑
摘要: 这是一个很有意思的特效,模拟摄像机拍摄电视屏幕画面时出现点状颗粒的效果。颗粒的大小通过变换矩阵实现,可以任意调节,有兴趣研究的朋友可以尝试更多的效果,代码没有经过优化,只是一个粗糙的Demo,大家可以自行改进。 阅读全文
posted @ 2013-11-05 08:09 流浪老三 阅读(1384) 评论(4) 推荐(1) 编辑
摘要: 前面展示了一些canvas实现图片滤镜效果的展示,并且给出了相应的算法,下面来介绍一下具体的实现方法。 前面介绍的特效中灰度效果最简单,就从这里开始介绍吧。 阅读全文
posted @ 2013-11-04 08:09 流浪老三 阅读(1602) 评论(0) 推荐(0) 编辑
摘要: 1.灰度效果 图片过滤效果之灰度效果 图片过滤效果之灰度效果 算法及原理: .299 * r + .587 * g + .114 * b; 2.油画效果 算法及原理: 用当前点四周一定范围内任意一点的颜色来替代当前点颜色,最常用的是随机的采用相邻点进行替代。 3.连环画效果 图片滤镜效果之连环画效果 阅读全文
posted @ 2013-10-30 11:34 流浪老三 阅读(1933) 评论(4) 推荐(2) 编辑
摘要: Javascript无法直接获取本地上传的图片的数据,html5可以解决这一问题 。html5里面的FileReader interface可以把图片对象的数据读到内存,然后通过接口的进度事件(Progress Events)访问这些数据。 阅读全文
posted @ 2013-10-24 08:34 流浪老三 阅读(2500) 评论(5) 推荐(3) 编辑
摘要: 原文链接 1.js获取select标签选中的值 原生js var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[ 阅读全文
posted @ 2013-10-21 08:50 流浪老三 阅读(1536) 评论(10) 推荐(3) 编辑
摘要: 第二版在第一版的基础上增加了一个动态3D的白云效果背景,鼠标悬浮在页面上云朵会向屏幕Z轴方向运动,在第一人称视角看来向着云朵方向前进的,由此形成一个伪3D效果。有点绕,直接看demo就能理解了。3D白云效果是基于threejs框架做的。 阅读全文
posted @ 2013-10-17 08:13 流浪老三 阅读(8624) 评论(97) 推荐(26) 编辑
摘要: 一个基于基于Html5的爱情主题,文字采用打字机效果,逐字打印,并带有键盘敲击声音。在chrome,safari,firefox,IE10下都有效,chrome下效果最佳。要注意的是safari下不支持audio标签属性没有声音效果(暂未解决)。 阅读全文
posted @ 2013-10-16 08:12 流浪老三 阅读(5024) 评论(21) 推荐(8) 编辑
摘要: 最近在研究WebGL,看到国外很多高手做的很多超炫的3D效果,无比羡慕。忍不住把效果趴下来研究,下面介绍一个逼真的游泳池中浮动小球的效果。效果非常绚丽,功能强大。示例可切换观察水池的视角,不同视角考虑到了光线从不同角度折射和反射的影响,所以波纹效果极其逼真。 阅读全文
posted @ 2013-10-14 23:20 流浪老三 阅读(1568) 评论(0) 推荐(0) 编辑
摘要: 随着对css3了解得越深入,越来越发现了css3的强大。css3不但能完成一些基本的特效如圆角阴影等,还能借助动画技术实现一些复杂的动画,能替代很多以前js才能完成的工作,css3的作用还不止于此,甚至一些复杂的图片也能通过css3实现,没有做不到,只有想不到。在逛国外的一些前端设计网站时发现一些国外牛人的奇思妙想--用纯粹的css3画的一些公司的Logo,不得不承认国外的技术比国内要先进很多。 阅读全文
posted @ 2013-10-09 08:32 流浪老三 阅读(1488) 评论(1) 推荐(0) 编辑
Edit by  三叶草