★ 스마트폰으로 위 QR코드 촬영시 완성된 '😺 Cat TimeRUN 🕒' 에 접속할 수 있습니다.
★ 스마트폰으로 위 QR코드 촬영시 완성된 '😺 Cat TimeRUN 🕒' 에 접속할 수 있습니다.
★ 스마트폰으로 위 QR코드 촬영시 완성된 '😺 Cat TimeRUN 🕒' 에 접속할 수 있습니다.
★★★ 완성 : 선생님 창작
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_15.html
★★★★★ 자바스크립트 강좌(게임혼합) 개발중(링크있음) ★★★★★
- 자바스크립트와 HTML(canvas), CSS를 학습하며 웹게임을 만드는 강좌를 개발중~ (PC, 스마트폰 반응형)
- git호스팅사용 업로드해서 친구들과 같이 자신이 만든 게임 공유
- Firebase사용해서 점수, 등수관리 진도 추가예정
- ★ 위 과정 이수하면 웹게임, 웹앱(안드로이드, IOS)배포, PC웹게임등을 만들어 배포까지 학습가능 (애드센스 광고 추가 학습)
과정에 대해 궁금한 내용은 선생님에게 문의하세요~
------------------------------------------------------------
★PC전용,스마트폰 버튼 선택이동
------------------------------------------------------------
https://bestcomsv.cafe24.com/web_ani/canvas_js_1.html
------------------------------------------------------------
★반응형
------------------------------------------------------------
PC,스마트폰 반응형 (PC는 방향키로 이동하고 스마트폰 접속시 버튼이 보여 버튼으로 이동합니다)
PC방향키이동, 스마트폰 일반버튼 선택이동
https://bestcomsv.cafe24.com/web_ani/canvas_js_2.html
PC방향키이동, 스마트폰 버튼(CSS) 선택이동(버튼모양수정)
https://bestcomsv.cafe24.com/web_ani/canvas_js_3.html
PC방향키이동(부드럽게), 스마트폰 버튼(CSS) 선택이동(PC만 부드럽게)★이동부드럽게 (60fps)
https://bestcomsv.cafe24.com/web_ani/canvas_js_4.html
PC방향키이동, 스마트폰 버튼(CSS) 선택이동★이동부드럽게 (60fps)
https://bestcomsv.cafe24.com/web_ani/canvas_js_5.html
별도 페이지에 강좌가 추가되고 있습니다. (선생님 문의)
★아래 내용은 강좌로 학습하는 단계별 예제입니다. (학습 후 각자 주어진 문제를 풀어야 다음 단계 학습이 가능합니다.
★2단원부터는 모바일 접속시 반응형 화면으로 변경됩니다.
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_1.html
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_2.html
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_3.html
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_4.html
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_5.html
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_6.html
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_7.html
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_8.html
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_10.html
★기록 등수 페이지 추가(미션을 해결한 기록을 저장해서 기록 등수를 볼 수 있습니다.)
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_11.html
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_12.html
★배경음악 및 효과음이 재생됩니다.
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_13.html
★★★ 완성 : 선생님 창작
https://bestcomsv.cafe24.com/web_ani/canvas_js_exam_1_15.html
|
|
|
|