«html-canvas» etiketlenmiş sorular

Bu yüzden sadece eğlence için bir HTML5 RPG yapıyorum. Harita bir <canvas>(512px genişlik, 352px yükseklik | 16 döşeme, 11 döşeme yukarıdan aşağıya). Boyamak için daha etkili bir yol olup olmadığını bilmek istiyorum <canvas>. İşte şimdi nasıl var. Karolar haritada nasıl yüklenir ve boyanır? Harita, Image()parça kullanılarak çinilerle (32x32) boyanıyor . …

46 javascript  html5  html-canvas  image 

Oyun geliştirme konusunda çok yeniyim, ancak programlamada değil. JavaScript canvaselemanını kullanarak Pong tipi bir oyunla tekrar oynuyorum . PaddleAşağıdaki özelliklere sahip bir nesne yarattım ... width height x y colour Ayrıca Pong... gibi özelliklere sahip bir nesne var width height backgroundColour draw(). draw()Yöntem şu anda sıfırlıyor canvasve bir soru geldi …

41 rendering  game-loop  html-canvas  mathematics  vector  projection  legal  game-industry  music  copyright  android  multithreading  cocos2d  2d  sprites  art  2d  3d  models  hand-drawn  xna  c#  fonts  c++  directx9  opengl  shaders  glsl  compatibility  nvidia  software-engineering  android  design-patterns  bounding-boxes  octree  java  console  lwjgl  xna  collision-detection  movement  mmo  server  java  android  multithreading  client-server  source-code  xna  hlsl 

Kapalı . Bu sorunun daha odaklanması gerekiyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Soruyu, yalnızca bu yazıyı düzenleyerek tek bir soruna odaklanacak şekilde güncelleyin . 5 yıl önce kapandı . Tamamen bitmiş ve piyasaya sürülmeye hazır bir HTML5 / canvas oyunum var. Hayatta kalmak için …

23 html5  html-canvas  marketing 

Basit tuval oyunum Mac / Linux'ta Chrome ve FF'de iyi çalışıyor gibi görünüyor. Henüz akıllı telefonlarda veya Windows ortamlarında test etme şansım olmadı. Çift arabellekleme kullanmıyor, ancak onu kullanırken bazı JS Canvas örnekleri gördüm. Çift arabellek kullanımı ne zaman önerilir? Sadece belirli tarayıcılar için fark yaratır mı? Önemli bir performans …

23 javascript  html5  html-canvas  double-buffering 

PhoneGap ile mobil (Android / iPhone / WebOS) için bir JavaScript / HTML5 oyunu (Canvas kullanarak) oluşturma sürecindeyim. Şu anda, kullanıcı arayüzünün ve oyun tahtasının nasıl inşa edilmesi gerektiğini ve nasıl etkileşime girmeleri gerektiğini tasarlamaya çalışıyorum ama en iyi çözümün ne olduğundan emin değilim. İşte düşünebildiğim şey - DrawIlge ve …

23 gui  javascript  html5  mobile  html-canvas 

HTML5 için yukarıdan aşağıya 2D bir araba oyunu oluşturmayı düşünüyorum. İlk maçım için fiziği ve çarpışmaları kendim yazdım ama bunun için hazır kütüphane kullanmak istiyorum. Box2D ve JS portunu buldum. http://box2d-js.sourceforge.net 2008'de yapılan oldukça eski bir liman gibi görünüyor. Mevcut Box2D'nin birçok özelliğinden yoksun mu veya onunla büyük sorunları var …

19 javascript  box2d  html5  html-canvas 

Arka plan: Kapsamlı bir geliştirme geçmişim var, ancak son kez bir oyunu kodladığımda yıllar önce oldu. Javascript becerilerim oldukça sınırlı ve basit bir oyun - Tetris, Pac-man veya bu karmaşıklık seviyesindeki bir şey inşa ederek onları geliştirmeyi düşünüyorum. Soru: Bana öyle geliyor ki, yapmam gereken temel bir seçim bir <canvas>öğe …

14 javascript  html5  html-canvas 

Kendi 3D motorumu JavaScript'te yuvarlıyorum ve sadece tuval çizimi kullanıyorum, WebGL kullanmıyorum. Bu başka bir Minecraft klonu; Kutuları seviyorum, beni yargılama. Şimdiye kadar, tek bir şey hariç her şey harika çalışıyor: 3D'de, bazı köşeler yakın kırpma düzleminin arkasına geçtiğinde, ekrandaki yansımaları garip çıkıyor (bir uçağı izlemek için kullanılan diğer köşelerin …

13 html-canvas 

Kapalı . Bu sorunun ayrıntılara veya açıklığa ihtiyacı var . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Bu yayını düzenleyerek ayrıntıları ekleyin ve sorunu giderin . 5 yıl önce kapalı . Socket.IO ile HTML5 Canvas, JavaScript (John Resig basit Kalıtım kütüphanesini kullanarak) ve Node.js ile basit Çok …

13 multiplayer  html5  html-canvas  websocket  node.js 

Phaser motorunu kullanarak HTML5'te küçük bir oyun projesi oluşturdum (1.1.5 ve 1.1.6'yı denedim) Daha sonra mobil platforma taşımak için Windows Phone 8, Android ve iOS için Phonegap / Cordova'yı kullandı. Oyunumda, animasyonlu hale gelen yaklaşık 10 öğe var (a noktasından b noktasına hareket ve aynı anda biraz dönme). İOS ve …

12 android  javascript  html5  performance  html-canvas 

Kapalı. Bu soru konu dışı . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Soruyu , Game Development Stack Exchange için konuyla ilgili olacak şekilde güncelleyin . 6 yıl önce kapalı . Oyun web sitem için hayvanları ve insanları temsil etmek için metin karakterleri kullanmak ve bağımsız (sunucu …

10 javascript  html-canvas  browser-based-games  web  webapp 

HTML5 için harita oluşturma söz konusu olduğunda insanların "kirli oluşturma" hakkında konuştuğunu duymaya devam ediyorum. Googled ve bu konuda GameDev aradım ama pek bir şey yok. Tam olarak nedir? Düzgün nasıl uygulanır?

10 javascript  html5  html-canvas 

Anladığım kadarıyla, gluLookAt( eye_x, eye_y, eye_z, center_x, center_y, center_z, up_x, up_y, up_z ); şuna eşittir: glRotatef(B, 0.0, 0.0, 1.0); glRotatef(A, wx, wy, wz); glTranslatef(-eye_x, -eye_y, -eye_z); Ama ModelViewmatrisi yazdırdığımda , çağrı glTranslatef()düzgün çalışmıyor gibi görünüyor. Kod pasajı şöyledir: #include <stdlib.h> #include <stdio.h> #include <GL/glut.h> #include <iomanip> #include <iostream> #include <string> …

9 c++  opengl  matrix  glut  algorithm  software-engineering  cocos2d-iphone  xcode  platformer  tower-defense  animation  textures  tiles  blender  hardware  console  xna  c#  3d  directx  xna3.1  animation  cocos2d-iphone  ios  objective-c  xna  collision-detection  collision-resolution  xna  xna-4.0  touch  gestures  software-engineering  javascript  html5  html-canvas  shaders  cocos2d-iphone  opengl-es2  masking  animation  android  opengl-es  opengl-es2  culling  frustum  python  pygame  rts 

Kiremit tabanlı bir izometrik oyunda serbest hareketi uygulamanın makul bir kolay yolu var mı? Bu, oyuncunun bir döşemeden diğerine hemen atlamayacağı veya ızgaraya "yakalanmayacağı" anlamına gelmez (örneğin, döşemeler arasındaki hareket animasyonluysa, ancak animasyon bitmeden herhangi bir şey yapmanıza karşı kilitlenirseniz). Oyun programlama ile ilgili herhangi bir şeye gerçekten yeni başlıyorum, …

9 html5  movement  isometric  html-canvas 

Bir html5 tuval oyunu inşa ediyorum ve sprite'ımın fare imleciyle yüzleşmesini sağlamanın bir yoluna ihtiyacım var. Sprite için X ve Y koordinatlarına ve ayrıca işaretçinin X ve Y koordinatlarına sahibim. Sıkıştığım şey, hareketli grafiğin işaretçiyi göstermesi için gereken matematik. Her şey 2D bir dünyada, bu yüzden çok karmaşık olacağını hayal …

9 2d  html5  html-canvas