Ich mache ein einfaches Projekt mit Physics.JS und möchte Text zu einer PhysicsJS World hinzufügen können. Ich habe in der Dokumentation nachgeschaut, aber ich konnte nichts finden, was mir erlauben würde, so etwas zu tun. Gibt es eine Möglichkeit, Text hinzuzufügen und auch Teile davon manipulieren zu können, wie beispielsweise die Geschwindigkeit, die Restitution und andere Dinge aus der Engine zu erhöhen?Wie man mit PhysicsJS Text zur Leinwand hinzufügt
0
A
Antwort
0
verlängern Sie einfach einen rectangle
Körper und seine view
mit Text auf es zu einer Leinwand ändern:
Physics.body('text', 'rectangle', function (parent) {
var canv = document.createElement('canvas');
canv.width = 310;
canv.height = 60;
var ctx = canv.getContext("2d");
ctx.fillStyle = "#ffffff";
ctx.textAlign = "left"
ctx.textBaseline = "top";
ctx.font = "80px sans-serif";
return {
// Called when the body is initialized
init: function(options) {
parent.init.call(this, options);
ctx.fillText(options.text,0,0);
},
// Called when the body is added to a world
connect: function() {
this.view = canv;
}
}
});
Dann es instanziiert:
Physics.body('text', {
x: 400,
y: 570,
width: 310,
height: 60,
text: "Some text here",
})
Sie die Zeichenfolge von Text über options.text
angeben .
Natürlich würde man es dynamischer machen, indem man die Schriftparameter in den Optionen angeben, dann automatisch die Dimension in Init berechnen lässt und so weiter ...
Verwandte Themen
- 1. Wie man neue Benutzer zur Datenbank hinzufügt
- 2. wie man Symbolleiste zur Listenansicht hinzufügt
- 3. Wie man dynamische Tabellenzeilen mit jQuery zur Wordpress Datenbank hinzufügt
- 4. Wie man Text unter Bild mit Bootstrap hinzufügt?
- 5. Wie man nach dem Formular dynamisch zur Tabelle hinzufügt
- 6. wie man Listenansichtsdaten hinzufügt
- 7. Wie man Titel hinzufügt?
- 8. KendoUI Grid - wie man eine Klasse zur generierten Tabelle hinzufügt
- 9. Wie man Animationen zur Erstellung von Gifs hinzufügt
- 10. Wie man eine TabBar zur NavigationController basierten iPhone App hinzufügt
- 11. Wie man eine Variable zur URL hinzufügt. iOS
- 12. Wie man .org Dateien unter org-Verzeichnis zur Tagesordnung hinzufügt
- 13. Wie man einen neuen MvcSitemapProvider-Knoten zur Laufzeit hinzufügt
- 14. Wie verhindert man, dass reactor-Router # zur URL hinzufügt?
- 15. Wie man zusätzliche Attribute zur Jbuilder-Indexseite hinzufügt
- 16. Wie man Kontrollkästchen zur Listenansicht im Dialogfeld hinzufügt
- 17. Wie dieser Text Schatten in Leinwand Text
- 18. wie man Text zur Anzeige auf der Karte zu einem Geojson-Objekt in der Broschüre hinzufügt
- 19. Wie man das Kontrollkästchen zur Popup-Liste hinzufügt
- 20. Wie man eine klare Taste zur Tastatur auf tvos hinzufügt?
- 21. Wie man eine neue Tabelle zur Magento-Datenbank hinzufügt
- 22. Wie man Daten von einer Klasse zur anderen hinzufügt
- 23. Wie man mehrere Werte zur Liste hinzufügt C#
- 24. Wie man Gitterhintergrund zum Canvas hinzufügt? (fabricjs)
- 25. Wie man Text über Schleife in pdfkit hinzufügt
- 26. Wie man Text horizontal in Java hinzufügt Swing
- 27. Java. Wie man Text zu jeder Zeile hinzufügt
- 28. Wie man literalen Text zum Unix 'cat' Befehl hinzufügt
- 29. wie man Farbe ändert und Text einem Bild hinzufügt
- 30. html 5 Leinwand Text
Wenn Sie Text interaktivieren möchten Mit der Physik der Welt müssen Sie einen Physikkörper in der Form des gewünschten Textes erstellen. Wie zum statischen Zeichnen von Text ist PhysicsJS nicht wirklich dafür gebaut. –
Meinst du, jedes Zeichen des Textes mit konvexen Polygon als eine Möglichkeit, einen Körper zu erstellen ziehen? – Darko
Yup. Das heißt, wenn du möchtest, dass es als physischer Körper wirkt. –