| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright (c) 2015 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2015 The Chromium Authors. All rights reserved. |
| 4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
| 5 found in the LICENSE file. | 5 found in the LICENSE file. |
| 6 --> | 6 --> |
| 7 | 7 |
| 8 <link rel="import" href="/tracing/base/color.html"> | 8 <link rel="import" href="/tracing/base/color.html"> |
| 9 <link rel="import" href="/tracing/base/quad.html"> | 9 <link rel="import" href="/tracing/base/math/quad.html"> |
| 10 <link rel="import" href="/tracing/base/math/range.html"> |
| 10 <link rel="import" href="/tracing/base/raf.html"> | 11 <link rel="import" href="/tracing/base/raf.html"> |
| 11 <link rel="import" href="/tracing/base/range.html"> | |
| 12 <link rel="import" href="/tracing/base/unit_scale.html"> | 12 <link rel="import" href="/tracing/base/unit_scale.html"> |
| 13 <link rel="import" href="/tracing/extras/chrome/cc/debug_colors.html"> | 13 <link rel="import" href="/tracing/extras/chrome/cc/debug_colors.html"> |
| 14 <link rel="import" href="/tracing/extras/chrome/cc/picture.html"> | 14 <link rel="import" href="/tracing/extras/chrome/cc/picture.html"> |
| 15 <link rel="import" href="/tracing/extras/chrome/cc/render_pass.html"> | 15 <link rel="import" href="/tracing/extras/chrome/cc/render_pass.html"> |
| 16 <link rel="import" href="/tracing/extras/chrome/cc/tile.html"> | 16 <link rel="import" href="/tracing/extras/chrome/cc/tile.html"> |
| 17 <link rel="import" href="/tracing/extras/chrome/cc/util.html"> | 17 <link rel="import" href="/tracing/extras/chrome/cc/util.html"> |
| 18 <link rel="import" href="/tracing/model/event_set.html"> | 18 <link rel="import" href="/tracing/model/event_set.html"> |
| 19 <link rel="import" href="/tracing/ui/base/info_bar.html"> | 19 <link rel="import" href="/tracing/ui/base/info_bar.html"> |
| 20 <link rel="import" href="/tracing/ui/base/quad_stack_view.html"> | 20 <link rel="import" href="/tracing/ui/base/quad_stack_view.html"> |
| 21 <link rel="import" href="/tracing/ui/base/utils.html"> | 21 <link rel="import" href="/tracing/ui/base/utils.html"> |
| (...skipping 394 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 416 return; | 416 return; |
| 417 } | 417 } |
| 418 | 418 |
| 419 | 419 |
| 420 var status = this.computePictureLoadingStatus_(); | 420 var status = this.computePictureLoadingStatus_(); |
| 421 if (!status.picturesComplete) | 421 if (!status.picturesComplete) |
| 422 return; | 422 return; |
| 423 | 423 |
| 424 var lthi = this.layerTreeImpl_.layerTreeHostImpl; | 424 var lthi = this.layerTreeImpl_.layerTreeHostImpl; |
| 425 var lthiInstance = lthi.objectInstance; | 425 var lthiInstance = lthi.objectInstance; |
| 426 var worldViewportRect = tr.b.Rect.fromXYWH( | 426 var worldViewportRect = tr.b.math.Rect.fromXYWH( |
| 427 0, 0, | 427 0, 0, |
| 428 lthi.deviceViewportSize.width, lthi.deviceViewportSize.height); | 428 lthi.deviceViewportSize.width, lthi.deviceViewportSize.height); |
| 429 this.quadStackView_.deviceRect = worldViewportRect; | 429 this.quadStackView_.deviceRect = worldViewportRect; |
| 430 if (this.isRenderPassQuads_) | 430 if (this.isRenderPassQuads_) |
| 431 this.quadStackView_.quads = this.generateRenderPassQuads(); | 431 this.quadStackView_.quads = this.generateRenderPassQuads(); |
| 432 else | 432 else |
| 433 this.quadStackView_.quads = this.generateLayerQuads(); | 433 this.quadStackView_.quads = this.generateLayerQuads(); |
| 434 | 434 |
| 435 this.updateWhatRasterizedLinkState_(); | 435 this.updateWhatRasterizedLinkState_(); |
| 436 | 436 |
| (...skipping 258 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 695 iq.stackingGroupId = layerQuad.stackingGroupId; | 695 iq.stackingGroupId = layerQuad.stackingGroupId; |
| 696 quads.push(iq); | 696 quads.push(iq); |
| 697 } | 697 } |
| 698 }, | 698 }, |
| 699 | 699 |
| 700 appendAnimationQuads_: function(quads, layer, layerQuad) { | 700 appendAnimationQuads_: function(quads, layer, layerQuad) { |
| 701 if (!layer.animationBoundsRect) | 701 if (!layer.animationBoundsRect) |
| 702 return; | 702 return; |
| 703 | 703 |
| 704 var rect = layer.animationBoundsRect; | 704 var rect = layer.animationBoundsRect; |
| 705 var abq = tr.b.Quad.fromRect(rect); | 705 var abq = tr.b.math.Quad.fromRect(rect); |
| 706 | 706 |
| 707 abq.backgroundColor = 'rgba(164,191,48,0.5)'; | 707 abq.backgroundColor = 'rgba(164,191,48,0.5)'; |
| 708 abq.borderColor = 'rgba(205,255,0,0.75)'; | 708 abq.borderColor = 'rgba(205,255,0,0.75)'; |
| 709 abq.borderWidth = 3.0; | 709 abq.borderWidth = 3.0; |
| 710 abq.stackingGroupId = layerQuad.stackingGroupId; | 710 abq.stackingGroupId = layerQuad.stackingGroupId; |
| 711 abq.selectionToSetIfClicked = new cc.AnimationRectSelection( | 711 abq.selectionToSetIfClicked = new cc.AnimationRectSelection( |
| 712 layer, rect); | 712 layer, rect); |
| 713 quads.push(abq); | 713 quads.push(abq); |
| 714 }, | 714 }, |
| 715 | 715 |
| (...skipping 161 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 877 undefined : | 877 undefined : |
| 878 tile.scheduledPriority; | 878 tile.scheduledPriority; |
| 879 } else if (heatmapType === TILE_HEATMAP_TYPE.USING_GPU_MEMORY) { | 879 } else if (heatmapType === TILE_HEATMAP_TYPE.USING_GPU_MEMORY) { |
| 880 if (tile.isSolidColor) | 880 if (tile.isSolidColor) |
| 881 return 0.5; | 881 return 0.5; |
| 882 return tile.isUsingGpuMemory ? 0 : 1; | 882 return tile.isUsingGpuMemory ? 0 : 1; |
| 883 } | 883 } |
| 884 }, | 884 }, |
| 885 | 885 |
| 886 getMinMaxForHeatmap_: function(tiles, heatmapType) { | 886 getMinMaxForHeatmap_: function(tiles, heatmapType) { |
| 887 var range = new tr.b.Range(); | 887 var range = new tr.b.math.Range(); |
| 888 if (heatmapType === TILE_HEATMAP_TYPE.USING_GPU_MEMORY) { | 888 if (heatmapType === TILE_HEATMAP_TYPE.USING_GPU_MEMORY) { |
| 889 range.addValue(0); | 889 range.addValue(0); |
| 890 range.addValue(1); | 890 range.addValue(1); |
| 891 return range; | 891 return range; |
| 892 } | 892 } |
| 893 | 893 |
| 894 for (var i = 0; i < tiles.length; ++i) { | 894 for (var i = 0; i < tiles.length; ++i) { |
| 895 var value = this.getValueForHeatmap_(tiles[i], heatmapType); | 895 var value = this.getValueForHeatmap_(tiles[i], heatmapType); |
| 896 if (value === undefined) | 896 if (value === undefined) |
| 897 continue; | 897 continue; |
| (...skipping 211 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1109 var stackingGroupId = nextStackingGroupId++; | 1109 var stackingGroupId = nextStackingGroupId++; |
| 1110 if (this.showBottlenecks) | 1110 if (this.showBottlenecks) |
| 1111 this.appendBottleneckQuads_(quads, layer, layerQuad, stackingGroupId); | 1111 this.appendBottleneckQuads_(quads, layer, layerQuad, stackingGroupId); |
| 1112 }, this); | 1112 }, this); |
| 1113 | 1113 |
| 1114 var tracedInputLatencies = this.layerTreeImpl.tracedInputLatencies; | 1114 var tracedInputLatencies = this.layerTreeImpl.tracedInputLatencies; |
| 1115 if (this.showInputEvents && tracedInputLatencies) { | 1115 if (this.showInputEvents && tracedInputLatencies) { |
| 1116 for (var i = 0; i < tracedInputLatencies.length; i++) { | 1116 for (var i = 0; i < tracedInputLatencies.length; i++) { |
| 1117 var coordinatesArray = tracedInputLatencies[i].args.data.coordinates; | 1117 var coordinatesArray = tracedInputLatencies[i].args.data.coordinates; |
| 1118 for (var j = 0; j < coordinatesArray.length; j++) { | 1118 for (var j = 0; j < coordinatesArray.length; j++) { |
| 1119 var inputQuad = tr.b.Quad.fromXYWH( | 1119 var inputQuad = tr.b.math.Quad.fromXYWH( |
| 1120 coordinatesArray[j].x - 25, | 1120 coordinatesArray[j].x - 25, |
| 1121 coordinatesArray[j].y - 25, | 1121 coordinatesArray[j].y - 25, |
| 1122 50, | 1122 50, |
| 1123 50); | 1123 50); |
| 1124 inputQuad.borderColor = 'rgba(0, 0, 0, 0)'; | 1124 inputQuad.borderColor = 'rgba(0, 0, 0, 0)'; |
| 1125 inputQuad.imageData = this.inputEventImageData_; | 1125 inputQuad.imageData = this.inputEventImageData_; |
| 1126 quads.push(inputQuad); | 1126 quads.push(inputQuad); |
| 1127 } | 1127 } |
| 1128 } | 1128 } |
| 1129 } | 1129 } |
| (...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1197 event.selection = new tr.model.EventSet(tasks); | 1197 event.selection = new tr.model.EventSet(tasks); |
| 1198 this.dispatchEvent(event); | 1198 this.dispatchEvent(event); |
| 1199 } | 1199 } |
| 1200 }; | 1200 }; |
| 1201 | 1201 |
| 1202 return { | 1202 return { |
| 1203 LayerTreeQuadStackView, | 1203 LayerTreeQuadStackView, |
| 1204 }; | 1204 }; |
| 1205 }); | 1205 }); |
| 1206 </script> | 1206 </script> |
| OLD | NEW |