Fix the problem of hidden frags
This commit is contained in:
parent
c2ad024b65
commit
e44ea22f38
1 changed files with 6 additions and 5 deletions
|
|
@ -56,7 +56,7 @@ for(let i = 0; i < sampleSVG.length; i++) {
|
||||||
name: path.parentNode.id
|
name: path.parentNode.id
|
||||||
}, true);
|
}, true);
|
||||||
initY += (window.innerWidth >= 960)?30:75;
|
initY += (window.innerWidth >= 960)?30:75;
|
||||||
console.log(initY);
|
// console.log(initY);
|
||||||
let el = document.getElementById(path.parentNode.id)
|
let el = document.getElementById(path.parentNode.id)
|
||||||
el.setAttribute("visibility", "hidden")
|
el.setAttribute("visibility", "hidden")
|
||||||
|
|
||||||
|
|
@ -92,13 +92,13 @@ let addFrags = ()=>{
|
||||||
World.add(engine.world, frags[count]);
|
World.add(engine.world, frags[count]);
|
||||||
count += 1;
|
count += 1;
|
||||||
duration *= INIT_RATIO;
|
duration *= INIT_RATIO;
|
||||||
// addFrags();
|
setTimeout(addFrags, 15);
|
||||||
setTimeout(addFrags, 50);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
addFrags();
|
addFrags();
|
||||||
|
|
||||||
setInterval(()=>{
|
setInterval(()=>{
|
||||||
|
|
||||||
for(let i = 0; i < frags.length; i++) {
|
for(let i = 0; i < frags.length; i++) {
|
||||||
frags[i].angle = 0; // lock rotation
|
frags[i].angle = 0; // lock rotation
|
||||||
let el = document.getElementById(frags[i].name);
|
let el = document.getElementById(frags[i].name);
|
||||||
|
|
@ -109,9 +109,9 @@ setInterval(()=>{
|
||||||
|
|
||||||
let bodies = engine.world.bodies.filter(body => body.label === "Body");
|
let bodies = engine.world.bodies.filter(body => body.label === "Body");
|
||||||
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 + 100);
|
render.canvas.height = Math.max(window.innerHeight, maxY + 200);
|
||||||
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()){
|
||||||
|
|
@ -127,6 +127,7 @@ setInterval(()=>{
|
||||||
function getScrollTop() {
|
function getScrollTop() {
|
||||||
return (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
|
return (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 문서의 높이를 구하는 함수
|
// 문서의 높이를 구하는 함수
|
||||||
function getDocumentHeight() {
|
function getDocumentHeight() {
|
||||||
const body = document.body;
|
const body = document.body;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue