웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT
웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!
- 미해결
프로젝트 완성본 보내주실수 있나요?
따라하면서 코드작성 하니까 진행이 더뎌서 부탁드려요
HTML/CSSjavascript인터랙티브-웹유성 김
・
4달 전
0
41
1
- 미해결
캐릭터 기본 모션 만들기에서 포토샵에 열라고하는데 포토샵없으면 어떻게하죠? 공짜버전있나요?
캐릭터 기본 모션 만들기에서 포토샵에 열라고하는데 포토샵없으면 어떻게하죠? 공짜버전있나요?
HTML/CSSjavascript인터랙티브-웹김태언
・
0
178
1
- 미해결
renderGame 함수에 로그를 찍으면 무한루프가 돕니다
<img src="https://cdn.inflearn.com/public/files/posts/5e1efdb0-beaf-4610-966f-55d39e74e568/스크린샷2024-01-10115354.png" alt="스크린샷 2024-01-10 115354.pn
HTML/CSSjavascript인터랙티브-웹litzoo
・
0
265
1
- 미해결
수리검이 날아가지 않습니다
const renderGame에서 keyMotion()까지는 작동을 하는데그 이후 forEach부분부터는 작동하지 않는것같습니다, 왜이럴까요?오타도 없고 아무이상없습니다!혹시 window.requestAnimationFrame이 너무 빨라서 bulletComProp f
HTML/CSSjavascript인터랙티브-웹litzoo
・
0
213
1
- 미해결
수리검 방지턱(?) 현상
안녕하세요 코딩 1달차 뉴비입니다... 선생님의 지도에 따라 수리검 만들고 화면 밖을 벗어나면 수리검이 없어지는 효과까지 구현을 하였습니다만... 화면밖에서 사라질때 스크롤바가 뜬금없이 나와 방지턱에 걸린 마냥 hero가 올라갔다 내려갔다 합니다... <p
HTML/CSSjavascript인터랙티브-웹은호우
・
0
477
2
- 미해결
requestanimationframe 성능관련 궁금증
안녕하세요 좋은 강의 잘 참고해서 재밌게 만들어보고있습니다. ^^requestanimationframe을 사용해서 애니메이션이 부드럽게 잘 이동합니다만애니메이션 종료를 따로 설정해주지 않으면 renderGame()은 무한히 반복될텐데 성능
HTML/CSSjavascript인터랙티브-웹suhyeon kim
・
0
588
1
- 미해결
frame 질문합니다.
요즘 모니터가 거의다 144hz 인데 수업에서는 60hz를 기준으로 잡고 하시더라구요 144 모니터에서 실행 시킬경우 케릭터가 너무 빨리 달리는것 처럼 모션이 보이는데 이경우는 어떻게 60fps로 고정을 할 수 있나요
인터랙티브-웹javascriptHTML/CSS최수렬
・
0
332
2
- 미해결
개발툴은 어떤걸 사용하나요?
제가 인프런에서 강의를 처음 듣게되었는데개발툴을 어떤걸 사용해야할지 모르겠어서요혹시 강의 중 사용하신 개발툴을 알 수 있을까요?
인터랙티브-웹javascriptHTML/CSSwithpath
・
0
286
1
- 미해결
e.which에 대한 질문입니다.
강의를 보다가 궁금한점이 있어 질문드립니다. (해당 영상에서는 9:56에 있습니다.) 영상에서는 e.which 라는 걸 사용하여 해당 키를 눌렀을시 번호가 몇번째인지 알기 위해서 사용 하는것 같은데 제
whichHTML/CSS인터랙티브-웹javascriptGunLoc
・
1
598
1
- 미해결
수리검이 사라집니다
<img src="https://cdn.inflearn.c
인터랙티브-웹HTML/CSSjavascriptdmsgk2323
・
0
267
1
- 미해결
const 변수 및 Arrowfunction 방식 질문
안녕하세요 강사님 질문이 있습니다. 2:21 에서 const 는 흔히 상수형태로 잡기 위해 많이 쓰는걸로 알고 있는데요 이 const 상수 선언 방식에서 ()=> Arrow function 형태가
constarrowfunctionHTML/CSSjavascript인터랙티브-웹GunLoc
・
0
416
2
- 미해결
몬스터나 npc의 위치가 일정 크기를 넘어가면 히어로가 사라집니다.
몬스터든 npc든 생성 위치를 조금만 크게 잡아도 히어로가 이동하다 말고 사라집니다.(생성 위치를 600정도로 작게 잡으면 문제가 없습니다.) 수업을 들으며 똑같이 코딩했는데도 불구하고 이러한 현상이 나타나서 올려주신 complete 코드의
HTML/CSSjavascript인터랙티브-웹5596molly
・
0
184
1
- 미해결
수리검 방향 전환 처리에서 간단한 질문 있습니다.
수리검 생성시 수리검의 방향을 결정하는 변수를 선언해 히어로의 방향을 담는 이유는 잘 알겠는데, 거기서 그냥 <span style="color: #333333; font-family: -apple-system, BlinkMacSystemFont, Ap
javascript인터랙티브-웹HTML/CSS5596molly
・
0
214
1
- 미해결
마이너스 좌표값(?) 사용
this.y = (hero.position().bottom - hero.size().height) / 2; 값이 마이너스인데 +로 바꾸면 화면에 안뜨더라고요 웹 상 좌표 읽는 방식이 다른 건가요?? </p
인터랙티브-웹javascriptHTML/CSS삐약
・
0
725
1
- 미해결
코딩작업하고 웹화면 띄워서 확인하는 방법?
안녕하세요. 강의 잘듣고 있습니다. 초보적인 질문일 수 있는데...(긍데 제가 초보라......) 작업하고 웹화면띄워서 확인할 때마다 start debugging으로 하시는 건가요?? 코드 수정하고 매번 alt+b
javascriptHTML/CSS인터랙티브-웹Ray
・
0
490
2
- 미해결
캐릭터가 점프하면서 앞으로 나아가게 만들고있습니다
점프하면 앞으로 나가게는 만들었는데 방향이 left인 상태에서 점프를 up하면 right을 향한채로 뒤로 점프하게 됩니다. 계속 생각해보다가 도무지 모르겠어서 질문드립니다..! up에서 기본으로 방향이 right으로 향하는거 같은데 어떻게
HTML/CSS인터랙티브-웹javascript박박하다
・
0
379
1
- 미해결
전체 이미지에서 원하는 부분만 컷하고 싶어요(사진첨부)
사진 첨부한것처럼 전체에서 원하는 부분만 컷하고 싶은데 방법을 모르겟어요
HTML/CSSjavascript인터랙티브-웹콩팥팥죽
・
0
464
1
- 미해결
질문있습니다.
혹시 배열 요소를 지울때 shift로 제일 처음 들어온 요소를 지우도록 구현하면 문제가 될까요??
javascriptHTML/CSS인터랙티브-웹shut up and squat
・
0
194
1
- 미해결
깃헙 레포 질문드립니다.
혹시 깃허브 프라이빗 레파지토리에는 푸쉬해도 상관없을까요??
HTML/CSS인터랙티브-웹javascriptshut up and squat
・
0
246
1
- 미해결
캐릭터 기본 모션 만들기, 경로가 인식이 안되요.
complete 폴더에 있는 css 파일은 이미지 경로에 빨간줄이 안 그이는데 coding파일에 있는 css 파일은 이미지 경로에 빨간줄이 그이면서 인식이 안되요... complete에 있는 완성 파일도
HTML/CSS인터랙티브-웹javascript정원준
・
0
278
1






