Ich möchte Carcassonne-ähnliches Spiel mit Pixi js erstellen. Jede Kachel ist ein separates Bild und ich muss einige Objekte auf diesem Bild wie Straßen, Städte usw. erkennen. Ist es möglich, Pixi für diesen Zweck zu verwenden? Wenn ja, welchen Ansatz muss ich verwenden? Ich habe es gegoogelt, kann aber nichts Nützliches finden.Pixi js: erkennen Objekte auf Bild
Antwort
Zunächst einmal: Natürlich können Sie pixi.js für diesen Zweck verwenden. Aber Sie sollten bedenken, dass Pixi keine Gaming-Engine ist. Es ist nur ein Renderer, also müssen Sie viele Berechnungen wie Kollisionen und Positionierung für Ihr Spiel selbst durchführen.
Ein möglicher Ansatz (ich bin sicher, es gibt jede Menge andere Möglichkeiten, es zu tun):
- Sie sollten alle von Ihnen Bilder
- erstellen Container Vorspannung:
var myContainer = new PIXI.Container();
- Erstellen von Texturen für In
var texture = new PIXI.Texture(yourImageStoringObject)
- die Texturen Sie Container: Ihre Bilder
myContainer.addChild(texture);
- erstellen einen zusätzlichen Behälter Ihre betroffenen Gebieten halten (Straßen, Städte usw.) und fügen Sie diesen Container erneut dem Hauptcontainer hinzu.
- Erstellen Sie einige pixi geometrics wie Rechtecken (
new PIXI.Rectangle(x,y,w,h)
) oder Kreise repräsentieren Sie Bereiche treffen und in Ihren Hit-Area-Container
Gerade jetzt meine Antwort ist ein bisschen eines abstrakter Ansatz. Ich rate nur, was dir helfen könnte, dein Projekt zu starten. Versuchen Sie, einige Grundlagen herauszufinden und um Hilfe zu bitten. Wenn Sie einige Code-Stücke zur Verfügung stellen könnten, ist es viel einfacher zu helfen! :)
"Es ist nur ein Renderer" - ja, jetzt benutze ich phaserjs. Meine erste Wahl wurde mit dieser Seite https://html5gameengine.com/ gemacht – mtkachenko
- 1. pixi js: Drag & Drop-Kreis
- 2. PIXI Shockwave Filter
- 3. Gelbe Objekte Aspekt auf Sichtfeld - DREI JS
- 4. Zugreifen auf Objekte Eigenschaften mit Variablen JS
- 5. Concatenate JS Objekte
- 6. drei js anklickbare Objekte
- 7. FadeIn-Übergang zu PIXI-Sprite hinzufügen
- 8. UFT kann Objekte nicht erkennen
- 9. Erkennen leeres Ergebnis in JS
- 10. Hyperlinks in d3.js Objekte
- 11. Kann Sphero Objekte erkennen, ohne auf sie zu stoßen?
- 12. Wie verschachtelte Objekte in JS?
- 13. Erkennen innerer Objekte in einem Scala-Objekt
- 14. Android WebView - erkennen, ob eine JS-Funktion
- 15. d3.js erstellen Objekte auf die jeweils anderen
- 16. Algorithmus zum Erkennen des Vorhandenseins von Text auf Bild
- 17. Laden Sie ein js Bild
- 18. Abhängigkeit der in Knoten angegebenen Objekte js
- 19. Bild-Farbüberlagerung in HTML5/JS
- 20. Erkennen von Objekten in einem Bild mit Python Pil
- 21. Stop Rückkehr von Tesseract js Eigenschaft erkennen
- 22. Wie man verschachtelte Objekte in JS iteriert
- 23. Erkennen von Liniensegmenten in einem Bild
- 24. Erkennen von Blobs im Bild mit OpenCV
- 25. XMLHttpRequest JS Bild wird geladen
- 26. So erkennen Sie Hotspots in einem Bild
- 27. Ersetzen Sie ein Bild von Fabric Js Canvas mit einem Hq Bild programmaticaly und recalc Koord und Größen anderer Objekte
- 28. OpenCV zu erkennen Bild mit Python
- 29. jQuery: load Ajax und erstellen js Objekte
- 30. Erkennen von Rechtecken in Bild C#
Sie bauen also ein rundenbasiertes Strategiespiel auf. Ich baue gerade eine Engine für Turn-basierte Strategiespiele: ttps: //github.com/Hachitus/FlaTWorld, aber es ist noch in einem ziemlich instabilen Stadium und in der Entwicklung. Sie können eine Testkarte hier sehen: https://warmapengine.level7.fi/tests/manualStressTest.html (akzeptieren Sie die Verbindung, da es https ist und kein "gültiges" Zertifikat installiert ist) drücken Sie einfach Start und sehen. Es gibt auch andere Implementierungen, die in diesem Stadium besser zu Ihnen passen. Ich empfehle, zumindest PIXI-Foren zu überprüfen: http://www.html5gamedevs.com/forum/15-pixijs/ – Hachi
Auch Ivan poelyshev hat einige Tilemaps in PIXI getan: https://github.com/ivanpopelyshev, diese könnten besser passen für dein Projekt. Und auch Sie können Phaser (phaser.io) überprüfen, wenn es für Sie besser funktioniert. Obwohl ich nicht der Meinung bin, dass die normalen Web-Engines viel nützliches zur rundenbasierten Strategie liefern, weshalb ich auch meine eigene Engine implementiere. – Hachi