设为首页收藏本站|繁體中文

Project1

 找回密码
 注册会员
搜索
查看: 2998|回复: 2

[原创发布] Bitmap&&DrawTextEx描绘变色渐变文字

[复制链接]

Lv3.寻梦者

梦石
0
星屑
1294
在线时间
962 小时
注册时间
2012-4-30
帖子
1475

开拓者

发表于 2017-6-11 12:23:15 | 显示全部楼层 |阅读模式

加入我们,或者,欢迎回来。

您需要 登录 才可以下载或查看,没有帐号?注册会员

x
本帖最后由 铅笔描绘的思念 于 2017-6-11 12:25 编辑

前几天提问的本体哈自己瞎糊解决了 是createLinearGradient参数给常数了= =b
其实想要这个效果是因为VX上有描绘有颜色的渐变文字的效果很惊艳的
记得那时候VS开始都很多优质的VX游戏都会加上这个效果 MV有canvas非常简单的糊出来
还有位dalao提醒PIXI.Text也能做出渐变的效果 然后并没有研究出来=。=
就把瞎糊的贴出来好了效果配合全局控制字符调教的好的话其实很棒的。。
全局控制字符的话发现其实网上很多况且我糊的也不怎么样
效果图 QQ截图20170611122104.png
JAVASCRIPT 代码复制
  1. //=============================================================================
  2. // Bitmap&DrawTextEx.js
  3. //=============================================================================
  4. (function() {
  5.     Bitmap.prototype._drawTextBody = function(text, tx, ty, maxWidth) {
  6.         this.gradientFillText(text, tx, ty, maxWidth, "#fff", this.textColor)
  7.     };
  8.     Bitmap.prototype.gradientFillText = function(text, x, y, mWidth, color1,
  9.                                                  color2) {
  10.         var context = this._context;
  11.         var grad;
  12.         grad = context.createLinearGradient(x, y-this.fontSize, x, y);
  13.         grad.addColorStop(0, color1);
  14.         grad.addColorStop(0.8, color2);
  15.         context.save();
  16.         context.fillStyle = grad;
  17.         context.fillText(text, x, y, mWidth);
  18.         context.restore();
  19.         this._setDirty();
  20.     };
  21.     var _bitmapDrawTextEx_initialize =Bitmap.prototype.initialize;
  22.     Bitmap.prototype.initialize = function(width,height) {
  23.         _bitmapDrawTextEx_initialize.call(this,width,height)
  24.         this.outlineColor = '#000';
  25.     }
  26. })();



如果不需要修改文字描边不透明的话吧initizlize那段删了就好 color1的话白色效果最好不建议改
addColorStop(0.8, color2) 0.8这个参数我也是试了好多次觉得0.8效果最好

评分

参与人数 2星屑 +10 +1 收起 理由
Peekaboo + 1 塞糖
白嫩白嫩的 + 10 塞糖

查看全部评分

Lv1.梦旅人

梦石
0
星屑
69
在线时间
0 小时
注册时间
2018-11-30
帖子
32
发表于 2018-11-30 05:15:29 | 显示全部楼层
感谢楼主分享
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
193
在线时间
59 小时
注册时间
2021-9-2
帖子
71
发表于 2021-9-7 01:44:11 | 显示全部楼层
怎么用的大佬给个教程啊
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

拿上你的纸笔,建造一个属于你的梦想世界,加入吧。
 注册会员
找回密码

站长信箱:[email protected]|手机版|小黑屋|无图版|Project1游戏制作

GMT+8, 2024-3-29 00:50

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表