Homepage zur CyrcleMod

[Calo]

Moin Community!

Die, die meine Mod kennen, haben auch bestimmt schon Bekanntschaft mit meiner Homepage gemacht und haben vllt auch bemerkt, dass ich ein paar Male schon das Design überarbeitet habe (das aktuelle Design dürfte das sechte oder so sein ). Außerdem bin ich im Moment dabei, mit jQuery da Skilltrees zu erstellen (vorerst ohne Calculator, ist aber noch geplant, weiß nur noch nicht wie ).
Ich hab nun schon etwas häufiger umgebaut und jetzt mach ich das Ganze ja auch mit den Skills, da stellt sich mir doch die Frage: Wie sehen das denn Besucher, die auf meiner Seite sind? Und deshalb habe ich diesen Thread erstellt. Ich würde mich sehr freuen, wenn ihr mir Rückmeldung zu meiner Website geben würdet (Was ist gut? Was sollte ich ändern? Vllt auch wie sollte ich etwas ändern? Wie auch immer...).
Ich habe nämlich 1. keine Lust, dass ich immer überlegen muss: Gefällt es oder gefällt es nicht, wenn ich keine Rückmeldung habe ^^ und 2. etwas neu zu erstellen, um hinterher feststellen zu müssen: Keiner findet das gut!

Was auch immer: Ich freue mich, wenn Rückmeldung kommt, da ich ja nur so die Seite so optimieren kann, wie sie sein soll.

Hier nochmals der Link: http://monster-rc.firma.cc/c-ide/en/cmd-info/

Calo

[PetCha]

Da ich mir immer die neuen Beiträge hier durchlese, war ich gestern zum 1. Mal auf deiner HP und mir gefällt sie - rein optisch - total gut. Schön gestaltet, aber nicht zu überfrachtet. Auf jeden Fall was fürs Auge. Da ich noch nicht mit Mod spiele, kann ich zurzeit leider noch nicht viel mehr dazu sagen; z.B. wie informativ oder wie hilfreich deine Seite für die Modanwender ist kann ich nicht beurteilen. Aber neugierig auf die Cyrcle-Mod bin ich nun schon mal geworden.

[FOE]

Hallo Calo,

Kann mich da nur der Meinung von PetCha anschließen!

Super und saubere Arbeit!

[Calo]

[...] und mir gefällt sie - rein optisch - total gut.

Das ist gut!

Da ich noch nicht mit Mod spiele, kann ich zurzeit leider noch nicht viel mehr dazu sagen; z.B. wie informativ oder wie hilfreich deine Seite für die Modanwender ist kann ich nicht beurteilen.

Macht nichts, kann ja noch kommen! ^^

Aber neugierig auf die Cyrcle-Mod bin ich nun schon mal geworden.

So soll es sein! ^^ Denn da ich nun alle Meisterschaften fertig habe, kann man es ja schon mehr oder weniger als Beta ansehen.

Kann mich da nur der Meinung von PetCha anschließen!

Super und saubere Arbeit!

Danke!


Schonmal vielen Dank für eure Rückmeldungen!

LG Calo

[Calo]

Hi,

ich bin ja gerade dabei, einen Skill Calculator unter http://monster-rc.firma.cc/c-ide/en/cmd ... ies/calc-/ zu basteln. Ich bin auch gerade erst dabei, mich richtig mit JavaScript und jQuery zu beschäftigen und habe nun mein erstes Problem, bei dem mir Google auch nicht weiterhelfen kann (oder ich bin einfach nur zu blöd dafür). Ich wollte - bevor ich mich in einem anderen Forum ggf. anmelde, hier fragen, ob jemand JavaScript und jQuery kann (ich meine: Warum woanders anmelden, wenns auch hier geht?)? Wenn ja, es geht um Folgendes:

Ich möchte, dass ich per .click() auf ein Skill Icon das Skilllevel erhöhe. Das funzt aber leider nur einmal, dann will er es nicht mehr machen. Leider verstehe ich überhaupt nicht, warum. Hier mein JS-Code:

