无聊的js(马赛克)

【无聊的js(马赛克)】的更多相关文章

<!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Document</title> <style type="text/css"> body,div{ width:1…

直入正题,用JS实现一个简单的打地鼠游戏因为功能比较简单就直接裸奔JS了,先看看效果图,或者在线玩玩吧如果点击颜色比较深的那个(俗称坏老鼠),将扣分50:如果点击颜色比较浅的那个(俗称好老鼠),将得分100 实现老鼠好像有点难画,又不想用图片,就直接用CSS画个简单的图代表老鼠和坑吧 html结构挺简单,用9个 li 标签代表坑,用9个 div 标签代表老鼠 <div class="container"> <h4>无聊打打地鼠</h4>…

javascript马赛克遮罩图片切换效果:XMosaic.js(转)

新鲜出炉的javascript图片切换特效,实现的是马赛克遮罩切换.在flash里,好实现遮罩动画很简单,不过JS实现起来就有些困难了. XMosaic.js,与XScroll.js和XScroll2.js一样,都是用来制作单张图片切换特效的javascript类,不过,迄今为止XMosaic.js实现的特效是最炫的,炫到我以后很长一段时间都不用再写图片切换类了. XMosaic.js,马赛克图片切换特效示例页 XMosaic.js的使用方法请查看示例页源代码.其中html结构与一般图片切换的h…

如何使用 js 写一个正常人看不懂的无聊代码

如何使用 js 写一个正常人看不懂的无聊代码代码质量, 代码可读性, 代码可维护性, clean code WAT js WTF https://www.destroyallsoftware.com/talks/wat https://github.com/garybernhardt console 正常写法 const log = console.log; log(`nb`); // nb 黑科技写法 const log = console.log; log(([][[]]+[])[+!![…

three.js 将图片马赛克化

这篇郭先生来说说BufferGeometry,类型化数组和粒子系统的使用,并且让图片有马赛克效果(同理可以让不清晰的图片清晰化),如图所示.在线案例点击博客原文 1. 解析图片解析图片和上一篇一样 initCanvas() { canvas = document.createElement('canvas'); content = canvas.getContext('2d'); canvas.width = 1600; canvas.height = 1200; img = new Imag…

js截取图片上传（仅原理）----闲的无聊了代码就不共享了！写的难看，不好意思给你们看了（囧）

就算世界再坑爹,总有一些属性能带你走出绝望(伟大的absolute) 今天吐槽一下!......在我的世界里没有正统UI,所以效果图永远都是那么坑爹! 这里我要感谢有个position:absolute; T_T 当遇到各种不合理布局的时候,至少还有它吐槽完毕!!! 这个就是一个简单的图片截取工具!!简陋了点我承认首先第一步,没什么大问题,解析图片格式图片么无非就是png,jpg,gif多余的统统alert框叫他们换第二步么也没什么奇怪难度,就无非设置鼠标形状第三步么还是没什么难度…

无聊js画了个菱形

function repeat(str, count) { return count < 0 ? '' : (new Array(count)).join(str); } function diamond(sign, size) { var d, s = '' for (var i = 0; i < size*2; i++) { d = Math.abs(size-i-1); console.log(d+1, 2*(size-d)); s += repeat(' ', d+1) + repea…

判断js引擎是javascriptCore或者v8

来由纯粹的无聊,一直在搜索JavaScriptCore和SpiderMonkey的一些信息,却无意中学习了如何在ios的UIWebView中判断其js解析引擎的方法: if (window.devicePixelRatio) { //If WebKit browser var st = escape(navigator.javaEnabled.toString()); if (st === 'function%20javaEnabled%28%29%20%7B%20%5Bnative%20…

消除类游戏(js版)

最近一直在玩一款消灭星星的消除类游戏,周末无聊就用js也写了一遍,感觉玩比写还困难一直玩不到10000分.废话不多说直接上源码. 效果图(ps 页面有点难看木有美工) 代码总共456行,未经过严格测试 <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=e…

fullPage.js学习笔记

中秋节,一个人呆着,挺无聊的,还是学习最有趣,不论是什么,开阔视野都是好的. 参考网址:http://www.dowebok.com/77.html 上面有详细介绍及案例展示,很不错哦,可以先去看看demo 一.简介 fullPage.js 是一个基于jQuery的插件,它能够很方便.很轻松的制作出全屏网站,主要功能有: 1.支持鼠标滚动 2.多个回调函数 3.支持手机.平板触屏事件 4.支持css3动画 5.支持窗口缩放 6.窗口缩放时自动调整 7.可设置滚动宽度.背景颜色.滚动速度.循环选…