[Mod] Community Content Browser List

[Anton]

10-14-12
Added CJAwesome's Rabbit VS Wolves War.
Added Gogg.B1's Rabbot Factory - WIP.
Added Timbles's Instinct.
Added zzwerty's Trampolines!.
Added CryptoSeven's Slice the Splitters.
Added Timbles's Survival.

Updated Akazi's Cave as well.

[Anton]

I tried doing an updated ribbon for the Versus maps... it's not as subtle as the one that Steelraven7 suggested... but I kinda like having it... if you update, and find those vs maps, tell me if it's too much. (I haven't "deleted" anything, so it's easy to go back...) just curious what you guys think...

Here's an example:

frozenpeak-vs.png (69.99 KiB) Viewed 1783 times

[akazi]

Are you also going to do the thing with the Lugaru challenge levels still, that the Devs did for there prototype Overgrowth challenge levels?

[Anton]

Are you also going to do the thing with the Lugaru challenge levels still, that the Devs did for there prototype Overgrowth challenge levels?

I've looked at it a couple times, but haven't been able to figure out how to make it work yet. I do still want to do that though. If I can get that working, I'll probably do the same with these versus maps.

(Hint hint... if anyone wants to help... I've figured out how to create the list of maps, but I haven't been able to figure out how to get the menu to read that list...)

[akazi]

Are you also going to do the thing with the Lugaru challenge levels still, that the Devs did for there prototype Overgrowth challenge levels?

I've looked at it a couple times, but haven't been able to figure out how to make it work yet. I do still want to do that though. If I can get that working, I'll probably do the same with these versus maps.

Okay cool, hope you figure it out.

[Anton]

Are you also going to do the thing with the Lugaru challenge levels still, that the Devs did for there prototype Overgrowth challenge levels?

I've looked at it a couple times, but haven't been able to figure out how to make it work yet. I do still want to do that though. If I can get that working, I'll probably do the same with these versus maps.

Okay cool, hope you figure it out.

Thanks.

I think part of it is hard coded, so that's why I haven't been able to do it myself yet.

[Black_Stormy]

(Hint hint... if anyone wants to help... I've figured out how to create the list of maps, but I haven't been able to figure out how to get the menu to read that list...)

What do you mean? Are you scraping the directory to see what files/folders exist? Are you updating the list as mods are added and then looping through them? You could create a simple JSON object list file, which would be like

Code: Select all