Code: Alles auswählen

$(document).ready(function(){
    $("#calcSkilltree1 .fire-enduringfire").click(function(event){
        var skillLevel = 0;
        if(event.which == 1) {
            skillLevel++;
        }
        else if(event.which == 3) {
            skillLevel--;
        };
        return $("#calcSkilltree1 .fire_enduringfire > .currentLevel").html(skillLevel);
    });
});

Und der dazugehörige HTML-Code:

Code: Alles auswählen

<a class="cmd-skill-icon fire-enduringfire" title="<div class='cmd-skilltree-tooltip'>
    <h4>Anhaltendes Feuer</h4>
    <p>
        <!-- Werte ... -->
    </p>
</div>"></a>
<div class="cmd-skill-level fire_enduringfire">
    <span class="currentLevel">0</span> /
    <span class="maxLevel">10</span>
</div>

Ich möchte halt, das sich der Wert um 1 erhöht, wenn ich auf das Icon linksklicke, und wenn ich rechtsklicke, soll sich das Level wieder um 1 verringern. Wie gesagt, die Funktion funzt halt nur einmal.

Freue mich sehr über Hilfe!

LG Calo

[Handballfreak]

Ich kenne mich leider mit jQuery nicht aus - weiß nur, dass "$" wohl "getElementById" entspricht. Ich habe zu meinem Tre3-Mod damals auch einen Calculator gebastelt. Hier mal ein verkürzter Auszug aus dem Klick-Ereignis:

Code: Alles auswählen

function changeSkill(event,skillnumber)
{
	var button,
	    shift;
	button = event.button;
	shift = event.shiftKey; // wenn shift=true, dann ans Cap erhöhen oder auf Minimum verringern
	if (button == 2) // Rechts-Click -> Fähigkeitsstufe verringern
	{ 
		skilltreeArray[skillnumber].currentLevel--;
		return false;
	} 
	else // Links-Click -> Fähigkeitsstufe erhöhen
	{ 
		skilltreeArray[skillnumber].currentLevel++;
		return false; // nötig?!
	} 
}

Nebenbei: Ich würde im HTML-Teil nur die für die Benutzer-Anzeige notwendigen Daten speichern und alle Daten, mit denen du rechnest, etc. in geeigneter Form in Javascript speichern. Also dein

Code: Alles auswählen

<span class="currentLevel">0</span>

weglassen. Weil das willst du doch aktualisieren, oder?
Ich habe bei mir einen Array skilltreeArray angelegt:

Code: Alles auswählen

var skilltreeArray = new Array();

function skilldata()
{
	this["identifier"] = null;
	this["x"] = 0;
	this["y"] = 0;
	this["currentLevel"] = 0;
	this["bonus"] = null;
	this["maxLevel"] = 0; 
	this["cap"] = 100;
	this["masterytier"] = null;
	this["dependancy"] = null;
	this["name"] = null;
	this["description"] = null;
}

