橡皮

我画你猜(一)

落花浮王杯 提交于 2020-03-14 03:48:23
----- 最近同事老拉着玩一个游戏《我画你猜》,非常好玩,于是作为码农尝试着自己做个。 先实现画布的简单功能;简单的把功能封装了两个类 (1)元素类,也是整个画画功能的进入点 /*****元素类*****/ function DrawElement(cavId,clearId,eraserId){ this.ele = document.getElementById(cavId); this.clearBnt = document.getElementById(clearId); this.eraserBnt = document.getElementById(eraserId); //是否是橡皮擦模式 this.isEraser = false; this.draw = new Draw(this.ele); var that = this; //获取画笔的x和y this.getXY = function(xOrY){ if(xOrY === 'x') return this.pageX - that.ele.offsetLeft; return this.pageY - that.ele.offsetTop; } } DrawElement.prototype.init = function(){ var ele = this.ele; var draw = this

2020-02-26

老子叫甜甜 提交于 2020-02-28 10:38:58
绘画、修饰、选择工具和选区初步 画笔工具组和绘画 1.使用画笔工具时: 调整笔刷大小使用快捷键[ ] 调整笔刷软硬使用快捷键{ } 调整第一个属性使用快捷键0~9数字键 调整第二个属性使用快捷键shift+0~9数字键 2.打开画笔设置面板的方法: 1)通过选项面板打开 2)窗口菜单中的画笔设置 3.教学实例: 首先,设置画笔工具的大小和软硬为100%,不透明度为100%,流量100%。然后点开画笔设置面板,勾选散布,进行设定。还可以设定形状动态。 历史记录和历史记录画笔 1.历史记录的相关操作和设置 回到之前某一步的两种方式: 1)历史记录快照(创建新快照) 2)打开历史记录面板,点击选项面板,选择非线性历史记录(弊端:历史记录过长 优点:准确记录每一步) 2.实例:添加杂色 打开滤镜菜单,选择杂色,添加杂色(选适当的大小) 应用:选历史记录画笔工具,在历史记录面板点击想回去的步骤前面的小方框,然后在画面上进行涂抹 橡皮擦和油漆桶工具组 1.渐变工具(五种不同渐变) 打开渐变编辑器,选择新建,在渐变条的上下方便更改数据,建立想要的渐变。 2.渐变用途教学实例: 复制背景图层c-j 打开图像调整菜单,选择去色 按图层蒙版新建,按住A点击图层蒙版缩略图,进入图层蒙版编辑状态 3.橡皮擦工具E 普通橡皮擦、背景橡皮擦、魔术橡皮擦 4.油漆桶工具组G 使用时要考虑设置容差

2D地图擦除算法

你离开我真会死。 提交于 2020-01-17 22:43:00
.  关于2D地图擦除算法,去年我写过一个实现,勉强实现了地形擦除,但跟最终效果还相差甚远,这次我写了一个完整的实现,在此记录,留个印象。 .  去年的版本 <<算法 & 数据结构——裁剪多边形>> ,因为受限于当时框架用GDI实现的渲染器,只有擦除地形没有擦除地图,这次换了OpenGL渲染器,终于可以实现最终效果了。 这个算法看似简单,实际上就是很简单,大致可分为三个部分。 地图擦除:擦除地图的图像,产生视觉效果。 地形擦除:擦除地图的形状,用于物理计算。 橡皮擦:用于定义擦除的形状。 地图擦除 假设这是一副画在纸上的彩笔画,如果要擦除画上的一部分,有过生活经验的人立马就能想到用橡皮擦就好了,很多算法灵感来自生活,生活多姿多彩的人适合做程序员。这个实现过程大概就是:绑定地图到当前渲染目标,渲染“橡皮擦”让其覆盖范围内的像素,从而达到擦除效果。 橡皮擦 接着上一个环节,“橡皮擦”可以是从文件读取的一张图,也可以是程序生成的一张图。如果从文件读取,设置合适的BlendFunc,直接渲染覆盖像素颜色就行了,本例使用程序生成的图,因为这个灵活度更高。 这是一个正10边形的“橡皮擦”,从图中可看出,里面有几条线,把正10边形分割成了8个三角形,这8把三角形的面积和形状等于这个正10边形,如果你困惑为什么要切成三角形,你运气很好,有一个大佬刚好懂你的困惑,并为你量身定做了一篇答案 <<算法

巧用canvas实现画板功能,使用画笔在图片上涂画,橡皮擦可擦除涂画,并保存

家住魔仙堡 提交于 2020-01-13 03:26:05
canvas 是HTML5的元素,使用JavaScript 在网页上绘制图像。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 而如果想实现画笔在画板涂画画笔在图片上涂画,橡皮擦可擦除涂画,就需要两个canvas画布配合。 原理就是两个一样大小的canvas画布重叠放置,并且都绘制这个图画,这样只在上面的canvas涂画、擦除,擦除时把下层canvas内容替换上层的canvas内容,达到模仿橡皮擦效果。 下面就是具体实现代码: 1、先准备画布和工具: <canvas id="canvas1" width="600" height="500"></canvas> <canvas id="canvas2" width="600" height="500"></canvas> <div class="tooltip-pen"> <b> <i class="ico ico-pen" title="铅笔" onclick="changeTools('pen');"></i> <i class="ico ico-eraser" title="橡皮檫" onclick="changeTools('eraser');"></i> <i class="ico ico-save" title="保存" onclick="downloadImg();"></i> </b> <

Mac多功能笔记注释软件Notability创建甜甜圈图案的趣味教程

