https://yuyuanspace.com/NewtonGen/static/index.js

1window.HELP_IMPROVE_VIDEOJS = false;
2
3$(document).ready(function() {
4    $(".navbar-burger").click(function() {
5      $(".navbar-burger").toggleClass("is-active");
6      $(".navbar-menu").toggleClass("is-active");
7
8    });
9
10    var options = {
11			slidesToScroll: 1,
12			slidesToShow: 3,
13			loop: true,
14			infinite: true,
15			autoplay: false,
16			autoplaySpeed: 3000,
17    }
18
19    var carousels = bulmaCarousel.attach('.carousel', options);
20
21    for(var i = 0; i < carousels.length; i++) {
22    	carousels[i].on('before:show', state => {
23    		console.log(state);
24    	});
25    }
26
27    var element = document.querySelector('#my-element');
28    if (element && element.bulmaCarousel) {
29    	element.bulmaCarousel.on('before-show', function(state) {
30    		console.log(state);
31    	});
32    }
33
34    bulmaSlider.attach();
35})
36
37function changeMotion(name, videoSrcArray) {
38  const videoPlayers = [
39    document.getElementById('motion-video-1'),
40    document.getElementById('motion-video-2'),
41    document.getElementById('motion-video-3'),
42    document.getElementById('motion-video-4'),
43    document.getElementById('motion-video-5'),
44    document.getElementById('motion-video-6')
45  ];
46
47  videoPlayers.forEach((player, index) => {
48    if (player && videoSrcArray[index]) {
49      player.src = videoSrcArray[index];
50    }
51  });
52
53  document.querySelectorAll('.motion-selector .button').forEach(button => {
54    button.classList.remove('is-active');
55  });
56
57  const clickedButton = document.querySelector(`.motion-selector .button[onclick*="${name}"]`);
58  if (clickedButton) {
59    clickedButton.classList.add('is-active');
60  }
61}
62
63function changePara(name, videoSrcArray) {
64  const videoPlayers = [
65    document.getElementById('para-video-1'),
66    document.getElementById('para-video-2'),
67    document.getElementById('para-video-3')
68  ];
69
70  videoPlayers.forEach((player, index) => {
71    if (player && videoSrcArray[index]) {
72      player.src = videoSrcArray[index];
73    }
74  });
75
76  document.querySelectorAll('.para-selector .button').forEach(button => {
77    button.classList.remove('is-active');
78  });
79
80  const clickedButton = document.querySelector(`.para-selector .button[onclick*="${name}"]`);
81  if (clickedButton) {
82    clickedButton.classList.add('is-active');
83  }
84}
85
86function changePhysics(name, videoSrcArray) {
87  const videoPlayers = [
88    document.getElementById('physics-video-1'),
89    document.getElementById('physics-video-2'),
90    document.getElementById('physics-video-3'),
91    document.getElementById('physics-video-4'),
92    document.getElementById('physics-video-5')
93  ];
94
95  videoPlayers.forEach((player, index) => {
96    if (player && videoSrcArray[index]) {
97      player.src = videoSrcArray[index];
98    }
99  });
100
101  document.querySelectorAll('.physics-selector .button').forEach(button => {
102    button.classList.remove('is-active');
103  });
104
105  const clickedButton = document.querySelector(`.physics-selector .button[onclick*="${name}"]`);
106  if (clickedButton) {
107    clickedButton.classList.add('is-active');
108  }
109}
110
111document.addEventListener('DOMContentLoaded', (event) => {
112  changeMotion('Deformation', [
113    './static/videos/motions/Deformation/our.mp4',
114    './static/videos/motions/Deformation/Sora.mp4',
115    './static/videos/motions/Deformation/PhysT2V.mp4',
116    './static/videos/motions/Deformation/CogVideoX.mp4',
117    './static/videos/motions/Deformation/Wan.mp4',
118    './static/videos/motions/Deformation/Veo3.mp4'
119  ]);
120});
121
122document.addEventListener('DOMContentLoaded', (event) => {
123  changePara('Para #2', [
124    './static/videos/paras/set_b_prompt2.mp4',
125    './static/videos/paras/set_b_prompt5.mp4',
126    './static/videos/paras/set_b_prompt6.mp4'
127  ]);
128});
129
130document.addEventListener('DOMContentLoaded', (event) => {
131  changePhysics('Circular Motion', [
132    './static/videos/more_results/circular_motion_1.mp4',
133    './static/videos/more_results/circular_motion_2.mp4',
134    './static/videos/more_results/circular_motion_3.mp4',
135    './static/videos/more_results/circular_motion_4.mp4',
136    './static/videos/more_results/circular_motion_5.mp4'
137  ]);
138});