[Erledigt] jQuery animate step: aktuellen step und delay festlegen - Seite 3

nikosch · 06.07.2010, 18:44

Ja, das sehe ich. Auch, dass Du nach wie vor ST empfiehlst, obwohl das doch gar nicht relevant ist. Echtes ST gibts in JS doch eh nicht.

PS:

Ich bin ja der Meinung, dass man sich solche Kommentare sparen sollte:

Zitat:

var tileWidth= 64; //Tile Breite
var tileHeight=32; //Tile Hoehe
var countCols = 1; // Anzahl der Spalten
var displayWidth =0; //Anzeigebreite in pixel
var playerPositionY=0; // Spieler Position Y

rudygotya · 06.07.2010, 18:52

Mhm? Zunächst mal stellt jedes Literal an sich schon ein Singleton dar.
Aus "Javascript Design Patterns":

Zitat:

The singleton pattern is one of the most fundamental patterns in JavaScript. Not only is it use-
ful by itself, as we have seen in this chapter, but it can be used in some form or another with
most of the patterns in this book. For instance, you can create object factories as singletons, or you can encapsulate all of the sub-objects of a composite within a singleton namespace. This book is about creating reusable and modular code. Finding ways to organize and document that code is one of the biggest steps toward accomplishing that goal. Singletons can help out enormously in that regard. By putting your code within a singleton, you are going a long way toward creating an API that can be used by others without fear of having their global variables overwritten. It is the first step to becoming an advanced and responsible JavaScript programmer.

Natürlich gibt es auch echte Singletons. Nutzt man für lazy instantiation.

nikosch · 06.07.2010, 18:59

Naja gut, wie auch immer. Ich würde die Menge der möglichen Karten trotzdem nicht einschränken.

BlackScorp · 06.07.2010, 20:51

hey hier findet ja eine richtige diskussion statt.

ja das stimmt dass die funktion afterAnimation 4 mal definiert wird, jedoch ist der inhalt ja immer unterschiedlich und eigentlich wird diese funktion bei einem event aufgerufen und wird nicht 4 mal aufgerufen.. ich wüsste sonst nicht wie ich unterschiedliche schleifen "zwischen speichere" und zum späteren zeitpunkt ausführe... wie dem auch sei.

ihr seht da bestimmt in der funktion animateMap in der ersten zeile "movementIsActivated = false;"

alle bewegunspfeile haben ein click event und rufen beim clicken die funktion
UpdatePlayerPosition()
in dieser funktion wird nur dann was ausgeführt, wenn die variable movementIsActivated == true ist.. da ich die variable eigentlich auf true setze erst nach der animation ,also im comeplete:function() block.. müsste rein theoretisch die variable false sein während der animation... rein theoretisch.. praktisch siehts anders aus.. habe ich ein denkfehler?

sorry aber von singleton in javascript habe ich keine ahnung, schreib mir mal bitte ein beispiel mit richtiger syntax und erklär mal wieso es der bessere weg ist. ich lass mich gerne überzeugen

EDIT: nun bin ich verwirrt, vorhin hat es nicht funktioniert.. nun gehts es plötzlich. ich kann klicken so schnell ich kann und animation kommt nicht durcheinander

rudygotya · 09.07.2010, 17:21

Schau mal in die delicious bookmarks von php.de, da ist ein super tutorial zum module pattern. Hatte dir das auch unter anderem deswegen vorgeschlagen, weil du damit schnell und leicht zu einem vernünftigem Ergebnis kommst. Hier mal schnell als snippet:

PHP-Code:

  var animateMap = (function () {
    // hier ist alles privat
    var a = function () {},
        b = function () {},
        c = function () {};
        // oder als literal:
        var _ = {
            a = function () {},
            b = function () {},
            c = function () {}
        }
    return {
        // public
        foo : function () {},
        bar : function () {}
        // als private markiert:
        _foo : function () {}
    };
})();

lässt sich auch wunderbar komprimieren. Zum komprimieren kannst du dann z.b. googles compiler service ranziehen.

Hier noch paar mMn. interessante Links:

Prototypal Inheritance
extending javascript objects and classes
building large jquery applications
superclassy inheritance with javascript - podcast

Damit haste was vor dir

