«html-canvas» 태그된 질문

HTML5의 새로운 기능으로, 자바 스크립트 앱이 브라우저에 그리기 화면을 가질 수 있습니다.

7
HTML5 Canvas에서 페인트 될 2D 배열의 텍스트 맵 관리
그래서 재미있게 HTML5 RPG를 만들고 있습니다. 지도는 <canvas>(512px 너비, 352px 높이 | 가로 16 타일, 위 아래 11 타일)입니다. 을 칠하는 더 효율적인 방법이 있는지 알고 싶습니다 <canvas>. 여기 내가 지금 가진 방법이 있습니다. 지도에서 타일을로드하고 페인트하는 방법 지도는 Image()조각을 사용하여 타일 (32x32)로 페인트됩니다 . 이미지 파일은 간단한 for루프를 통해로드 …

5
게임 속의 배우가 스스로를 그릴 책임이 있습니까?
저는 게임 개발에 익숙하지 않지만 프로그래밍에는 익숙하지 않습니다. JavaScript canvas요소를 사용하여 Pong 유형 게임을하고 있습니다. Paddle다음 속성을 가진 객체를 만들었습니다 ... width height x y colour 또한 다음 Pong과 같은 속성 을 가진 객체가 있습니다 ... width height backgroundColour draw(). 이 draw()방법은 현재 재설정 중이며 canvas질문이 발생한 곳입니다. 해야 Paddle객체가이 …

2
내 게임이 끝났습니다! 지금 무엇을해야합니까? [닫은]
폐쇄되었습니다 . 이 질문은 더 집중되어야 합니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 한 가지 문제에만 집중할 수 있도록 질문을 업데이트하십시오 . 휴일 오년 전에 . HTML5 / 캔버스 게임이 완성되어 출시 준비가되었습니다. 그것은 절차 적으로 생성 된 풍경을 탐험하고 방해하여 생존 할 아이템과 …

3
HTML5 Canvas 게임에서 더블 버퍼링?
간단한 캔버스 게임 은 Chrome에서는 잘 작동하고 Mac / Linux에서는 FF가 제대로 작동하는 것 같습니다. 아직 스마트 폰이나 Windows 환경에서 테스트 할 기회가 없었습니다. 이중 버퍼링을 사용하지 않지만 JS Canvas 예제를 사용했습니다. 이중 버퍼링 사용은 언제 권장됩니까? 특정 브라우저에서만 차이가 있습니까? 성능이 크게 향상 되었습니까? 감사!

7
HTML5 게임 (캔버스)-UI 기법?
PhoneGap을 사용하여 모바일 (Android / iPhone / WebOS) 용 JavaScript / HTML5 게임 (Canvas 사용)을 빌드하는 중입니다. 현재 UI와 게임 보드를 구축하는 방법과 상호 작용하는 방법을 설계하려고하지만 최선의 솔루션이 무엇인지 잘 모르겠습니다. 내가 생각할 수있는 것은 다음과 같습니다. drawImage 및 fillText와 같은 것을 사용하여 UI를 캔버스에 바로 빌드하십시오. 일반 DOM …

6
Box2D의 대체 JS 포트가 있습니까?
HTML5를위한 하향식 2D 자동차 게임을 만드는 것에 대해 생각하고 있습니다. 내 첫 게임에서 나는 물리학을 썼고 내 충돌을 겪었지만이 게임에서는 기성품 라이브러리를 사용하고 싶다. Box2D와 JS 포트를 찾았습니다. http://box2d-js.sourceforge.net 2008 년에 만들어진 아주 오래된 포트 인 것 같습니다. 현재 Box2D의 많은 기능이 부족하거나 중요한 문제가 있습니까? 그리고 대안이 있습니까?

7
브라우저 기반 게임을 제작할 때 캔버스로 만들거나 캔버스로 만들지 않겠습니까?
배경 : 나는 광범위한 개발 배경을 가지고 있지만, 지난 몇 년 전에 게임을 코딩했을 때였습니다. Javascript 기술은 상당히 제한되어 있으며 Tetris, Pac-man 또는 그와 같은 복잡한 수준의 간단한 게임을 구축하여 향상시킬 계획입니다. 질문 : 내가 선택해야 할 근본적인 선택은 <canvas>요소에 렌더링해야하는지 여부 입니다. 캔버스를 사용하면 점, 선 및 그보다 복잡한 …

2
가까운 클립 평면보다 눈에 더 가까운 클리핑 정점을 어떻게 처리해야합니까?
JavaScript로 자체 3D 엔진을 롤링하고 WebGL이 아닌 캔버스 드로잉 만 사용합니다. 이것은 또 다른 마인 크래프트 클론입니다. 나는 상자를 좋아하고 나를 판단하지 않습니다. 지금까지 한 가지를 제외하고는 모든 것이 훌륭하게 작동합니다 .3D에서는 일부 정점이 거의 클리핑 평면 뒤에 가면 화면에서 투영이 이상하게 나타납니다 (평면을 추적하는 데 사용되는 다른 정점이 앞쪽에 …

1
멀티 플레이어 HTML5, Node.js, Socket.IO [닫기]
폐쇄되었습니다 . 이 질문에는 세부 사항이나 명확성 이 필요 합니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 세부 사항을 추가하고 문제점을 명확하게하십시오 . 휴일 오년 전에 . HTML5 Canvas, JavaScript (John Resig simple Inheritance 라이브러리를 사용하여 너무) 및 Socket.IO를 사용하여 Node.js로 간단한 멀티 플레이어를 …

6
APK를 실행할 때 Android의 성능 저하, 브라우저에서 정상적으로 실행
Phaser 엔진을 사용하여 HTML5에서 작은 게임 프로젝트를 만들었습니다 (1.1.5 및 1.1.6 모두 시도). 그런 다음 모바일 플랫폼으로 이식하려면 Windows Phone 8, Android 및 iOS 용 Phonegap / Cordova를 사용하십시오. 내 게임에는 약 10 개의 요소가 있으며 애니메이션으로 표시됩니다 (점에서 점으로 이동하고 동시에 회전). iOS와 Windows Phone 8에서는 아무런 문제가 없었습니다. …

5
브라우저에서 아스키지도와 움직이는 캐릭터를 만드는 좋은 기술 솔루션 (예 : 왜소한 요새)? [닫은]
닫은. 이 질문은 주제에 맞지 않습니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 게임 개발 스택 교환에 대한 주제가 되도록 질문을 업데이트하십시오 . 휴일 오년 전에 . 동물과 사람을 나타 내기 위해 텍스트 문자를 사용하고 독립적 인 (서버 구동) AI가있는지도 사각형에서 움직일 수있는 웹 사이트를위한 웹 응용 프로그램을 만들고 …

2
더티 2D 맵 렌더링
HTML5의 맵 렌더링과 관련하여 사람들이 "더러운 렌더링"에 대해 이야기하는 것을 계속 듣고 있습니다. Googled를 GameDev에서 검색했지만 그 정도는 많지 않습니다. 정확히 무엇입니까? 제대로 구현하는 방법?

1
gluLookAt는 어떻게 작동합니까?
내 이해에서 gluLookAt( eye_x, eye_y, eye_z, center_x, center_y, center_z, up_x, up_y, up_z ); 다음과 같습니다. glRotatef(B, 0.0, 0.0, 1.0); glRotatef(A, wx, wy, wz); glTranslatef(-eye_x, -eye_y, -eye_z); 그러나 ModelView행렬을 인쇄 할 때 호출이 glTranslatef()제대로 작동하지 않는 것 같습니다. 다음은 코드 스 니펫입니다. #include <stdlib.h> #include <stdio.h> #include <GL/glut.h> #include <iomanip> #include …

2
타일 ​​기반 아이소 메트릭 게임에서 자유로운 움직임
타일 ​​기반 아이소 메트릭 게임에서 자유로운 움직임을 구현하는 합리적인 방법이 있습니까? 즉, 플레이어가 한 타일에서 다른 타일로 즉시 점프하거나 그리드에 "스냅"되지 않을 것입니다 (예를 들어, 타일 간 이동이 애니메이션되었지만 애니메이션이 끝나기 전에 아무것도하지 않는 경우). 저는 게임 프로그래밍과 관련하여 초보자이지만,이 사이트와 다른 리소스를 사용하면 기본 작업을 수행하는 것이 매우 쉽지만이 …

1
스프라이트를 마우스의면 방향으로 설정
html5 캔버스 게임을 만들고 있는데 스프라이트가 마우스 커서를 향하도록하는 방법이 필요합니다. 스프라이트에 대한 X 및 Y 좌표와 포인터의 X 및 Y 좌표가 있습니다. 내가 붙어있는 것은 스프라이트가 포인터를 향하게하는 수학입니다. 그것은 모두 2D 세계에 있기 때문에 너무 복잡 할 것이라고는 상상할 수 없지만이 물건에 대한 경험이 거의 없습니다. 또한 이런 …
9 2d  html5  html-canvas 

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.