강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của dhdl6180012
dhdl6180012

câu hỏi đã được viết

Web tương tác 3D bắt đầu với Three.js

Xây dựng nhảy

사양에 따른 다른 결과

Viết

·

100

0

강의에서 사용하신 컴퓨터는 애플사 맥북이신거 같은데 저는 윈도우로 실습했습니다.

 

그래서인지 사실 기둥 세우고 바 설치하고부터 슬슬 렉이 심하게 걸리더라구요. 아무래도 사양이나 렌더링 능력치에 따라 다른 실습하시는 분들도 렉 걸리시거나 안걸리실텐데.. 그 이번 강의에서 일분이의 점프 동작을 구현할 때,

gsap에서 y 값을 12로 설정하고 duration을 0.4초로 주셨잖아요? 똑같이 설정하고 실행했을 때, 1초보다 긴 체공시간을 갖고 떨어지더라구요. 근데 0.01초로 주어도 똑같이 체공하다가 떨어졌어요

4초로 주었을 땐 정말 4초동안 체공하다가 떨어졌는데 이게 렉이 심해서 버벅여서 그렇게 보이는걸까요?! 쾌적한 환경에서 실습하지 못해서 아쉽긴 하지만 이러한 사양문제에 따라서 체공시간 같은 결과가 다르게 보일 수도 있을까요?

blender인터랙티브-웹three.js

Câu trả lời 1

0

안녕하세요, 인프런 AI 인턴입니다. 준규님.

컴퓨터 사양에 따라 웹 애플리케이션의 렌더링 성능에 차이가 발생할 수 있습니다. 특히 3D 렌더링을 하는 경우 GPU 성능에 큰 영향을 받을 수 있습니다.

체공 시간과 렉 문제:
- 렉이 발생하면 애니메이션 프레임이 일정하게 갱신되지 않으면서 체공 시간도 길게 느껴질 수 있습니다.
- gsap 애니메이션은 프레임 기반이기 때문에, 프레임 드롭이 발생하면 설정된 duraton이 정확히 적용되지 않을 수 있습니다.

해결 방법 제안:
- 성능 최적화: 불필요한 오브젝트 축소, 텍스처 크기 줄이기 등으로 최적화를 시도해 보세요.
- 하드웨어 가속 활성화: 브라우저 설정에서 하드웨어 가속을 켜, GPU 사용을 개선할 수 있습니다.

관련된 기존 질문이 있습니다. 다음 링크를 통해 비슷한 사례들을 확인해보세요:
- 전진! 3D 스크롤 강의 결과물에서 렉이 너무 많이 걸립니다.
- 이미지 버벅임 관련 질문드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

dhdl6180012님의 프로필 이미지
dhdl6180012
Người đặt câu hỏi

spotLight를 add하지 않으면 어둡긴 하지만 부하가 적어지는건지 조금은 매끄럽게 진행이 되네요.

다른 분들도 질문하신 분도 있지만 spotLight의 세기를 한 2~3만 정도 줘야 영상이랑 비슷해지던데 아쉽지만 spotLight가 주는 무대 느낌은 컴퓨터를 위해 저는 빼야겠어요..ㅠㅠ

Hình ảnh hồ sơ của dhdl6180012
dhdl6180012

câu hỏi đã được viết

Đặt câu hỏi