https://yehonathanlitman.github.io/material_fusion/materialfusion_files/select.js

1// var currentSceneList = ["Lego", "Ficus", "Hotdog", "Armadillo"];
2// var currentScene = "Lego";
3// var currentSceneId = 0;
4// var currentResultList = ["normal", "albedo", "rendering"];
5// var currentResult = "normal";
6// var currentResultId = 0;
7// var currentMethodList = ["ours", "ours_multi_light", "nerfactor", "invRender", "GT"];
8// var currentMethod = "ours";
9var currentSceneList = ["Money", "Clock", "Golf", "Curry", "Baking", "Armatures", "Chair"];
10var currentScene = "Money";
11var currentSceneId = 0;
12var currentResultList = ["albedo", "orm", "rendering"];
13var currentResult = "albedo";
14var currentResultId = 0;
15var currentMethodList = ["ours", "ours_multi_light", "nerfactor", "invRender", "GT"];
16var currentMethod = "ours";
17
18
19
20function ChangeScene(idx){
21  var li_list = document.getElementById("synthetic-view-ul").children;
22
23  // console.log(idx);
24  // console.log(li_list);
25  for(i = 0; i < li_list.length; i++){
26      li_list[i].className = "";
27  }
28  li_list[idx].className = "active";
29
30  currentScene = currentSceneList[idx];
31  currentSceneId = idx;
32  let video = document.getElementById("TensoIR_Synthetic_Reconstruction")
33  // console.log(video);
34  old_src = video.src;
35  // console.log(old_src);
36  new_scr = old_src.split('/');
37  new_scr[new_scr.length-2] = currentScene;
38  new_video_dir = new_scr.join('/');
39  // console.log(new_video_dir);
40  video.src = new_video_dir;
41
42
43    
44}
45
46function ChangeResult(idx){
47  var li_list = document.getElementById("result-view-ul").children;
48
49  // console.log(idx);
50  // console.log(li_list);
51  for(i = 0; i < li_list.length; i++){
52      li_list[i].className = "";
53  }
54  li_list[idx].className = "active";
55
56  currentResult= currentResultList[idx];
57  currentResultId = idx;
58  let video = document.getElementById("TensoIR_Synthetic_Reconstruction")
59  // console.log(video);
60  old_src = video.src;
61  // console.log(old_src);
62  new_scr = old_src.split('/');
63  new_scr[new_scr.length-1] = currentResult + ".mp4";
64  new_video_dir = new_scr.join('/');
65  // console.log(new_video_dir);
66  video.src = new_video_dir;
67}
68
69
70
71function ChangeVisibility(idx) {
72  var li_list = document.getElementById("visibility").children;
73
74  // console.log(idx);
75  // console.log(li_list);
76  for(i = 0; i < li_list.length; i++){
77      li_list[i].className = "";
78  }
79  li_list[idx].className = "active";
80
81  currentScene = currentSceneList[idx];
82  currentSceneId = idx;
83  let video = document.getElementById("TensoIR_Synthetic_Visibility")
84  // console.log(video);
85  old_src = video.src;
86  // console.log(old_src);
87  new_scr = old_src.split('/');
88  new_scr[new_scr.length-2] = currentScene;
89  new_video_dir = new_scr.join('/');
90  // console.log(new_video_dir);
91  video.src = new_video_dir;
92
93}
94
95function ChangeRelighting(idx) {
96
97  var li_list = document.getElementById("relighting").children;
98
99  // console.log(idx);
100  // console.log(li_list);
101  for(i = 0; i < li_list.length; i++){
102      li_list[i].className = "";
103  }
104  li_list[idx].className = "active";
105
106  currentScene = currentSceneList[idx];
107  currentSceneId = idx;
108  let video = document.getElementById("TensoIR_Synthetic_Relighting")
109  // console.log(video);
110  old_src = video.src;
111  // console.log(old_src);
112  new_scr = old_src.split('/');
113  new_scr[new_scr.length-1] = currentScene + ".mp4";
114  new_video_dir = new_scr.join('/');
115  // console.log(new_video_dir);
116  video.src = new_video_dir;
117
118
119}
120
121function ChangeMaterialsEditing(idx) {
122    var li_list = document.getElementById("materials_editing").children;
123
124
125    for(i = 0; i < li_list.length; i++){
126        li_list[i].className = "";
127    }
128    li_list[idx].className = "active";
129    
130    new_sub_dir = currentSceneList[idx]
131
132    origin_video_dir = document.getElementById("materials_editing_video1").src;
133    console.log(origin_video_dir);
134    new_video_dir = origin_video_dir.split('/');
135    new_video_dir[new_video_dir.length-2] = new_sub_dir;
136    new_video_dir = new_video_dir.join('/');
137    document.getElementById("materials_editing_video1").src = new_video_dir;
138
139}