8536fd1223
Stored undo step data for position changes in sculpt mode are now automatically compressed. Compression is run in background threads, reducing memory consumption during sculpting sessions while adding little performance overhead. For testing and benchmarks, memory usage is now available through `bpy.app.undo_memory_info()`. Undo memory usage is now tracked by the existing automated benchmark tests. Some changes to the web benchmark visualization present the data a bit better. ZSTD compression is run asynchronously in a backround task pool. Compression is only blocking if the data is requested immediately for undo/redo. Co-authored-by: Hans Goudey <hans@blender.org> Pull Request: https://projects.blender.org/blender/blender/pulls/141310
174 lines
6.3 KiB
HTML
174 lines
6.3 KiB
HTML
<html>
|
|
<head>
|
|
<title>Benchmarks</title>
|
|
<meta charset="UTF-8">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<style type="text/css">
|
|
body { margin: 20px; font-size: 16px; color: #333; }
|
|
a { text-decoration: none; color: #06b; }
|
|
h2 { color: #222; font-size: 1.4em; }
|
|
h3 { color: #555; font-size: 1.2em; }
|
|
h4 { color: #888; font-size: 1.0em; }
|
|
.nav-tabs { font-size: 1.2em; }
|
|
.tab-content { margin: 20px 20px; }
|
|
/* Tricks to make chart load with proper width while hidden. */
|
|
.tab-content>.tab-pane { height: 1px; overflow: hidden; display: block; visibility: hidden; }
|
|
.tab-content>.active { height: auto; overflow: auto; visibility: visible; }
|
|
</style>
|
|
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
|
|
<script>
|
|
google.charts.load('current', {'packages':['line', 'bar']});
|
|
google.charts.setOnLoadCallback(draw_charts);
|
|
|
|
function transposeDataTable(dt)
|
|
{
|
|
/* Swap rows and columns. Bar and line charts expect different layouts,
|
|
* with this function we can use the same data source for both. */
|
|
var ndt = new google.visualization.DataTable;
|
|
ndt.addColumn('string',dt.getColumnLabel(0));
|
|
for(var x=1; x<dt.getNumberOfColumns(); x++) {
|
|
ndt.addRow([dt.getColumnLabel(x)]);
|
|
}
|
|
for(var x=0; x<dt.getNumberOfRows(); x++) {
|
|
ndt.addColumn('number', dt.getValue(x,0));
|
|
for(var y=1; y<dt.getNumberOfColumns(); y++) {
|
|
ndt.setValue(y-1, x+1, dt.getValue(x,y));
|
|
ndt.setFormattedValue(y-1, x+1, dt.getFormattedValue(x,y));
|
|
}
|
|
}
|
|
return ndt;
|
|
}
|
|
|
|
function drawChart(chartsQueue, index) {
|
|
index = index || 0;
|
|
if (index === chartsQueue.length)
|
|
return;
|
|
|
|
var chartData = chartsQueue[index];
|
|
var chart;
|
|
|
|
if (chartData.chart_type == 'line') {
|
|
chart = new google.charts.Line(document.getElementById(chartData.id));
|
|
} else {
|
|
chart = new google.charts.Bar(document.getElementById(chartData.id));
|
|
}
|
|
|
|
google.visualization.events.addOneTimeListener(chart, 'ready', function() {
|
|
/* Auto scale chart elements to display full SVG. */
|
|
var allSvg = document.getElementsByTagName("svg");
|
|
for (var svgIndex = 0; svgIndex < allSvg.length; svgIndex++) {
|
|
allSvg[svgIndex].setAttribute('height', allSvg[svgIndex].getBBox().height);
|
|
}
|
|
|
|
drawChart(chartsQueue, index + 1);
|
|
});
|
|
|
|
chart.draw(chartData.data, chartData.options);
|
|
}
|
|
|
|
function draw_charts()
|
|
{
|
|
/* Load JSON data. */
|
|
var json_data = %JSON_DATA%;
|
|
|
|
/* Clear contents. */
|
|
charts_nav_elem = document.getElementById("charts-nav");
|
|
charts_content_elem = document.getElementById("charts-content");
|
|
while(charts_nav_elem.firstChild) {
|
|
charts_nav_elem.removeChild(charts_nav_elem.firstChild);
|
|
}
|
|
while(charts_content_elem.firstChild) {
|
|
charts_content_elem.removeChild(charts_content_elem.firstChild);
|
|
}
|
|
|
|
var chartsQueue = [];
|
|
|
|
/* Prepare UI and charts queue for each device. */
|
|
for (var i = 0; i < json_data.length; i++)
|
|
{
|
|
benchmark = json_data[i];
|
|
|
|
tab_name = benchmark['name'].split(" ")[0];
|
|
tab_id = "benchmark-" + tab_name;
|
|
tab_div = document.getElementById(tab_id);
|
|
|
|
if (!tab_div) {
|
|
/* Create tab button. */
|
|
li_nav = document.createElement('li');
|
|
li_nav.class = "nav-item";
|
|
charts_nav_elem.appendChild(li_nav);
|
|
|
|
button_nav = document.createElement('button');
|
|
button_nav.id = tab_id + "-tab";
|
|
button_nav.classList.add("nav-link");
|
|
button_nav.setAttribute("data-bs-toggle", "tab");
|
|
button_nav.setAttribute("data-bs-target", "#" + tab_id);
|
|
button_nav.setAttribute("type", "button");
|
|
button_nav.setAttribute("role", "tab");
|
|
button_nav.setAttribute("aria-controls", tab_id);
|
|
button_nav.appendChild(document.createTextNode(tab_name))
|
|
li_nav.appendChild(button_nav);
|
|
|
|
/* Create chart container div. */
|
|
tab_div = document.createElement('div');
|
|
tab_div.id = tab_id;
|
|
tab_div.classList.add("tab-pane");
|
|
tab_div.setAttribute("aria-labelledby", button_nav.id);
|
|
charts_content_elem.appendChild(tab_div)
|
|
|
|
if (i == 0) {
|
|
button_nav.classList.add("active");
|
|
tab_div.classList.add('show');
|
|
tab_div.classList.add('active');
|
|
}
|
|
}
|
|
|
|
/* Create title. */
|
|
subtitle_h3 = document.createElement('h3');
|
|
subtitle_h3.appendChild(document.createTextNode(benchmark['name']));
|
|
tab_div.appendChild(subtitle_h3);
|
|
subtitle_h4 = document.createElement('h4');
|
|
subtitle_h4.appendChild(document.createTextNode(benchmark['device']));
|
|
tab_div.appendChild(subtitle_h4);
|
|
|
|
/* Create chart div. */
|
|
chart_div = document.createElement('div');
|
|
chart_div.id = "chart-" + i;
|
|
tab_div.appendChild(chart_div)
|
|
|
|
/* Chart drawing options. */
|
|
var options = {
|
|
pointsVisible: true,
|
|
pointSize: 2.5,
|
|
height: 500,
|
|
};
|
|
|
|
/* Prepare chart data for queue. */
|
|
var data = new google.visualization.DataTable(benchmark["data"]);
|
|
var chartData = {
|
|
id: chart_div.id,
|
|
data: benchmark['chart_type'] == 'line' ? data : transposeDataTable(data),
|
|
options: options,
|
|
chart_type: benchmark['chart_type']
|
|
};
|
|
|
|
chartsQueue.push(chartData);
|
|
}
|
|
|
|
/* Start drawing charts sequentially. */
|
|
drawChart(chartsQueue, 0);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<h1>Benchmarks</h1>
|
|
|
|
<ul class="nav nav-tabs" id="charts-nav" role="tablist">
|
|
</ul>
|
|
<div class="tab-content" id="charts-content">
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html>
|