柔情痞子 提交于 2019-12-10 14:19:51
Mac笔记软件是不是只能记录文字?那是你没遇到Notability for Mac!Mac多功能笔记注释软件Notability结合了打字,手写,录音和照片等功能,用于注释文档,草图创意,记录讲座,记笔记等,满足您所有想创建的笔记形式!今天给大家分享的是用Notability创建甜甜圈图案的趣味教程,感兴趣的朋友请往下看! https://www.macdown.com 用Notability创建甜甜圈图案的图文教程 1、从形状模板菜单中选择椭圆形,然后按住 Shift 键并点按,即可创建正圆形。 2、点按橡皮擦图标并选择局部橡皮擦来绘制第二个圆形。再次按住 Shift 键并点按来使其成为正圆形。 3、点按整体橡皮擦并点按第二个圆形的圆心来擦除墨水。 4、选择钢笔图标并点按“钢笔样式”下的“一致”。 5、绘制线条并按住不放,即可使其自动更正为完美直线。 6、瞧!您画了一个甜甜圈。 以上就是今天给大家分享的用Notability创建甜甜圈图案的趣味教程,你学会了吗? 来源: https://www.cnblogs.com/qq22949529/p/12016248.html

【优动漫 PAINT应用篇】绘制插画之草稿

怎甘沉沦 提交于 2019-12-07 12:20:39
1.新建文件 新建画布。 选择[文件]→[新建],打开[新建]对话框。 点击[预设尺寸],选择[B5(350dpi)],点击[确定]。 新建画布后,将[铅笔]工具调节到适合的大小,边构思边打草稿。 2.准备铅笔工具 (1)选择[工具]→[铅笔]。 (2)调整[铅笔]工具的大小 可通过[工具属性]→[笔刷尺寸]滑块进行调整,也可从[笔刷尺寸]中选择数值。 3.绘制草稿 继续绘制草稿。 (1)设置草稿用色 设置草稿线条的颜色。为描线时易于区分,请不要选择黑色。 从[色板]面板中选择颜色。 (2)绘制大致轮廓 将画布调整至适合屏幕后,绘制大致轮廓。 (3)进行细部微调 放大需要微调的部位,并将其旋转至易于绘制的角度。如有需要,还可将画布水平翻转,以确认画面整体的平衡度。 4.修正线条 使用[橡皮擦]工具,可擦除已绘制的线条。 (1)选择[工具]→[橡皮擦],并从[子工具]中选择[硬边]。 (2)调整橡皮擦的大小 可通过[工具属性]→[笔刷尺寸]滑块调整,也可从[笔刷尺寸]中选择数值。 调大数值可擦除较大范围,反之则可修正细小部分。 (3)拖动橡皮擦工具,擦除线条。 5.完成 重复绘制、擦除工序,逐渐完成草稿。 草稿绘制完毕。 接下来,让我们使用钢笔工具,为草稿描画主线。 软件下载:http://www.dongmansoft.com/xiazai.html 更多优动漫教程

「绘画」板绘小白如何快速画出山水画!!|

谁都会走 提交于 2019-11-30 12:24:11
【绘画】板绘小白如何快速画出山水画! !! 说起板绘那真的是种类画风繁多,还有脑洞突破天际的风格,下面介绍一下中国画中的山水系列,好啦就让我们一起进入到今天的漫画教程中来吧。 1、先来画河两边的岸:选用铅笔工具,颜色用黑色,在画板中随意涂一下,如下图: 然后用橡皮擦(橡皮擦设置结缕草,50%强度)擦出来河岸的样子,图层不透明度调整为75%,添加画纸质感fire,倍率300%,强度60.具体调整见下图。 效果如下图: 右岸新建图层,画法和左岸一样,如下图: 2、画山脉:同样用铅笔工具涂出山脉形状 然后还是用橡皮擦,擦擦擦,为了让山脉更逼真,山脚下我用模糊擦擦了一下,图层调整同上,得到下图: 另一座山画法同上,只是因为另一座山更远所以透明度调的要更低一些,我调的是50%画完效果如下: 以上素材来源于网络,侵权即删 文章从【学绘画,来艺学绘】收集整理,更多优质教程,请搜索官网查看。 来源: https://my.oschina.net/u/4215954/blog/3110844

Adobe PS常用快捷键

房东的猫 提交于 2019-11-30 04:30:30
ps使用快捷键 新建图层 Ctrl+Shift+N 取消选择区 Ctrl + D 新建标题 Ctrl + N 图片放大 Alt+鼠标滑动 图片位置拖动 空格 + 鼠标拖动 移动图层 ctrl + 鼠标拖动 复制图层 Alt+鼠标拖动 橡皮擦大小【】/*需要设置俩个及以上图层才好看出效果*/ 俩个及以上"选择选框" 点按着shift键选择 橡皮擦反补 按着alt加鼠标拖动 //只对把擦除多了的部分反擦回来 使用魔棒工具可以选择后使用“选择反向”可以得到意想不到的结果 如果使用选择工具后ctrl+C提示不支持拷贝复制,可更改切片工具再复制。 吸管工具是获取背景图片的颜色 抠图的方法:使用“选择工具”选择好复制,新建标题(Ctrl+N),粘贴即可。 1.对于纯色背景,图片中的图像棱角分明,我们可以使用魔棒工具,抠出想要的图形 2.对于有复杂背景,但图片中的图像棱角分明,我们可以使用多边形套索工具,抠出想要的图形 3.对于纯色背景,魔术橡皮擦工具会自动识别背景进行擦除,从而得到想要的图形 4.对于背景色太接近,抠图要求较高,且边缘需要较清楚的图像,我们选择钢笔工具,钢笔工具在PS中应用非常多,特别是淘宝美工,抠产品图时。钢笔工具抠图的优点,清晰干净,不会失真。 (1)套索:分为三种:套索,多边形,磁性。适合抠颜色反差大边缘明显的图象。 (2)滤镜:滤镜-抽出