doohoyi/distribusi-foh000
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update details 2

Browse source
This commit is contained in:
Hyunchul Kim 2021-09-12 04:15:18 +09:00
parent b062c6766d
commit 856f78a4c1
5 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
test_data/index.html
View file

@ -308,6 +308,11 @@
</div> </div>
<script src="src/scripts/updateFragment.js"></script> <script src="src/scripts/updateFragment.js"></script>
<script src="src/scripts/accessibility.js"></script> <script src="src/scripts/accessibility.js"></script>
<script>
window.onresize = () => {
onresizeAccessibility();
}
</script>
</div> </div>
</body> </body>
</html> </html>

5
test_data/src/scripts/accessibility.js
View file

@ -18,6 +18,11 @@ if (window.sessionStorage.getItem('isZoom') == 'true') {
const sound = document.querySelector("#sound") const sound = document.querySelector("#sound")
zoom.style.right = "5px"; zoom.style.right = "5px";
sound.style.top = "85px"; sound.style.top = "85px";
} else {
const zoom = document.querySelector("#zoom")
const sound = document.querySelector("#sound")
zoom.style.right = "";
sound.style.top = "";
} }
isZoomed = true; isZoomed = true;
} else { } else {

8
test_data/src/scripts/physicsLayout.js
View file

@ -46,8 +46,8 @@ var render = Render.create({
} }
}); });
var ceiling = Bodies.rectangle(render.canvas.width/2, 0, render.canvas.width, 120, { isStatic: true, friction:0, restitution:10}); var ceiling = Bodies.rectangle(render.canvas.width/2, 0, render.canvas.width, 120, { isStatic: true, friction:0, restitution:10});
var leftWall = Bodies.rectangle(0, window.innerHeight/2, 5, window.innerHeight, { isStatic: true, friction:0, restitution:10}); var leftWall = Bodies.rectangle(10, window.innerHeight/2, 60, window.innerHeight*5, { isStatic: true, friction:0, restitution:10});
var rightWall = Bodies.rectangle(render.canvas.width, (window.innerHeight/2)-60, 5, window.innerHeight, { isStatic: true, friction:0, restitution:10}); //update var rightWall = Bodies.rectangle(canvasWidth-10, (window.innerHeight/2)-60, 5, window.innerHeight*5, { isStatic: true, friction:0, restitution:10}); //update
var floor = Bodies.rectangle(render.canvas.width/2, window.innerHeight-20, render.canvas.width, 240, { isStatic: true, friction:0, restitution:10}); var floor = Bodies.rectangle(render.canvas.width/2, window.innerHeight-20, render.canvas.width, 240, { isStatic: true, friction:0, restitution:10});
let maxY = 0; let maxY = 0;
@ -133,11 +133,11 @@ setInterval(()=>{
maxY = bodies.sort((a, b) => (b.position.y - a.position.y))[0].position.y; maxY = bodies.sort((a, b) => (b.position.y - a.position.y))[0].position.y;
if (maxY < getDocumentHeight()) return; if (maxY < getDocumentHeight()) return;
render.canvas.height = Math.max(window.innerHeight, maxY + 600); render.canvas.height = Math.max(window.innerHeight, maxY + 1000);
document.querySelector('#authors').style.height = render.canvas.height; document.querySelector('#authors').style.height = render.canvas.height;
if(leftWall.position.y+window.innerHeight/2 <getDocumentHeight()){ if(leftWall.position.y+window.innerHeight/2 <getDocumentHeight()){
leftWall = Bodies.rectangle(0, leftWall.position.y + render.canvas.width, 60, window.innerHeight, { isStatic: true }); leftWall = Bodies.rectangle(0, leftWall.position.y + render.canvas.width, 100, window.innerHeight, { isStatic: true });
rightWall = Bodies.rectangle(render.canvas.width, rightWall.position.y + window.innerHeight, 60, window.innerHeight, { isStatic: true }); //update rightWall = Bodies.rectangle(render.canvas.width, rightWall.position.y + window.innerHeight, 60, window.innerHeight, { isStatic: true }); //update
World.add(engine.world, [leftWall, rightWall]); World.add(engine.world, [leftWall, rightWall]);
} }

4
test_data/src/scripts/updateFragment.js
View file

@ -57,8 +57,8 @@ var render = Render.create({
} }
}); });
var ceiling = Bodies.rectangle(render.canvas.width/2, 0, render.canvas.width, 120, { isStatic: true, friction:0, restitution:0.5 }); var ceiling = Bodies.rectangle(render.canvas.width/2, 0, render.canvas.width, 120, { isStatic: true, friction:0, restitution:0.5 });
var leftWall = Bodies.rectangle(0, window.innerHeight/2, 60, window.innerHeight, { isStatic: true, friction:0, restitution:0.5 }); var leftWall = Bodies.rectangle(10, window.innerHeight/2, 60, window.innerHeight, { isStatic: true, friction:0, restitution:0.5 });
var rightWall = Bodies.rectangle(render.canvas.width, window.innerHeight/2, 60, window.innerHeight, { isStatic: true, friction:0, restitution:0.5 }); //update var rightWall = Bodies.rectangle(render.canvas.width-10, window.innerHeight/2, 60, window.innerHeight, { isStatic: true, friction:0, restitution:0.5 }); //update
var title = Bodies.rectangle(render.canvas.width/2, 0, 300, 200, { isStatic: true, friction:0, restitution:0.5 }); var title = Bodies.rectangle(render.canvas.width/2, 0, 300, 200, { isStatic: true, friction:0, restitution:0.5 });
var timeline = Bodies.rectangle(render.canvas.width-60, window.innerHeight-150, 150, 150, { isStatic: true, friction:0, restitution:0.5 }); var timeline = Bodies.rectangle(render.canvas.width-60, window.innerHeight-150, 150, 150, { isStatic: true, friction:0, restitution:0.5 });

2
test_data/src/style/common.css
View file

@ -225,7 +225,7 @@
} }
/***** pc *****/ /***** pc *****/
@media ( min-width: 780px ) { @media ( min-width: 1080px ) {
/* MENU */ /* MENU */
#menu { #menu {