adding layer draw

This commit is contained in:
Jidong Xiao
2025-04-07 18:08:09 -04:00
committed by JamesFlare
parent 948973fee7
commit 47cbeb649f

View File

@@ -559,52 +559,63 @@
break;
case 3:
no_rect.fill('yellow');
layer.draw();
break;
case 4:
left_subtree_null.fill('white');
no_rect.fill('white');
find_inorder_predecessor.fill('yellow');
stage.find('#node_2')[0].fill('lime');
layer.draw();
break;
case 5:
stage.find('#node_2')[0].fill('white');
stage.find('#node_5')[0].fill('lime');
layer.draw();
break;
case 6:
stage.find('#node_5')[0].fill('white');
stage.find('#node_7')[0].fill('lime');
layer.draw();
break;
case 7:
find_inorder_predecessor.fill('white');
where_right.fill('yellow');
layer.draw();
break;
case 8:
null_rect.fill('yellow');
layer.draw();
break;
case 9:
where_right.fill('white');
null_rect.fill('white');
set_current.fill('yellow');
layer.draw();
break;
case 10:
node7to1.show();
layer.draw();
break;
case 11:
stage.find('#node_1')[0].fill('white');
stage.find('#node_2')[0].fill('yellow');
layer.draw();
break;
case 12:
set_current.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 13:
no_rect.fill('yellow');
layer.draw();
break;
case 14:
@@ -613,355 +624,442 @@
find_inorder_predecessor.fill('yellow');
stage.find('#node_7')[0].fill('white');
stage.find('#node_4')[0].fill('lime');
layer.draw();
break;
case 15:
find_inorder_predecessor.fill('white');
where_right.fill('yellow');
layer.draw();
break;
case 16:
null_rect.fill('yellow');
layer.draw();
break;
case 17:
where_right.fill('white');
null_rect.fill('white');
set_current.fill('yellow');
layer.draw();
break;
case 18:
node4to2.show();
layer.draw();
break;
case 19:
stage.find('#node_2')[0].fill('white');
stage.find('#node_4')[0].fill('yellow');
layer.draw();
break;
case 20:
set_current.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 21:
yes_rect.fill('yellow');
layer.draw();
break;
case 22:
left_subtree_null.fill('white');
yes_rect.fill('white');
print_move_right.fill('yellow');
layer.draw();
break;
case 23:
console_text.text('Console:\n4');
layer.draw();
break;
case 24:
stage.find('#node_4')[0].fill('white');
stage.find('#node_2')[0].fill('yellow');
layer.draw();
break;
case 25:
print_move_right.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 26:
no_rect.fill('yellow');
layer.draw();
break;
case 27:
left_subtree_null.fill('white');
no_rect.fill('white');
find_inorder_predecessor.fill('yellow');
layer.draw();
break;
case 28:
stage.find('#node_4')[0].fill('lime');
layer.draw();
break;
case 29:
find_inorder_predecessor.fill('white');
where_right.fill('yellow');
layer.draw();
break;
case 30:
current_rect.fill('yellow');
layer.draw();
break;
case 31:
where_right.fill('white');
current_rect.fill('white');
set_null.fill('yellow');
layer.draw();
break;
case 32:
node4to2.hide();
console_text.text('Console:\n4 2');
layer.draw();
break;
case 33:
stage.find('#node_4')[0].fill('white');
stage.find('#node_2')[0].fill('white');
stage.find('#node_5')[0].fill('yellow');
layer.draw();
break;
case 34:
set_null.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 35:
no_rect.fill('yellow');
layer.draw();
break;
case 36:
left_subtree_null.fill('white');
no_rect.fill('white');
find_inorder_predecessor.fill('yellow');
stage.find('#node_6')[0].fill('lime');
layer.draw();
break;
case 37:
find_inorder_predecessor.fill('white');
where_right.fill('yellow');
layer.draw();
break;
case 38:
null_rect.fill('yellow');
layer.draw();
break;
case 39:
where_right.fill('white');
null_rect.fill('white');
set_current.fill('yellow');
layer.draw();
break;
case 40:
node6to5.show();
layer.draw();
break;
case 41:
stage.find('#node_5')[0].fill('white');
stage.find('#node_6')[0].fill('yellow');
layer.draw();
break;
case 42:
set_current.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 43:
yes_rect.fill('yellow');
layer.draw();
break;
case 44:
left_subtree_null.fill('white');
yes_rect.fill('white');
print_move_right.fill('yellow');
layer.draw();
break;
case 45:
console_text.text('Console:\n4 2 6');
layer.draw();
break;
case 46:
stage.find('#node_6')[0].fill('white');
stage.find('#node_5')[0].fill('yellow');
layer.draw();
break;
case 47:
print_move_right.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 48:
no_rect.fill('yellow');
layer.draw();
break;
case 49:
left_subtree_null.fill('white');
no_rect.fill('white');
find_inorder_predecessor.fill('yellow');
layer.draw();
break;
case 50:
stage.find('#node_6')[0].fill('lime');
layer.draw();
break;
case 51:
find_inorder_predecessor.fill('white');
where_right.fill('yellow');
layer.draw();
break;
case 52:
current_rect.fill('yellow');
layer.draw();
break;
case 53:
where_right.fill('white');
current_rect.fill('white');
set_null.fill('yellow');
layer.draw();
break;
case 54:
node6to5.hide();
console_text.text('Console:\n4 2 6 5');
layer.draw();
break;
case 55:
stage.find('#node_6')[0].fill('white');
stage.find('#node_5')[0].fill('white');
stage.find('#node_7')[0].fill('yellow');
layer.draw();
break;
case 56:
set_null.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 57:
yes_rect.fill('yellow');
layer.draw();
break;
case 58:
left_subtree_null.fill('white');
yes_rect.fill('white');
print_move_right.fill('yellow');
layer.draw();
break;
case 59:
console_text.text('Console:\n4 2 6 5 7');
layer.draw();
break;
case 60:
stage.find('#node_7')[0].fill('white');
stage.find('#node_1')[0].fill('yellow');
layer.draw();
break;
case 61:
print_move_right.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 62:
no_rect.fill('yellow');
layer.draw();
break;
case 63:
left_subtree_null.fill('white');
no_rect.fill('white');
find_inorder_predecessor.fill('yellow');
layer.draw();
break;
case 64:
stage.find('#node_2')[0].fill('lime');
layer.draw();
break;
case 65:
stage.find('#node_2')[0].fill('white');
stage.find('#node_5')[0].fill('lime');
layer.draw();
break;
case 66:
stage.find('#node_5')[0].fill('white');
stage.find('#node_7')[0].fill('lime');
layer.draw();
break;
case 67:
find_inorder_predecessor.fill('white');
where_right.fill('yellow');
layer.draw();
break;
case 68:
current_rect.fill('yellow');
layer.draw();
case 69:
where_right.fill('white');
current_rect.fill('white');
set_null.fill('yellow');
layer.draw();
break;
case 70:
console_text.text('Console:\n4 2 6 5 7 1');
node7to1.hide();
layer.draw();
break;
case 71:
stage.find('#node_7')[0].fill('white');
stage.find('#node_1')[0].fill('white');
stage.find('#node_3')[0].fill('yellow');
layer.draw();
break;
case 72:
set_null.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 73:
yes_rect.fill('yellow');
layer.draw();
break;
case 74:
left_subtree_null.fill('white');
yes_rect.fill('white');
print_move_right.fill('yellow');
layer.draw();
break;
case 75:
console_text.text('Console:\n4 2 6 5 7 1 3');
layer.draw();
break;
case 76:
stage.find('#node_3')[0].fill('white');
stage.find('#node_8')[0].fill('yellow');
layer.draw();
break;
case 77:
print_move_right.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 78:
no_rect.fill('yellow');
layer.draw();
break;
case 79:
left_subtree_null.fill('white');
no_rect.fill('white');
find_inorder_predecessor.fill('yellow');
layer.draw();
break;
case 80:
stage.find('#node_9')[0].fill('lime');
layer.draw();
break;
case 81:
find_inorder_predecessor.fill('white');
where_right.fill('yellow');
layer.draw();
break;
case 82:
null_rect.fill('yellow');
layer.draw();
break;
case 83:
where_right.fill('white');
null_rect.fill('white');
set_current.fill('yellow');
layer.draw();
break;
case 84:
node9to8.show();
layer.draw();
break;
case 85:
stage.find('#node_8')[0].fill('white');
stage.find('#node_9')[0].fill('yellow');
layer.draw();
break;
case 86:
set_current.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 87:
yes_rect.fill('yellow');
layer.draw();
break;
case 88:
left_subtree_null.fill('white');
yes_rect.fill('white');
layer.draw();
break;
case 89:
print_move_right.fill('yellow');
layer.draw();
break;
case 90:
console_text.text('Console:\n4 2 6 5 7 1 3 9');
layer.draw();
break;
case 91:
stage.find('#node_8')[0].fill('yellow');
stage.find('#node_9')[0].fill('white');
layer.draw();
break;
case 92:
print_move_right.fill('white');
left_subtree_null.fill('yellow');
layer.draw();
break;
case 93:
no_rect.fill('yellow');
layer.draw();
break;
case 94:
left_subtree_null.fill('white');
no_rect.fill('white');
find_inorder_predecessor.fill('yellow');
layer.draw();
break;
case 95:
stage.find('#node_9')[0].fill('lime');
layer.draw();
break;
case 96:
find_inorder_predecessor.fill('white');
where_right.fill('yellow');
layer.draw();
break;
case 97:
current_rect.fill('yellow');
layer.draw();
break;
case 98:
where_right.fill('white');
current_rect.fill('white');
set_null.fill('yellow');
layer.draw();
break;
case 99:
console_text.text('Console:\n4 2 6 5 7 1 3 9 8');
layer.draw();
break;
case 100:
node9to8.hide();
stage.find('#node_8')[0].fill('white');
stage.find('#node_9')[0].fill('white');
layer.draw();
break;
case 101:
start_from_root.fill('red');
@@ -971,6 +1069,7 @@
where_right.fill('red');
set_current.fill('red');
set_null.fill('red');
layer.draw();
break;
@@ -979,7 +1078,6 @@
};
//while (step < )
</script>