转载地址:http://www.taikr.com/group/2/thread/1606 关于cocos2dx 字体描边的实现,不考虑效果和效率的话,是有三种方式: ① 利用CCLabelTTF制作文字描边和阴影效果 ② 利用CCRenderTexture渲染文理的方式生成带有描边效果的文字 ③ 利用shader来实现,使用cocos2dx中CCGLProgram类与OpenGl绘图机制中的着色器交互来实现 第三种方式我没试过,不过基于shader的强大特效功能,实现起来是没问题的,后面我还会…
在cocos中,设置字体描边可以用enableOutline(cc.c4b(30, 10, 0, 255), 2)函数设置,第一个参数是字体颜色,第二个参数是描边轮廓大小,单位是2个像素, 我在使用过程中遇到了一个坑,就是父节点使用九宫格的时候,字体描边会缺失,这个是cocos底层的bug. 使用九宫格的效果: 正常效果:…
LabelTTF::create(); 这样fontname那不填表示使用设备默认字体 std::string lvstr = FunctionUtil::getChinese("guanka"); lvLabel = LabelTTF::create(lvstr.c_str(), ); lvLabel->setColor(Color3B::WHITE); lvLabel->enableStroke(Color3B::BLACK, ); //lvLabel->setT…
// // myttf.h// // Created by 王天宇 on 14-6-12. // // #ifndef ____SLG__myttf__ #define ____SLG__myttf__ #include <iostream> #include "cocos2d.h" USING_NS_CC; using namespace std; class myttf { public: //给文字添加描边 CCLabelTTF* textAddStroke(cons…
转自:http://blog.csdn.net/langresser_king/article/details/9012789 个人一直认为,文字绘制是cocos2d-x最薄弱的环节.对于愤怒的小鸟之类的游戏,cocos2d提供的文字绘制功能已足够使用.但是对于一个mmo来说,则完全不够.一个优秀的mmo客户端必然会对其有进行优化和再封装的操作. cocos2d-x支持两种文字绘制方式(均支持中英文),一种是CCLabelTTF,一种是CCLabelBmpFont. CCLabelTTF原理是调…
为了更加个性化,系统提供的字体,有时候没法满足我们的要求,所以cocos2dx提供了自定义字体控件. 分别是CCLabelBMFont和CCLabelAtlas,先看BMFont的效果 CCLabelBMFont* label = CCLabelBMFont::create("abc", "fonts/bitmapFontTest.fnt"); addChild(label); label->setPosition(ccp(__winSize.width/2,…
Cocos2d-X顺便文本显示在以下三个: CCLabelTTF: 使用系统字体.每一个字符串会生成一个纹理.显示效率比較低下,适合不变化的文字 CCLabelAtlas: 使用NodeAtlas优化渲染,适合常常变化的数字,比方分数,金钱之类的数字 CCLabelBMFont: 使用CCSpriteBatchNode,非常灵活,每一个字符都是一个精灵,能够对每一个字符进行操作,直接使用图片.将文字画在 设置文本的字体为CCLabelTTF //在层上设置属性 bool Label::init(…
有些时候需要在界面上显示些文字,自然涉及到字体的问题 显示文字使用CCLabelTTF即可,创建方法是 CCLabelTTF(const char* text, const char* font, int size); 系统自带了很多字体,不多说了,直接上代码和图吧 static std::string _font[] = { "AppleGothic", "HiraKakuProN-W6", "HiraKakuProN-W3", "M…
cocos2d-x多分辨率自适配及因此导致的CCListView的bug修复 cocos2d-x是一款众所周知的跨平台的游戏开发引擎.因为其跨平台的特性.多分辨率支持也自然就有其需求. 因此.在某一次更新中(抱歉,笔者已经忘了是哪次更新了),cocos2d-x加入了一个新的方法.能够很简便地让cocos2d依据屏幕尺寸的大小做自适配. 方法名: virtual void setDesignResolutionSize(float width, float height, ResolutionPo…
在iPhone6 个别机型会出现 粒子效果黑色不正常现象. ignore = CCParticleSystemQuad:create("particles/flower_red.plist"); ignore:setPositionType(kCCPositionTypeRelative) 现象如图. 问题持续了非常长时间. 后来測试资源发现将粒子数量变少些将不复存在这个问题 这里要注意的是.为了实现測试需求的同一时候不要盲目的加入特别多的粒子.这样非常消耗运算效率. watermar…
/** * Enables shadow style and sets color, offset and blur radius styles. * @param {cc.Color} shadowColor * @param {cc.Size} offset * @param {Number} blurRadius */enableShadow: function(shadowColor, offset, blurRadius){ this._labelRenderer.enableShad…
-webkit-text-stroke: 3.3px #2A75BF; -webkit-text-fill-color:#fff; 该方法在安卓端貌似不支持,显示为一团 或: -webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; -moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; text-shadow:#00…
css之为文本添加线性渐变和外描边  一.效果: 描边:描边+渐变: 二.描边: api:text-stroke 问题:text-stroke的描边是居中描边,无法直接设置外描边 解决:在before中添加文本,设置字体描边,绝对定位在文本下方 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title<…
本文是使用 WPF 做个 PowerPoint 系列的博客,本文来告诉大家如何解析 PPT 里面的文本描边效果,在 WPF 应用中绘制出来,实现像素级相同 背景知识 在开始之前,期望你了解了 PPT 解析的入门知识.如对 PPT 解析了解很少,请参阅 C# dotnet 使用 OpenXml 解析 PPT 文件 在 PPT 里面可以给文本的某些文字设置描边效果,描边效果从 OpenXML 层上是不属于特效的,只是属于边框属性.在 PPT 里面,可以给文本加上 Outline 边框属性,从而让文字…
效果图: 1.边缘发光 思路:用视方向和法线方向点乘,模型越边缘的地方,它的法线和视方向越接近90度.点乘越接近0 那么用 1-减去上面点乘的结果,来作为颜色分量,来反映边缘颜色强弱. Shader "Custom/OutLine1" { Properties { _MainTex("main tex",2D) = "black"{} _RimColor(,,,)//边缘颜色 _RimPower (,)) = //边缘强度 } SubShader…
1.定义图案:打开一个AI素材文件如图: 选择工具拖拽选择这个图案,选择“对象”“图案”“建立”完成图案的建立 此时会弹出图案选项对话框,改变拼贴类型,图案宽高,份数,不透明度,单击"完成“则完成设置.此时图案被添加到色板面板中. 绘制一个矩形,单击色板面板中已有的图案,可以将其应用到当前的矩形中,双击色板面板的图案会弹出”图案选项“对话框. 2.描边功能;绘制一个矩形,给它的描边设置为”渐变“ 弹出”渐变“对话框改变渐变的设置.设置描边粗细,描边形状.同理,填充颜色也可以设置渐变. 重点!!!…
http://gad.qq.com/article/detail/28346 描边效果是游戏里面非常常用的一种效果,一般是为了凸显游戏中的某个对象,会给对象增加一个描边效果.本篇文章和大家介绍下利用Shader实现描边效果,一起来看看吧. 最近又跑回去玩了玩<剑灵>,虽然出了三年了,感觉在现在的网游里面画面仍然算很好的了,剑灵里面走近或者选中NPC的一瞬间,NPC就会出现描边效果,不过这个描边效果是渐变的,会很快减弱最后消失(抓了好久才抓住一张图....) 还有就是最常见的LOL中的塔,我们把…
本文发布于游戏程序员刘宇的个人博客,欢迎转载,请注明来源https://www.cnblogs.com/xiaohutu/p/10834491.html 游戏里经常需要在角色上做描边,这里总结一下平时几种常见的描边做法. 一,两批次法: 优点是简单,效果直接,性价比高. 1. 定点对着法线方向外移,缺点是可以看出顶点之间有断裂 Shader "ly/Outline_2Pass_1" { Properties { _MainTex("Texture", 2D) = &…
•普通Button <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schem…
一.准备好一个字体文件,直接拖放到内容浏览器 二.创建一个名为testFontMaterial的UserWidget,添加一个TextBlock到默认的CanvasPanel.Font Family:要使用的字体,选择第一步创建好的字体资源 三.新建一个名为M_fontMaterial的材质,Material Domain=User interface(如此才能在UI中使用该材质),添加一个TextureSampeParameter2D节点,并将UVs链接到M_fontMaterial节点.最后…
<p>兼容性良好的css文字描边</p> <style><!-- h1, p { color: #fff; width: 100%; text-align: center; line-height: 150%; font-weight: normal; font-family: 微软雅黑; text-shadow: 1px 0 0 #8B4513, 0 1px 0 #8B4513, 0 -1px 0 #8B4513, -1px 0 0 #8B4513, 1px 0…
cocos2dx 中文显示 分类: cocos2dx 2014-01-18 10:31 253人阅读 评论(0) 收藏 举报 目录(?)[+] 总结一句话,就是UTF-8编码. 1. 中文FNT字体文件制作 使用Bitmap Font Generator制作字体文件 选择Opotion->FontSetting,来设定需要导出的字体,主要注意选择Unicode编码,其他的size就是设置字体大小,height设置100%就行了. 导出设置,padding其实就是字的边缘留多大的空间,主要是考虑后…
概述: 使用AutoCAD的过程中,我们常常因为缺失字体而烦恼,本插件就是为了解决这个问题. 插件采用WEB服务器 + CAD插件方式.WEB服务器使用Python编写,部署在百度BAE上:CAD插件使用C++开发,在AutoCAD中使用命令"APPLOAD"加载该插件. 在CAD中打开新的DWG文档后,插件会自动比较DWG文档所需字体以及CAD的Font目录下的字体,如果有缺失字体,则自动到WEB服务器下载:如果有服务器上没有的字体,就悄悄上传到服务器. 下载: 源代码: https…
1.生成so文件时,报“No rule to make target ”错误 解决方法:将.\xxx[appname]\proj.android\obj\local\armeabi\objs中的文件全部删除即可 2.生成so文件时,报"multiple definition"错误 解决方法:检查Andriod.mk文件是否写了多遍同一个cpp文件 3.cocos2d_x 多线程头文件路径 在cocos2dx   pthread.h的位置是在 include“pthread/pthrea…
粗略的Canvas API 1. context var context = canvas.getContext('2d'); 2.Canvas state context.save();//将当前状态压入状态栈中,保存当前的状态 context.restore();//将状态栈中的栈顶元素出栈,恢复上次的状态 3.Line styles context.lineWidth[= value] ;//线宽 context.lineCap[= value]; //线的开始和结束部分的形状(butt:…
Html5高级 项目回顾 Day 01 第三阶段知识体系: (1)AJAX异步请求 数据库.PHP.HTTP.原生AJAX.jQuery中的AJAX (2)HTML5高级特性 九大新特性 (3)Boostrap框架 五部分 1.前端开发常用的工具软件 (1)轻量级(>3MB): 小巧快速,但功能简单 Editplus.Notepad++.VIM (2)中量级(xxMB):功能相对丰富 SublimeText (3)重量级(xxxMB):启动速度慢,但功能丰富 IDE(Integrated Dev…
1.Quartz 2D是一个二维绘图引擎,同时支持ios和Mac系统: Quart2D的API是纯C语言的,API来自于Core  Graphics框架: 2.Quartz 2D可以绘制图形(线段/三角形/矩形/圆和弧).绘制文字.绘制和生成图片.读取/生成pdf.截图/裁剪图片.自定义UI控件等 3.对于界面复杂且个性化的UI,普通的UI控件无法实现,而Quartz2D技术却可以通过自定义UI控件来实现.其实,ios中大部分控件的内容都是通过Quart2D画出来的 4.图形上下文(Graphi…
1.资源记载方式 (1)Egret引擎是2.0.5. (2)resource/resource.json文件是: { "resources": [ { "name": "bgImage", "type": "image", "url": "assets/bg.jpg" }, { "name": "egretIcon", &quo…
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,“熟读唐诗三百首,不会作诗也会吟”. 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的文字显示.…
bug1: 折线图,设置datasetGesture : true时,Y轴的刻度值居然会变.会变也就算了,居然没地方设置不能变. bug2: 折线图,设置tap.point事件,和datasetGesture : true,拖动时,返回的(data,i,j)这个i居然是以折线表的展现的0为基准. 注: 1.我自己都忘了改哪里,反正是改了一些bug 2.原项目地址是https://github.com/shixy/JChart window.JingleChart = JChart = { ver…