当前分数显示

  1. 设置节点score的ClassName属性为:score_current

  2. 在Scripts/ui下新建文件:CurrentScore.js,处理当前分的显示逻辑,并将此逻辑脚本挂载到UIRoot/score节点上。

     /**
      * 绘制当前分数
      */
     var CurrentScore = qc.defineBehaviour('qc.tetris.CurrentScore', qc.Behaviour, function() {
         var self = this;
         self.runInEditor = true;
     }, {
     });
    
     /**
      * 初始化处理
      */
     CurrentScore.prototype.awake = function() {
         this.setScore(qc.Tetris.score.current);
     };
    
     /**
      * 更新最新的分数
      */
     CurrentScore.prototype.setScore = function(best) {
         this.gameObject.innerHTML = '' + qc.Tetris.score.current;
     };
    

    本脚本可以在编辑器下运行(方便在编辑状态下查看效果):获取当前分数并显示之。

  3. 增加score_current样式表。打开Assets/css/style.css,添加样式表:

     .score_current{
         color: #ffffff;
         font-weight: 100;
         font-size:50px;
         text-align: center;
     }
    
  4. 查看效果

视频操作:

results matching ""

    No results matching ""