nikosch · 09.07.2010, 17:31

Zitat:

Code:

        var _ = {
            a = function () {},
            b = function () {},
            c = function () {}
        }

Datt stimmt aber nich, oder?

rudygotya · 09.07.2010, 17:42

doch das geht

die notation nehm ich immer her, um private Methoden von anderen zu unterscheiden. Kannste dann wie gewohnt mit _.a(); aufrufen.

nikosch · 09.07.2010, 17:49

Muss es nicht:

PHP-Code:

          var _ = {
            a : function () {},
            b : function () {},
            c : function () {}
        }

heißen?

rudygotya · 09.07.2010, 17:50

Oh nicht gesehen, danke für die Korrektur!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JQuery animate klappt in IE nicht richtig	mysteryxxx	JavaScript, Ajax und mehr	2	29.05.2009 09:17


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

06.07.2010, 18:59
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.048 PHP-Kenntnisse: Fortgeschritten	Naja gut, wie auch immer. Ich würde die Menge der möglichen Karten trotzdem nicht einschränken. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

06.07.2010, 20:51
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.043 PHP-Kenntnisse: Fortgeschritten	hey hier findet ja eine richtige diskussion statt. ja das stimmt dass die funktion afterAnimation 4 mal definiert wird, jedoch ist der inhalt ja immer unterschiedlich und eigentlich wird diese funktion bei einem event aufgerufen und wird nicht 4 mal aufgerufen.. ich wüsste sonst nicht wie ich unterschiedliche schleifen "zwischen speichere" und zum späteren zeitpunkt ausführe... wie dem auch sei. ihr seht da bestimmt in der funktion animateMap in der ersten zeile "movementIsActivated = false;" alle bewegunspfeile haben ein click event und rufen beim clicken die funktion UpdatePlayerPosition() in dieser funktion wird nur dann was ausgeführt, wenn die variable movementIsActivated == true ist.. da ich die variable eigentlich auf true setze erst nach der animation ,also im comeplete:function() block.. müsste rein theoretisch die variable false sein während der animation... rein theoretisch.. praktisch siehts anders aus.. habe ich ein denkfehler? sorry aber von singleton in javascript habe ich keine ahnung, schreib mir mal bitte ein beispiel mit richtiger syntax und erklär mal wieso es der bessere weg ist. ich lass mich gerne überzeugen EDIT: nun bin ich verwirrt, vorhin hat es nicht funktioniert.. nun gehts es plötzlich. ich kann klicken so schnell ich kann und animation kommt nicht durcheinander __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen Geändert von BlackScorp (06.07.2010 um 20:57 Uhr).

09.07.2010, 17:21
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 1.864 PHP-Kenntnisse: Fortgeschritten	Schau mal in die delicious bookmarks von php.de, da ist ein super tutorial zum module pattern. Hatte dir das auch unter anderem deswegen vorgeschlagen, weil du damit schnell und leicht zu einem vernünftigem Ergebnis kommst. Hier mal schnell als snippet: PHP-Code: var animateMap = (function () { // hier ist alles privat var a = function () {}, b = function () {}, c = function () {}; // oder als literal: var _ = { a = function () {}, b = function () {}, c = function () {} } return { // public foo : function () {}, bar : function () {} // als private markiert: _foo : function () {} }; })(); lässt sich auch wunderbar komprimieren. Zum komprimieren kannst du dann z.b. googles compiler service ranziehen. Hier noch paar mMn. interessante Links: Prototypal Inheritance extending javascript objects and classes building large jquery applications superclassy inheritance with javascript - podcast Damit haste was vor dir __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

09.07.2010, 17:42
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 1.864 PHP-Kenntnisse: Fortgeschritten	doch das geht die notation nehm ich immer her, um private Methoden von anderen zu unterscheiden. Kannste dann wie gewohnt mit _.a(); aufrufen. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

09.07.2010, 17:49
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.048 PHP-Kenntnisse: Fortgeschritten	Muss es nicht: PHP-Code: `var _ = { a : function () {}, b : function () {}, c : function () {} }` heißen? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

09.07.2010, 17:50
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 1.864 PHP-Kenntnisse: Fortgeschritten	Oh nicht gesehen, danke für die Korrektur! __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog