猫史档案馆


【蜜蜂の道别礼物】画笔图章小教程

用户:霖雨暮风霖雨暮风查看:12 回复:32 评论:12 创建时间:2018-08-30T19:24:52


大家都要开学了,

当然我也不例外,

又因为我是住校,

于是上不了编猫。

临走前给大家送一个礼物吧。。。

——————————————————————

最近技术喵把图章开发出来了吧,

那就来看看吧嗯。

先列一下画笔的一部分属性:

-画笔从执行落笔后直到执行抬笔才会停止画笔行为。

-当画笔从一点移动到另一点(移到而不是重复),会在两点之间划出一条线段。

-画笔画在背景上,位于所有角色下方,背景上方。

-图章将继承原角色的部分属性,包括不限于大小、位置,但是目前可能无法继承一部分特效,也不受显示与否的影响。(但是可以继承角色本体的样貌)

-画笔位置在角色中心。

好那么我们来看看,如何做出下图的尾迹效果:

center_image(有点卡。。。)

其实很简单的啦,让我教你3步完成!

Step 1:初始化

首先我们需要三个角色:

center_image

左为背景,中间是一个透明度较高的黑色幕布,右边为画笔角色,什么样子你自己选吧!

Step 2:画笔角色

这一步我们要先让画笔角色执行画笔。

积木块如下:

 

center_image

其实搞懂这些并不难对吧

下面是效果图:

center_image

显而易见,我们接下来要做的,一是让画笔消失,二是考虑如何渐变消失(即尾迹效果)

Step 3:黑幕脚本

这是最重要也是最核心的积木块了:

center_image

很吃惊不是吗?就一个重复循环加一个图像印章。

原理我说下吧:时间差与半透明

由于是半透明,所以一次图章不会直接覆盖画笔变成黑漆漆一片,但是呢由于是半透明,所以画笔会稍微变暗,但是不断的变暗就会使画笔痕迹的亮度不断变低,直到最后你看不到了;而新画出来的画笔痕迹又盖在上面,亮度比先画的高那么一点点,如此反复就形成了尾迹的效果。

再说一点调节吧:图章角色的透明度越高,尾巴越长。具体可以在下面的演示文件中看看。

(空格调节透明度,左键按下变成彩色)

期待你们改编出更多酷炫的效果!

记得发上来!

——————————————————————

教程都发完了呢,

接下来就要和大家告别啦!

小伙伴们我们寒假再见!

(其实偶尔还是会在偷更下的)

(QQ可能在线多一点,1275319698)


回复

上一页1 页 / 共 2下一页
霖雨暮风霖雨暮风

再见啦小伙伴们TAT

点赞0


评论


莲阿修贝尔莲阿修贝尔

5555555555,大佬别走啊

点赞0


评论


黑猫琳娜黑猫琳娜

蜜蜂大佬别走啊QAQ

点赞0


评论


橙独秀橙独秀

只要我的鼠标够快

我的闪光就追不上我

点赞0


评论


阳光喵橙阳光喵橙

ding

点赞0


评论


阳光喵橙阳光喵橙

ding

点赞0


评论


官方雷电猴官方雷电猴

嘤嘤嘤...等你肥来!

emotion_编程猫_伤心

点赞0


评论


WaZCWaZC

emotion_泪

点赞0


评论


科普喵科普喵

科普喵也等你回来!!!

点赞0


评论


科普喵科普喵

center_image

点赞0


评论


编程的王约瑟编程的王约瑟

hcuaighcuytsd

点赞0


评论


QwQ奶茶QwQ奶茶

唉佩服,这就是传说中的“别人家的孩子”

点赞1


评论


整容完毕的海绵宝宝整容完毕的海绵宝宝

点赞0


评论


宫爆鸡丁~宫爆鸡丁~

不精品没天理帖系列~

点赞0


评论


Ryan袁奥Ryan袁奥

不精品没天理帖系列~

(楼下跟上)

点赞0


评论


Ryan袁奥Ryan袁奥

不精品没天理帖系列~

(楼下跟上)

点赞0


评论


人生若只如初见_人生若只如初见_

良心作者

emotion_编程猫_加油

点赞0


评论


Ryan袁奥Ryan袁奥

不精品没天理帖系列~

(楼下跟上)

点赞0


评论


Ryan袁奥Ryan袁奥

不精品没天理帖系列~

(楼下跟上)

点赞0


评论


李羽龙Lyl李羽龙Lyl

哇 好炫酷 而且 印章不会卡

点赞0


评论


源码设计师源码设计师

不精品没天理帖系列~

(楼下跟上)

点赞0


评论


永哥zzy永哥zzy

emotion_编程猫_点赞

点赞0


评论


江湖神偷_鲈鱼江湖神偷_鲈鱼

我们做图像印章怎么没有这鸭子?

点赞0


评论


少年编程狂少年编程狂

顶~~

点赞0


评论


sTsT

emotion_编程猫_点赞emotion_编程猫_点赞emotion_编程猫_点赞emotion_编程猫_厉害了emotion_编程猫_厉害了emotion_编程猫_加油

点赞0


评论


RmolusRmolus

顶顶顶顶顶

点赞0


评论


荷城三小**区朗鸣荷城三小**区朗鸣

emotion_编程猫_点赞

点赞0


评论


秦佳成秦佳成

center_image

点赞1


评论


浮生awa浮生awa

挖!

点赞1


评论


ioioioioioioioioioioioio

imgsrc="https://static.codemao.cn/emoji/codemao/%E7%BC%96%E7%A8%8B%E7%8C%AB_%E6%BA%9C%E4%BA%86%E6%BA%9C%E4%BA%86.gif"alt="emotion_编程猫_溜了溜了"

点赞0


评论