当前位置: 首页 > news >正文

【phaser微信抖音小游戏开发004】往画布上增加文本以及文本的操作

我们在states中创建st004.js的类,或者将states中的index.js直接重命名为st004.js,把里面的类名也修改为st004.如下图

/upfiles/addon/sj14/media/20230731/1690787402_5ae7d5.png

在main.js中,引入st004,并设置启用的state为st004。如下图

/upfiles/addon/sj14/media/20230731/1690787638_e14086.png

/upfiles/addon/sj14/media/20230731/1690787618_bb4e0c.png

接下来到states/st004里面,在create里面将文本修改一下,显示如图:

/upfiles/addon/sj14/media/20230731/1690787676_67fc9c.png

增加文本:

/upfiles/addon/sj14/media/20230731/1690788307_1655fe.png

/upfiles/addon/sj14/media/20230731/1690788211_524405.png

设置文本样式:

/upfiles/addon/sj14/media/20230731/1690789624_ab5601.png

/upfiles/addon/sj14/media/20230731/1690789705_d0e124.png

动态设置文本属性:

在向画布添加文本的时候,将它赋值给一个变量,后面我们好来引用它。如下

.txt=.game.add.text(, , str, style);

后续的就可以直接通过this.txt调用或设置此文本对象了;

.txt.angle=1;

/upfiles/addon/sj14/media/20230731/1690790058_6c74d5.png

设置基准点,anchor.默认的是0,0即以左上角为准,以下代码设置正中间为基准点,即旋转、绽放等都以这个为中心点。

this.txt.anchor.set(0.5,0.5);

/upfiles/addon/sj14/media/20230731/1690790350_abfece.png

http://www.lryc.cn/news/107595.html

相关文章:

  • 【1.4】Java微服务:服务注册和调用(Eureka和Ribbon实现)
  • QT中使用ffmpeg的api进行视频的播放
  • 使用idea实现git操作大全(在项目开发中遇到的实际情况
  • SQL面试题:一个优化案例
  • 链表的总体涵盖以及无哨兵位单链表实现——【数据结构】
  • 网页版Java五子棋项目(一)websocket【服务器给用户端发信息】
  • 企业大数据可视化案例专题分享-入门
  • GoogLeNet卷积神经网络-笔记
  • 腾讯云TencentOS Server镜像系统常见问题解答
  • 【项目 进程13】2.28共享内存(1) 2.29共享内存(2)
  • Flask框架-流量控制:flask-limiter的使用
  • 【机器学习】西瓜书习题3.5Python编程实现线性判别分析,并给出西瓜数据集 3.0α上的结果
  • Elasticsearch:通过动态修剪实现更快的基数聚合
  • Webpack5 生产模式压缩图片ImageMinimizerPlugin
  • 时序预测 | Matlab实现基于BP神经网络的电力负荷预测模型
  • 基于回溯算法实现八皇后问题
  • Linux【网络编程】之深入理解TCP协议
  • 如何克服看到别人优于自己而感到的焦虑和迷茫?
  • 浅谈React中的ref和useRef
  • Linux C 获取主机网卡名及 IP 的几种方法
  • 解密外接显卡:笔记本能否接外置显卡?如何连接外接显卡?
  • list与erase()
  • Arcgis 分区统计majority参数统计问题
  • vue2+wangEditor5富文本编辑器(图片视频自定义上传七牛云/服务器)
  • shell脚本练习--安全封堵脚本,使用firewalld实现
  • 双端冒泡排序
  • 如何在Visual Studio Code中用Mocha对TypeScript进行测试
  • GO中Json的解析
  • chatgpt 提示词-关于数据科学的 75个词语
  • (自控原理)控制系统的数学模型