function createSkilltree()
{
	skilltreeArray = new Array(); 
	for &#40;var i=0; i<numSkillsInThisMastery; i++&#41; 
	&#123; 
		skilltreeArray&#91;i&#93; = new skilldata&#40;&#41;;
	&#125;
&#125;

[Calo]

Hi!

OT:
Das "$" fungiert als Erkennungszeichen für jQuery. Das Tolle an jQuery ist, dass das Selektieren nach CSS-Code geht: $("Selector").method usw., also z.B. $("p") oder $("#element") oder $(".element") aber auch $("h1 + h2 > .element") etc. Man muss dann eben nicht mehr so viel Text schreiben und außerdem kann man das ja auch mit anderem JS verknüpfen, sodass z.B. nur die Selektoren mit JQuery geschrieben sind, da es ja wesentlich weniger Schreibarbeit mit CSS ist



Ich hab auf StackOverflow mal geschaut und da heißt es, dass die Zahl 3 für einen Rechtsklick steht ?! (bei dir steht nämlich 2)

Nebenbei: Ich würde im HTML-Teil nur die für die Benutzer-Anzeige notwendigen Daten speichern und alle Daten, mit denen du rechnest, etc. in geeigneter Form in Javascript speichern. Also dein

Code: Alles auswählen

<span class="currentLevel">0</span>

weglassen. Weil das willst du doch aktualisieren, oder?

Ja, aber ich kann doch trotzdem eine Variable erstellen und den geschriebenen Wert durch die Variable setzen, oder? Sonst muss ich doch für 180 Skills die Variablen in den Objekten platzieren

Ich habe bei mir einen Array skilltreeArray angelegt:

Oha ... mit Arrays hab ich noch nie gearbeitet ... Ich frag mich halt immer noch, warum es nicht funzt. Die changeSkill versteh ich auch so halbwegs, aber das mit dem Array halt nicht

Ich hab mir auch mal deinen vollständigen Quellcode angeschaut (wie umständlich mit window.oncontextmenu = function(){return false;} ). Das Ergebnis: SEHR VIEL CODE!!

Eine Frage dazu: Warum machst du tabMasteryClick so umfangreich? Ich hab das so gemacht:

Selection Buttons:

Code: Alles auswählen

$("#calcSkilltree1 .masterySelection").ready(function(){
    $("#calcSkilltree1 > *:not(.masterySelection, .skillsTab)").css("display","none");
    $("#calcSkilltree1 .masterySelection").css("display","block");
});
$("#calcSkilltree1 a.cmd_mastery_name:not(.disabled)").click(function(){
    $("#calcSkilltree1 > *:not(.masteryName, .skillsTab)").css("display","none");
    $("#calcSkilltree1 .masteryName").css("display","block");
    $("#calcSkilltree2 a.cmd_mastery_name").addClass("disabled");
    $("a.skillsTab1").html("Meisterschaftsname");
});

Und die beiden Tabs:

Code: Alles auswählen

("#calcSkilltree1 a.skillsTab2").click(function(){
    $("#calcSkilltree1").css("display","none");
    $("#calcSkilltree2").css("display","block");
});
$("#calcSkilltree2 a.skillsTab1").click(function(){
    $("#calcSkilltree2").css("display","none");
    $("#calcSkilltree1").css("display","block");
});

Und noch ne Frage zu den Return-Links: WIE GEHT DAS?!?! Geht das nur mit PHP? (also das "?mastery=mastery1&skills=0-0-1-..."). Ich möchte das nämlich ungern über ein jQuery-Hashtag-Plugin machen, da ich finde, dass das "?mastery=mastery1&skills=0-0-1-..." einfacher ist.

Vielen Dank schonmal!

[Handballfreak]

Ich hab auf StackOverflow mal geschaut und da heißt es, dass die Zahl 3 für einen Rechtsklick steht ?! (bei dir steht nämlich 2)

Ja und bei mir funktioniert es und bei dir?!
Bei mir funktioniert es im FF und IE. Wenn ich mich recht entsinne, gab es aber browser-unterschiedliche Interpretationen was die rechte Maustaste (ob nun 2 oder 3) angeht.

Ja, aber ich kann doch trotzdem eine Variable erstellen und den geschriebenen Wert durch die Variable setzen, oder? Sonst muss ich doch für 180 Skills die Variablen in den Objekten platzieren

Ich kenne mich mit der Performance nicht so aus, ob es schneller geht alles in JS zu berechnen oder Teile im HTML zu speichern. Persönlich würde ich zwischendurch nichts aus dem HTML auslesen.

Oha ... mit Arrays hab ich noch nie gearbeitet ... Ich frag mich halt immer noch, warum es nicht funzt. Die changeSkill versteh ich auch so halbwegs, aber das mit dem Array halt nicht

Also wenn man über irgendwas iterieren will, kommst du um eine Auflistung oder einen Array nicht herum. Aber wo hast du deine Skillinfos gespeichert? Bei mir werden die UI-Ausgabe-fertig von einem php-Skript übergeben und in einem Array gespeichert. Je nach Skillstufe wird dann die entsprechende Ausgabe ausgewählt. Damit ich auch über die einzelnen Fähigkeiten iterieren kann, habe ich diese ebenfalls in einen Array gepackt. Aber geht vielleicht auch anders. Am Ende zählt nur das Ergebnis.

Ich hab mir auch mal deinen vollständigen Quellcode angeschaut (wie umständlich mit window.oncontextmenu = function(){return false;} ). Das Ergebnis: SEHR VIEL CODE!!

Das genannte ist ja nur eine Zeile, damit bei Rechtsklick kein Kontextmenü erscheint.

Eine Frage dazu: Warum machst du tabMasteryClick so umfangreich? Ich hab das so gemacht:
[...]

Na ja, es war halt mein erster Versuch eines Calculators. Da sind bestimmt nicht alle Sachen optimiert - manche sind auch erst nachträglich hinzugekommen. Zudem ist CSS auch nicht unbedingt mein Steckenpferd, daher war ich froh, dass es funktioniert.

Und noch ne Frage zu den Return-Links: WIE GEHT DAS?!?! Geht das nur mit PHP?

Afaik kann man den Query-String - so nennt sich iirc der Anhang hinten an der UL - am einfachsten mit PHP oder ASP.net (s. titancalc bzw. masteriescalc) auslesen. Javascript kann das afaik leider nicht, aber vielleicht hat da jQuery eine Funktion dafür?!

[Calo]

Ich kenne mich mit der Performance nicht so aus, ob es schneller geht alles in JS zu berechnen oder Teile im HTML zu speichern.

Okay.

Aber wo hast du deine Skillinfos gespeichert?

Bisher noch in der HTML-Datei. Ich möchte dort für die einzelnen Werte mit JS Berechnungen über die einzelnen .currentLevel-Objekte anstellen.

Am Ende zählt nur das Ergebnis.

Das ist wahr. Es bleibt da dann nur noch die Frage, wie kurz man seinen Weg wählt

Das genannte ist ja nur eine Zeile, damit bei Rechtsklick kein Kontextmenü erscheint.

Jo, hab nur davor halt 5 Min. oder so gerübelt, wie ich jetzt an den Quelltext komme - bis mir der Web-Developer bei FF eingefallen ist

Zudem ist CSS auch nicht unbedingt mein Steckenpferd, daher war ich froh, dass es funktioniert.

Und das kannst du auch noch heute sein, denn dein Calculator ist ziemlich gut (allein schon vom Umfang her! Diese Arbeit ... hab ich dann wohl auch noch vor mir )! Das dann hiermit nochmal gesagt!

Javascript kann das afaik leider nicht, aber vielleicht hat da jQuery eine Funktion dafür?!

JS kann das! Du machst es doch auch - oder nicht? - mit JS und ich löse das gerade mit

Code: Alles auswählen

var pairs = window.location.search.substring(1).split('&');
var params = new Object();
var mastery;
var skills;
for(var param in pairs) {
    var tmp = unescape( pairs[param] ).split('=');
    params[tmp[0]] = tmp[1];
}
for(var name in params) {
    if(params["mastery"] = "fire")
        mastery = "fire";
    else if(params["mastery"] = "water")
        mastery = "water";
};
if(mastery = "fire") {
    $("#calcSkilltree1 > *:not(.masteryFire, .skillsTab)").css("display","none");
    $("#calcSkilltree1 .masteryFire").css("display","block");
    $("#calcSkilltree2 a.cmd_mastery_fire").addClass("disabled");
    $("a.skillsTab1").html("Feuermeisterschaft");
}
else if(mastery = "water") {
    $("#calcSkilltree1 > *:not(.masteryWater, .skillsTab)").css("display","none");
    $("#calcSkilltree1 .masteryWater").css("display","block");
    $("#calcSkilltree2 a.cmd_mastery_water").addClass("disabled");
    $("a.skillsTab1").html("Wassermeisterschaft");
}

Der Code ist natürlich noch nicht fertig. Aber ich hab schon wieder ein Problem damit: Wenn eine Bedingung in den unteren beiden if's erfüllt ist, wendet er die Methode .css() nicht an. Ich möchte aber, dass er bei Erfüllung dann auch gleich die richtige Meisterschaftsseite anzeigt und nicht die Meisterschaftsauswahl -.-

[Malgardian]

Vielleicht hilft euch diese Info noch weiter:
Im engl. Forum gibt es eine Offline Item Datenbank, die auch einen offline Calculator (in JS und HTML geschrieben) beinhaltet. Vielleicht könnt ihr euch dort Inspiration holen.

[Handballfreak]

Javascript kann das afaik leider nicht, aber vielleicht hat da jQuery eine Funktion dafür?!

JS kann das! Du machst es doch auch - oder nicht? - mit JS und ich löse das gerade mit

Code: Alles auswählen

var pairs = window.location.search.substring(1).split('&');

Stimmt. Ich weiß selber schon nicht mehr genau, was ich alles gemacht habe.
Irgendwas hatte ich, dass in JS nicht ging und ich damals mit php angefangen hatte ... dann war es wohl das Text-Dateien auslesen.

Code: Alles auswählen

var mastery;

for(var name in params) {
    if(params["mastery"] = "fire")
        mastery = "fire";
    else if(params["mastery"] = "water")
        mastery = "water";
};

if(mastery = "fire") { ... }
else if(mastery = "water") { ... }

Wenn ich Compiler wäre, würde ich jetzt meckern und sagen, dass "mastery" keinen Initialwert hat. Wenn deine For-Schleife der mastery-Variable weder "fire" noch "water" zuweist, gibt es afaik bei den nachfolgenden Bedingungen eine Fehlermeldung, weil "mastery" nicht deklariert ist.
Das hängt vielleicht nicht mit deinem Problem zusammen, ist aber unschön.

@Malgardian: Du meinst sicher dieses hier. Aber ohne Quellcode kommt man da auch nicht weiter - oder man fragt die Beteiligten, falls noch jemand aktiv ist. Zudem gibt es auch noch die online-Versionen von TitanCalc und MasteriesCalc sowie den französischen Calculator. Aber im Grunde würde das Anpassen deren Quelltextes an die eigenen Meisterschaften genauso lange dauern wie einen eigenen Calculator zu basteln.
Ich wollte ohnehin mal einen offline-Calculator mit C# basteln, aber ich bin noch nicht dazu gekommen.

[Malgardian]

Jo, das meinte ich. Quellcode? Einfach die .chm Datei entpacken (mit einem Programm, das das kann z.B. htm2chm), dann bleibt nur noch .html und .js übrig. Die Urheber der Datenbank sind schon lange nicht mehr aktiv und der Code der Calculator ist wohl noch älter.

Aber im Grunde würde das Anpassen deren Quelltextes an die eigenen Meisterschaften genauso lange dauern wie einen eigenen Calculator zu basteln.

Das schon, aber ich dachte euch ginge es um grundlegende Funktionen des Calcs und wie man diese am besten implementiert. Da wäre das als Referenz vielleicht nicht schlecht. Aber ihr müsst das wissen, JavaScript und HTML sind zwei Sprachen mit denen ich mich nie größer beschäftigt habe

[Handballfreak]

Quellcode? Einfach die .chm Datei entpacken (mit einem Programm, das das kann z.B. htm2chm), dann bleibt nur noch .html und .js übrig.

Achso, danke für den Tipp.

[Calo]

Im engl. Forum gibt es eine Offline Item Datenbank, die auch einen offline Calculator (in JS und HTML geschrieben) beinhaltet.

Werd ich mir mal anschauen. Danke für den Hinweis!

Wenn ich Compiler wäre, würde ich jetzt meckern und sagen, dass "mastery" keinen Initialwert hat. Wenn deine For-Schleife der mastery-Variable weder "fire" noch "water" zuweist, gibt es afaik bei den nachfolgenden Bedingungen eine Fehlermeldung, weil "mastery" nicht deklariert ist.
Das hängt vielleicht nicht mit deinem Problem zusammen, ist aber unschön.

Tja, das mastery-Problem ist immer noch nicht gelöst.

Code: Alles auswählen

function analyzeQuerystring() {
    var pairs = window.location.search.substring(1).split('&');
    var params = new Object();
    var param;
    var level;
    var mastery = "selection";
    var skills;
    for&#40;i=0; i<pairs.length; i++&#41; &#123;
        var tmp = unescape&#40; pairs&#91;param&#93; &#41;.split&#40;'='&#41;;
        switch&#40;tmp&#91;0&#93;&#41; &#123;
            case "level"&#58;
                this&#91;"level"&#93; = tmp&#91;1&#93;;
                level = tmp&#91;1&#93;;
            case "mastery"&#58;
                this&#91;"mastery"&#93; = tmp&#91;1&#93;;
                mastery = tmp&#91;1&#93;;
                break;
        &#125;
    &#125;;
    $&#40;"#characterLevelSelector"&#41;.html&#40;function&#40;&#41;&#123;
        $&#40;"#characterLevelSelector"&#41;.val&#40;"29"&#41;.trigger&#40;"change"&#41;;
    &#125;&#41;;
    if&#40;mastery = "fire"&#41; &#123;
        alert&#40;"Feuermeisterschaft"&#41;;
    &#125;
    else if&#40;mastery = "water"&#41; &#123;
        alert&#40;"Wassermeisterschaft"&#41;;
    &#125;;
&#125;;

Er gibt mir beim Hinweis immer "Feuermeisterschaft" aus, obwohl ich in der URL ...&mastery=water stehen habe! Warum?!?

Jo, das meinte ich. Quellcode? Einfach die .chm Datei entpacken (mit einem Programm, das das kann z.B. htm2chm), dann bleibt nur noch .html und .js übrig. Die Urheber der Datenbank sind schon lange nicht mehr aktiv und der Code der Calculator ist wohl noch älter.

Besser kann man es doch fast gar nicht haben ... DANKE!!!

Achso, danke für den Tipp.

Dem kann ich nur 100%ig zustimmen!

[Handballfreak]

Er gibt mir beim Hinweis immer "Feuermeisterschaft" aus, obwohl ich in der URL ...&mastery=water stehen habe! Warum?!?

Jetzt ist es mir aufgefallen. Es war in deinem ersten Code-Beispiel auch schon drin, aber irgendwie hatte ich es übersehen. Der Fehler liegt imho im Vergleichszeichen - dort muss "==" stehen und nicht das einfache "=". Also

Code: Alles auswählen

if(mastery == "fire") {
        alert("Feuermeisterschaft");
    }
    else if(mastery == "water") {
        alert("Wassermeisterschaft");
    };

Wobei ich es auch gleich als switch-case schreiben würde, denn es kommen ja noch andere Meisterschaften hinzu, oder nicht?

Code: Alles auswählen

switch (mastery)
{
    case "fire":
        alert("Feuermeisterschaft");
        break;
    case "water":
        alert("Wassermeisterschaft");
        break;
}

Übrigens ist in deiner ersten switch-case-Anweisung ein Fehler drin, denn im ersten Fall "level" fehlt das abschließende "break;". So wie es jetzt ist:

Code: Alles auswählen

switch(tmp[0]) {
            case "level":
                this["level"] = tmp[1];
                level = tmp[1];
            case "mastery":
                this["mastery"] = tmp[1];
                mastery = tmp[1];
                break;
        }

wird im Falle von "level" auch der Code von "mastery" abgearbeitet und erst dann die Prozedur verlassen.