본문 바로가기

html5

[제작중] Just caterpillar 프로젝트 드디어 쓸 게 다 떨어졌어요. 그런 의미에서 요 몇주간 재미삼아 만들고있는 걸 공개해볼까 합니다. 트위터 보시던 분들이야 다 보셨겠지만요.발단은 애니를 보면서 뭐든 만들어야지... 이고요, 정말로 그렇게 시작해서 지금은 좀 커졌습니다. 그래픽은 여전히 저 꼴이지만요. 아프로도 계속~ 아쉽게도 아직까지 모바일 지원은 하지 않습니다. 모바일을 지원하려면 UI도 다 그려야 하거든요. 그리고 그거 상당히 시간이 걸려요.큰 화면은 홈페이지로 이동 부탁드립니다. softblow.dothome.co.kr/HTML5_Games/labs/just_caterpillar_project/ 유 니드 아이프레임 투 시 디스. 시시각각 제가 갱신할때마다 바뀌지만, 글 쓴 날짜 기준으로 1-1, 1-2, 1-3 이 준비되어 있습니다.. 더보기
chClock [HTML5] [C2] 이 브라우저는 iframe을 지원하지 않습니다.dasdf이 브라우저는 iframe을 지원하지 않습니다.이 브라우저는 iframe을 지원하지 않습니다. 유니클락, 토호클락 두 가지를 보다가, 저도 게임툴로 간단하게 만들 수 있지 않을까 해서 만들어보았습니다. Construct 2 로 만들었기 때문에, HTML5를 지원하는 브라우저에서만 됩니다. 이 블로그에 달린 위젯 코드 : (이 코드를 붙여넣어도 되겠지만, 계속 유지될지는 장담하지 않습니다. 제 블로그의 스킨에 올린 거거든요.) 파일 ver 0.2 3색 버전 : 단색 (회색) 버전 : ver 0.3이쯤되면 관상용이네요... 반전때문에 알아보기 힘들어지는군요. 3색 + 초록색 반전 버전 : 프로젝트 파일 (보관용) : 사용법 1) 압축을 해제합니다. 이미.. 더보기
이러고 앉았습니다. 하러가기 이름만 랜덤 플랫포머고 실제로는 패턴포머 (...) Scirra 아케이드에 어떻게든 올려보겠다는 원대한(?) 목표로 만들고 있긴 한데, 패턴 100개 정도 (10레벨까지 진행후 Endless 게임속업) 만드는 걸 목표로 하다보니... 며칠에 걸쳐 20개를 만드는 정도가 고작이었네요. 시스템 만드는 것도 있었고... 거기다가 레벨 2부터는 난이도가 들쭉날쭉이라 순서도 다시 바꿔줘야 (...) =플랫폼 조작= Shift (점프) / 화살표 (이동) 점프중 Shift 떼기 / 점프중 ↓ : 바로 떨어지기 (수직속도 0으로 변경) =특수 조작= Ctrl : 게임 속도를 잠시 0.3으로 변경 (아래 빨간 막대 줄어듬) Z : 누르고있으면 절벽에서 그방향으로 자동 점프 (점프당 100픽셀씩 빨간 막대 줄어.. 더보기
랜덤 플랫포머 2 만드는중 패턴형으로 생성하도록 하고 있습니다. (1에선 안그랬음) Construct 2로 만들어서 Scirra Arcade쪽에 올려보려구요. AvoideRDots는 사망 HTML5 게임 면에서 보면 파이어폭스는 버벅거려서 좀 후지긔 크롬이 킹왕짱 만드는게 엄청 귀찮을 것 같아서 어떻게든 머리를 굴려본 결과 (요로코롬 8(0,580,160,20)(160,520,20,80)(160,420,140,60)(640,580,160,20)(180,580,140,20)(200,480,100,80)(320,480,20,120)(340,480,140,20) → 총 갯수(x,y,폭,높이)) 이렇게 해서 Construct 2에서 지원하는 시스템 표현으로 다시 다른 레이아웃에서 생성해내는 걸 어찌저찌해서 성공해냈네요. 이것만 완성되면 .. 더보기
컨스트럭트 2로 HTML5 티스토리 스킨 만들기 ... HTML 5니까, HTML이니까 될줄 알고 시도해봤습니다. 엥? 자바스크립트 파일들의 경로만 바꾸니 안되는군요. 한참 뒤적거리다가 겨우 알아냈는데, 파이어폭스 웹 콘솔에서 알아낸 이유라는 것은... 어이없게도 이미지 경로를 못찾아서 (...) 생각해보면 당연한게, 티스토리의 치환자는 images 폴더의 하위 파일에까지 적용되지는 않으니까요. 해결책으로, c2runtime.js 파일에서 images/ 에 해당하는 구문을 모두 ./images/로 바꾸고 skin.html 자체에 포함시켜버리는 방법이 있더군요. 그 결과물은 아래 링크를 들어가보심이 옳겠죠. 스킨 테스트 공간 그렇지만 스크린샷도 박아두겠스빈다. *생각해보니, HTML5로 만들면서 캔버스 안쓰고 이미지로 만들면 그게 어디 HTML5인가 하.. 더보기
HTML5 LOGO 업로드를 위해서 긴히 준비한 로고입니다. INKSCAPE에서 폭 300px,600px 로 빼냈구요. 원본 링크 svg 파일 직접 링크는 삼가해주세요. 제가 글을 지우면 곤란해지시잖아요. 더보기
스킨 제작을 중단합니다. 쓰려고 만들던 스킨인데, 본문 관련된 CSS 등을 전혀 신경 안쓰고 레퍼런스에서 복사 & 붙이기만 하다 보니 본문 CSS를 작성할 수 없게 되어 중단하고 배포합니다. CSS3 가 사용되었으며, 인터넷 익스플로러에서 디자인이 엉망이 됨 (깨지지는 않음) 을 보장합니다 (히히) 이어서 제작하고자 하는 분은 댓글 & 트랙백 부탁드릴께요. 스크린샷 (라이선스는...... 이글 하단의 CC 라이선스를 따르지요) Firefox 에서의 스크린샷이며, 크롬과 오페라에서 확인되었고 정상출력됩니다. (이름은...... BlueDays 정도가 어떨까요) 더보기