테스트 사이트 - 개발 중인 베타 버전입니다

아보카도 에디션 배경 효과 채택완료

Peterrebit 1년 전 조회 2,423

아보카도 에디션 움직이는 배경 효과로

https://codepen.io/tmrDevelops/pen/NNGvEv

이걸 넣고 싶습니다...

 

파일을 다운, css, js파일을  head랑  head.sub에 넣는 것까지 모두 확인했습니다!!

문제가 발생하는 부분은

head.sub에

이 두개를 추가해도 효과가 적용되지 않습니다...

순서를 바꾸어 

이런 식으로 추가했을 때는 

빈 공간에 효과가 내리고 그 밑으로 게시판이 뜨는 형식입니다. 무슨 문제일까요?ㅜhttp://sir.kr/data/editor/2403/33382474_1710677804.5114.png" width="100%" />

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
d
1년 전

    간단하쥬?     
 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

d
1년 전

0.001 이 좋아보여요

  Build.prototype.upd = function() {     cam.obj.x += (this.toX - cam.obj.x) * 0.001;     cam.obj.y += (this.toY - cam.obj.y) * 0.001;   }; ---------------------------------

첫줄에  var num = 200; 개수를 늘려주면 더 이쁜거 같아요 800개 정도 var num = 800;

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

d
1년 전

css 파일 넣어도 되고, 그냥 문서에 다음처럼 추가해도 될거 같아요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

P
Peterrebit
1년 전
dkwkd님, 좋은 저녁입니다~ 친절하게 알려주셔서 감사해요... 처음 봤을 때 너무 마음에 든 효과라 꼭 적용해보고 싶었는데 덕분에 예쁘게 잘 적용되었습니다...ㅜ.ㅜ 실례가 안 된다면 마우스 따라 움직이는 효과의 속도를 줄일 방법을 여쭤봐도 될까요? 어려우시면 그냥 넘겨주세요...ㅎㅎ _ _
d
dkwkd
1년 전
아네 한번 살펴 불게요
d
dkwkd
1년 전
중간에 이런부분이 있어요
Build.prototype.upd = function() {
cam.obj.x += (this.toX - cam.obj.x) * 0.05;
cam.obj.y += (this.toY - cam.obj.y) * 0.05;
};
요기를

Build.prototype.upd = function() {
cam.obj.x += (this.toX - cam.obj.x) * 0.005;
cam.obj.y += (this.toY - cam.obj.y) * 0.005;
};

값을 작게 하면 움직임의 크기가 작아 집니다

댓글을 작성하려면 로그인이 필요합니다.

d
1년 전

우연히 지나가다 봤는데 좋아 보여서~ css position 문제 일거 같아요 해당 링크 내용에서 css 파일은 사실상 의미는 없어보여서 뺴셔도 될거 같구요 (배경색은 별도로 주시고) 대신  #canv { position:absolute z-index:-1; } 추가 해보셔도 될거 같아요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

P
Peterrebit
1년 전
안녕하세요! #canv { position:absolute z-index:-1; }는 따로 css 파일을 만들어서 head.sub에 연결해주면 되는 걸까요...? ㅜㅜ 이 방법으로 해봤는데 해결이 안 되네요...ㅜ.ㅜ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인