var modList = {};
modList.1 = {name: "BS_awesomeMod", thumb: "relative/path/to/thumb.png", description: "The BEST MOD EVARR"};
modList.2 = {name: "BS_betterMod", thumb: "relative/path/to/thumb.png", description: "somehow and EVEN BETTAR MAWD""};

and then loop through that list

Code: Select all

for(var i = 0; i < modList.length; i ++){
 var div = document.createElement("div");
 div.setAttribute("id", modList.i.name);
 var img = document.createElement("img");
 img.setAttribute("src", modList.i.thumb);
 div.appendChild(img);
 document.body.appendChild(div);
}

Or am I totally thinking of something else.

[Anton]

(Hint hint... if anyone wants to help... I've figured out how to create the list of maps, but I haven't been able to figure out how to get the menu to read that list...)

What do you mean? Are you scraping the directory to see what files/folders exist? Are you updating the list as mods are added and then looping through them? You could create a simple JSON object list file, which would be like

Code: Select all

var modList = {};
modList.1 = {name: "BS_awesomeMod", thumb: "relative/path/to/thumb.png", description: "The BEST MOD EVARR"};
modList.2 = {name: "BS_betterMod", thumb: "relative/path/to/thumb.png", description: "somehow and EVEN BETTAR MAWD""};

and then loop through that list

Code: Select all

for(var i = 0; i < modList.length; i ++){
 var div = document.createElement("div");
 div.setAttribute("id", modList.i.name);
 var img = document.createElement("img");
 img.setAttribute("src", modList.i.thumb);
 div.appendChild(img);
 document.body.appendChild(div);
}

Or am I totally thinking of something else.

I want to add a button to the main menu that adds all the lugaru challenge levels to one list, the same way David has his challenge maps listed. However, I think that functionality is hard coded into the game, and not fully moddable.
I'm able to create the list, and exchange that for Davids challenges, but I can't add the new button into the menu, and make it link to a separate list.

[Black_Stormy]

I don't really understand the problem. You can't create the button element? That would be this:

Code: Select all

var but = document.createElement('button');
var text = document.createTextNode("Challenge Maps");
but.appendChild(text);

but.addEventListener("click", function(){
    alert("Yey!");
});

document.body.appendChild(but);

Do you want to replace a list of levels?

Code: Select all

var id = // id of existing list
document.getElementById(id).innerHTML = '';
for(var i = 0; i < challengemapslist.length; i++){
 // create the list like davide does and append it to the div
}

Do you want to create a new list div?

Code: Select all

var new = document.createElement('div');
new.setAttribute("id", "challengeMapsList");

for(var i = 0; i < challengemapslist.length; i++){
 // create the list like davide does and append it to the div
}

document.body.appendChild(new);

But I get the feeling that stuff isn't working. We should talk on IRC.

[Anton]

10-25-12
Added Macrauchenia's The Body.
Added ChrisRuck's The Village.

[Anton]

I don't really understand the problem. You can't create the button element? That would be this:

Code: Select all

var but = document.createElement('button');
var text = document.createTextNode("Challenge Maps");
but.appendChild(text);

but.addEventListener("click", function(){
    alert("Yey!");
});

document.body.appendChild(but);

Do you want to replace a list of levels?

Code: Select all

var id = // id of existing list
document.getElementById(id).innerHTML = '';
for(var i = 0; i < challengemapslist.length; i++){
 // create the list like davide does and append it to the div
}

Do you want to create a new list div?

Code: Select all

var new = document.createElement('div');
new.setAttribute("id", "challengeMapsList");

for(var i = 0; i < challengemapslist.length; i++){
 // create the list like davide does and append it to the div
}

document.body.appendChild(new);

But I get the feeling that stuff isn't working. We should talk on IRC.

Sorry I never got back to you on this... Here's a summary of what I want to do. There are buttons on the main menu that look like this:

Screen shot 2012-11-01 at 3.19.35 PM.png (20.05 KiB) Viewed 1711 times

And I'd like to add a new button, like this (I can do this part):

Screen shot 2012-11-01 at 3.19.42 PM.png (24.22 KiB) Viewed 1711 times

But the problem comes now. When I try to add the function of what the button does, I am stuck. The challenge buttons function looks like this:

Code: Select all

$('#challenge').click(function() {
      Client.ChallengeMenu();
    });

So I'd like to create something like this:

Code: Select all

$('#lugaru').click(function() {
      Client.LugaruMenu();
    });

My only problem is I can't seem to find where that is defined anywhere. (I think it's hard coded.)
Alternatively, I could take the ChallengeMenu file, and create a new version of that. It points to a reference file located at Data/LevelSets/challenge_test.xml, and I could create a level set there, but again, I think the way this is coded is hard coded though, so I can't redirect the file there either. (Edit: I've found this portion in the angelscript files... still can't figure out how to reference the angelscript file though...)

[Black_Stormy]

HMMMMMMmmmm... Yes that looks like it is hardcoded. Probably part of the in-game browser. I guess you'll have to make your own menu with javascript and have that built on click. You might be able to do some tricky code insertion like and use document.getElementsByTagName("*") in the challenge menu to get more of an idea how it is constructed, but if the images are on disk it shouldn't be too hard to reconstruct it.

To create the page via javascript you're going to want to use a lot of

Code: Select all

var div = document.createElement("div");
div.setAttribute("id", "thing");
var img = document.createElement("img");
img.setAttribute("src", "img/image.png");
div.appendChild(img);
document.body.appendChild(div);

etc. Of course, jquery has easier ways to do this:

Code: Select all

div.addClass('class').attr('id', 'thing');
img.attr('src', img/image.png');
div.append(img);
$.append(div);

I like to still create the elements with document.createElement(el). Call me oldfashioned.

[Anton]

11-4-12
Added SteelRaven7's Grim Valley.
Added Noxid's CatScape (v1).
Added Macrauchenia's Lambent Dash.

Also Updated MrOtton's Cat Palace - Remastered.

[squeaksmgee]

this is taking ages to download all the menu mod files

[Anton]

this is taking ages to download all the menu mod files

Sorry about that. The whole mod is about 1.3 GB right now, so I know it can take a while. We are working on some updates to SUMLauncher which will significantly change the amount of time it takes to update. Unfortunately, do to schedule conflicts, I don't expect that to really be released until the end of the year. But, we will make it better eventually.