一.制作文图字体文件 使用TextureMerger制作位图字体,具体查看 官方教程. 我们这里制作了一组位图字体. 二.导入位图字体 位图字体素材放入资源配置文件default.res.json 三.EXML中使用位图字体 拖动一个bitmaplabel组件到exml上 设置右侧属性栏“位图字体”为countdown_fnt 标签为“123”,如下图所示,可正常显示位图字体了 其他:  1. 位图字体文件fnt配置 fnt内保存了图片名,以及各个数字图片的坐标.高宽等信息 2. 位图字体居中…

引擎版本3.2.6 教程目录一 为什么要使用位图字体二 如何使用位图字体2.1 TextureMerger制作位图字体2.2 exml中使用位图字体三 Demo源码 一  为什么要使用位图字体egret在手机端发布的h5,一般显示的都是手机自带默认字体.要显示特殊字体的话,一般会用到位图字体.例如下图中的伤害数字. 二 如何使用位图字体2.1 TextureMerger制作位图字体 首先打开Texturemerger.(https://www.egret.com/products/others.…

制作字体过程 首先得下载一个位图制作工具Bitmap font generator,可以点击这里下载 1.新建txt文件,输入字体里面包含的文字 2.保存为utf-8格式:点击文件另存为,选择编码格式为UTF-8 3.打开下载的bitmap font软件,选择options->font settings,设置字体等选项 4.选择Edit->select chars from file,然后选择我们刚刚建好的文件 5.选择options->save bitmapfont as .然后就会生…

 使用Glyph Designer创建位图字体 转http://book.2cto.com/201210/6610.html   <iOS 5 cocos2d游戏开发实战(第2版)>将引导您开发富有吸引力的2D游戏.书中展示了如何使用cocos2d这款强大的游戏引擎来开发iPhone和iPad游戏,此外还介绍了游戏中的瓦片地图.虚拟摇杆.Game Center等.本书...  立即去当当网订购 本书第1版问世后,www.71squared.com发布了一款可以替代Hiero的工具:GlyphD…

http://blog.csdn.net/fansongy/article/details/9006677 通常情况下,游戏中绚丽的文字和数字都不是字体生成的而是"贴"上去!今天,我就在这里为大家介绍一个使用了图片打包技术的位图字体生成工具--BMFont. 1.先下载一个BMFont(下载地址:http://www.angelcode.com/products/bmfont/) 2.运行程序,单击鼠标左键点亮相应位置的字母,比如:0.1.2./ 等. 3.选择 Edit->Op…

参考: 官网教程-位图字体的制作与使用 一.下载字体并安装字体 从站长字体下载了液晶数字字体,将TTF文件拖入C盘windows/Font文件夹,则字体会自动安装 二.下载字体制作工具 Bitmap Font Generator 三.使用字体制作工具导出fnt和png字体文件 这部分看Laya官网教程,链接在本文开头处. 导出后获得fnt和png文件,工具默认导出png是lcd_0.png 做两处修改: 1. lcd_0.png重命名成lcd.png. 2. lcd.fnt文件里的lcd_0.p…

http://childhood.logdown.com/posts/190580/-details-using-shoebox-produce-bitmap-fonts?utm_source=tuicool 1 ShoeBox 简介 ShoeBox官网 ShoeBox是一个基于AdobeAIR实现的免费跨平台的工具.这个工具使用拖放.剪切板的工作流程方式,能够很方便的处理游戏图片.创建位图字体等. 支持引擎 2 功能概括介绍 ShoeBox虽小,五脏俱全.作者做这个工具足见是用了心,如果各位想…

Lighthouse3d.com >> GLUT Tutorial >> Fonts >> Bitmap Fonts 位图字体一般是二维字体.虽然我们会把它放到三维世界,但这些字体没有厚度,也不能渲染和测量,只能翻译.除此之外,字体会一直面向镜头,像一张广告牌一样.虽然这个可以看作是潜在的缺点,但另一方面看我们也不用考虑字体的方向问题. 本节我们会演示GLUT函数如何显示位图文本到屏幕.这里用到glutBitmapCharacter函数来写入字符.原型如下: void…

 1安装HBuilder5.0.0,安装后的界面截图例如以下: 2 依照https://www.muicss.com/docs/v1/css-js/boilerplate-html中的说明,创建上图的Boilerplate.html: 3 代码内容例如以下: <!-- 作者:XXX@qq.com 时间:2015-08-02 描写叙述:使用MUI.您能够先简单地直接将以下CSS和JS加入到您的HTML文档中: <link href="//cdn.muicss.com/mui-0.1…

一.ProgressBar常规使用 拖动一个progressbar到exml 代码中使用 /** * 主页场景 * @author chenkai 2018/5/26 */ class HomeScene extends eui.Component{ private bar:eui.ProgressBar; public constructor() { super(); this.skinName = "HomeSceneSkin"; } protected childrenCreat…

一.常规使用 官网教程里没有这个组件的使用方法 这个组件配合Scroller使用 拖动一个scroller到exml上.scroller上已经默认存在了HScrollBar和VScrollBar 当图片大于scroller时,拖动图片,会显示出垂直和水平的滑块 实际效果 其他: 1. 设置滑块的显示方式 默认情况下是auto. 2.更换滑块的皮肤样式 默认滑块是个蓝色的小方块 尝试在exml里找,没有. 所以只能代码里找到scroller的verticalScrollBar属性,然后替换它的图片…

// 文本.字体样式 import 'package:flutter/material.dart'; class TextFontStyle extends StatelessWidget { // 声明文本样式 TextStyle textStyle = const TextStyle(fontFamily: 'MyFont', fontSize: 30, ); @override Widget build(BuildContext context) { return Scaffold( ap…

首先,说下为什么要使用这款工具作为cocos2d-x的字体生成工具.其实cocos2d-x能使用的字体生成工具也有好几个,当然了本人也没有全部使用过,就不一一说明了.Bitmap Font Generator(下面简称BMFont)工具的好处有一下几点: 1.支持windows系统,貌似也只支持windows,好吧,这也是个缺点 2.支持从文本中获取所需要生成的字 3.支持保存设置文件 4.支持命令行 BMFont工具的下载地址:http://www.angelcode.com/products…

转载自:http://blog.csdn.net/keshuiyun/article/details/9960667 BMFont下载地址: http://www.angelcode.com/products/bmfont/ 本篇讲解如何利用美工提供的字符图形来生成自定义字体. 美术提供的字体经常是下面这样的: 或者这样的: 这时候我们就要借助BMFont了,首先针对真彩色的图形,我们要做一些设定,点击"Options"->“Export options”: 在弹出的窗口中,注意…

输入文本,被废弃的组件,可以用EditableText代替…

看官网教程,这个没法单独用. http://developer.egret.com/cn/github/egret-docs/extension/EUI/dataCollection/dataGroup/index.html…

一.CheckBox常规使用 拖动一个checkBox到exml即可 点击效果 二.代码中监听事件 /** * 主页场景 * @author chenkai 2018/5/26 */ class HomeScene extends eui.Component{ private checkBox:eui.CheckBox; public constructor() { super(); this.skinName = "HomeSceneSkin"; } protected childr…

一.Button的常规使用 用到的按钮素材,分别为按钮的正常.按下.禁用图片 拖动一个Button到exml,并设置正常.按下.禁用.标签等属性 点击效果 其他: 1. 按钮的标签字体颜色大小怎么改变? 打开exml的源码,在Button的Label中增加字体大小size属性,并设置大小为50. 同理可设置其他属性,例如颜色textColor.  2. 想在按钮普通状态时,显示两张图片,怎么办 可以增加一个<e:Image>标签,这个可以根据需求,举一反三,修改exml的代码,灵活配置.…

1.首先我们须要下载而且安装BMFont工具,下载地址例如以下:http://download.csdn.net/detail/chenqiai0/8899353(里面还有具体的使用文档,假设使用中有什么不明确请留言). 2.安装后,打开BMFont,界面例如以下,右边的列表是字体库 3.创建一个txt文件.然后输入你用到的文字(注意:保存的时候要用utf-8,否则软件无法识别) 4.接下来的操作请大家下载上述资源,然后依照pdf中解说的步骤操作,肯定能够实现fnt文件的导出. 注意:须要我们注…

一.EditableText常规使用 EditableText是一个可输入文本,例如登陆时输入用户名.密码等. 拖动EditableText到exml即可 实际效果 其他: 1.输入密码框 设置inputType类型为password,则为密码框. 2.默认的提示语句 设置prompt提示语为“请输入昵称”.提示语只有在文本为空时显示,当用户点击文本框准备输入时,提示语句会自动隐藏.…

参考此文,http://www.cocos2dres.com/post/87.html 在cocosbuilder里使用时有几个注意事项 1.中文保存时选择unicode 2.导出时选择 text 3.打开导出的fnt文件,把info face="΢ÈíÑźÚ" ,改为info face="" 4.CCLabelBMFont调用setString无效时,再调用setColor一下就好了.(具体原因未知)…

一 自定位图文字 因为egret的位图文字是texturemerger做的,需要多张单图片导入tm,然后导出两个文件来使用,过程比较麻烦. 而Laya的位图文字则是一张整图数字图片,使用FontClip就能直接使用, 很方便. 所以现在弄个自定义的位图文字类,也不用tm去导图了. 二 决战沙城的位图文字代码 先来看看别人的.据说这个框架里的位图文字被用于很多大型H5 mmo项目.14年写的工具类ε=(´ο｀*)))唉. 主要原理就是1个字1个bitmap,然后并列排起来.“123“就是3个bit…

Daikon Forge GUI 制作UI面板 在上次的学习中制作了一个简单的面板,下面来学习制作图集以及字体. 1.DF-GUI 图集(Atlas)制作 操作步骤 选中UI Root根节点,在Scene场景中右键鼠标弹出如下菜单,选择需要制作的一个控件,在这里我选择了一个Texture sprite如下图. 在右方面板出现如下图的组件 Texture Sprite不需要制作图集,只需要导入位图,拖到图中所指示的位置即可.但是另外的Sprite ,如 Sliced Sprite需要制作图集才可以…

一.cc.Lable组件的使用 1.创建Label的方法 a.通过菜单直接创建Label组件:b.先创建节点,然后在节点上绑定Label组件即可. 2.Label 面板上的属性 String => 文本显示的内容; Horiznotal => 水平对齐的方式: 左 右 居中; Vertial => 上, 下, 居中, 字与行的排版 Font Size => 字体大小; LineHeight => 每行的高度; OverFlow => 文字排版: None: 没有任何特性…

jTextPane1.setForeground(Color.green);//设置java字体的颜色   设置字体的颜色和型号和大小 jTextPane1.setFont(new Font("黑体",Font.PLAIN,jTextPane1.getFont().getSize())); ava.awt.Font 设计字体显示效果 Font mf = new Font(String 字体,int 风格,int 字号);字体:TimesRoman, Courier, Arial等风格:…

转自[翻译]NeHe OpenGL 教程 前言 声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线教程的编写,以及yarn的翻译整理表示感谢. NeHe OpenGL第十四课:图形字体 图形字体: 在一课我们将教你绘制3D的图形字体,它们可像一般的3D模型一样被变换. 这节课继续上一节课课的内容.在第13课我们学习了如何使用位图字体,这节课,我们将学习如何使用轮廓字体. 创建轮廓字体的方法类似于…

转自[翻译]NeHe OpenGL 教程 前言 声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线教程的编写,以及yarn的翻译整理表示感谢. NeHe OpenGL第十三课:图像字体 图像字体: 这一课我们将创建一些基于2D图像的字体,它们可以缩放,但不能旋转,并且总是面向前方,但作为基本的显示来说,我想已经够了. 欢迎来到另一课教程,这次我将教你如何使用位图字体,也许你会对自己说:"在屏幕上…

前言: Freetype是一个跨平台.开源的字体渲染器,网上很多文章介绍,本人就不啰嗦了.本文重点在于实现文章标题所属的各种效果,不是Freetype的基本使用方法介绍文档,所以对于Freetype不熟悉的同学们请先学习下Freetype的基本用法,才可以使用本文中所提及的方法. 正文: 用FreeType实现矢量字体的粗体.斜体.描边.阴影效果不是一件容易的事,本人认为皆因Freetype的接口太过于底层化,Freetype没有对其进行上层包装,所以要实现这些对于软件/游戏来说的基本效果,都是…

网页上使用的图标分可为三种:文件图标.字体图标和 SVG 图标.对于文件图标,下面仅以 PNG 格式来说明. PNG 图标 对于 PNG 图标的引用,有两种方式.一种是直接由 HTML 元素 img 的 src 属性给出.下面是一个简单的示例. Icon: { css: "#icon { width: 68px; height: 68px; }", xml: "<img id='icon'/>", fun: function (sys, items, o…

1. 首先,再次被网上一大堆屎一样的资料搞得浪费了我一天时间.各种坑. 2. 本文先讲一种正确的方式,然后再列举坑. 去www.egret.com下载最新的引擎,我的最新版本是5.2.2. 然后就会被安装了一个全家桶.在里面,你还要在去点击Egret Wing,安装个开发环境. 然后,在项目的地方,新建一个游戏项目,带EUI框架: 必须注意红框的地方,避免踩坑.类型是Egret游戏项目.之后,全家桶就会默认打开Egret Wing进入开发环境. 在src目录下面,新建模板文件——新建EUI组件.…