I'd love to work on a big project with Pixelbox but am wondering, is it still being developed? I saw where the Dev said it's under active development but it looks like it hasn't been updated in a few years? Can anyone shed some light on this? 

Thanks :)

The first is have the main loop always be calling map.get for wherever the character is. and then something like this:

if(map.get(characterXRight, characterYbottom) != null){
        if ((map.get(characterX, characterYbottom).sprite == '3') || (map.get(characterXRight, characterYbottom).sprite == '3')) {
           //console.log("hello")
           if (btn.down){ 
            character.y -= 1
            }        
        }        
    }

(something like that for all 4 directions.)

The second idea is to use map.find and make an array of all the tiles. Like:

cars = [...map.find(3)];

Which find all tiles of id 3 and add them to the array cars. After that, loop through the array

var i;
    for (i = 0; i < cars.length; i++) {
        
        if (AABBcollision(mario, cars[i])==true){
            print("Hello, Mario", 12, 10);

}

function AABBcollision(rect1, rect2) {
    print(rect2.x * 8, 50,70)
    print(rect2.y * 8, 50,80)

    print(rect1.x, 40,70)
    print(rect1.y, 40,80)

    if (rect1.x < (rect2.x * 8) + (rect2.w) &&
        rect1.x + rect1.w > (rect2.x * 8) &&
        rect1.y < (rect2.y * 8) + (rect2.h) &&
        rect1.y + rect1.h > (rect2.y * 8)) {
        
        return true
    }

The problem wth this though is that the tilemap returns x.y coordinates based on the tilemap I think I need to multiple by the tile width/height to do the correctly. 

I still havent gotten either to work though, so any help would be greatly appreciated.

is it possible at all to asign a different sprite size to different tilesheets? for instance, my tilesets are 8x8 but the character sprites i use are 16x16. wondering if there is anyway to make that work.

- Fetch from an external JSON some information on how to recolor some images (i see that it's correclty read in the debugger)

- Load some local images and recolor them with canvas, using the information from the JSON (i managed to recolor them without JSON, trying with a pre-determined color). These Images cannot be saved locally, but are needed runtime.

- Start the game loop, draw the map and the recolored images.

At the moment i enter the game loop without the recolored images ready, is there a way to check this? or delay the
exports.update = function ? Thanks for the attention, i must admit i'm fairly new to js too but i managed thanks to your guides

I still didn't download the engine yet cuz my PC is still in repair but I'm learning anyway

What is the method I should use to specify a png as a tilesheet so that it shows up in the editor? I added an image to the assets directory (a png that is a tileset) and it appears in the editor under assets, also when I hover over the image is shows me the contents. What I would like to know is how can I make the ttilesheet window box load that tile sheet image? Do I need to name it tilesheet? (if so is there any support for switching between them without renaming?)

Lastly, related - I was looking at the assets/maps.json in VS Code and see a property for each map definition called "sheet" and all of them are empty strings. I tried specifying the "assets/Tilemappaddedv2.png" hoping that would do the trick but it didn't do anything. 

Any help here would be amazing (loving the whole system btw!)

code:

var character = {

    x: 60,

    y: 60

};

var background = getMap("map");

paper(7);

exports.update = function () {

    if (btn.right) character.x += 1;

    if (btn.left)  character.x -= 1;

    if (btn.up)    character.y -= 1;

    if (btn.down)  character.y += 1;

    cls();

    draw(background, 0, 0);

    sprite(153, character.x, character.y);

};

what is wrong?

/tmp/.mount_pixelbL6FXcX/pixelbox: error while loading shared libraries: libnss3.so: cannot open shared object file: No such file or directory

I’m not sure what else is there to do, I’ve checked my files and it seems like it’s in the right spot to be detectable by the kernel, yet it still does this, anyone have a way to fix this?

I've downloaded the 2.1.0 version of the PixelBox editor to have a bit of a play around with some of the newer features. But I can't quite figure out how to get the 9-slice sprite stuff working. 

I created a blank 27x27px png to experiment with, but I can't figure out how to edit the slice points. I'm only getting this in the slice window after clicking "Convert to nine-slices"

If I close and reopen the project it seems to change the png back to a normal image as well, although I'm not sure if this is just a knock on from now being able to define where it's slicing.

Sorry if this belongs in bugs, but I thought it was probably just me missing something!

Thanks!

Been playing around with this a bit. I have a background in web development but not game development. I think I am getting the basics of how to use this, but one thing that's not clear to me is how to implement scrolling for a map.

Couple of questions related to this:

1. Say I have a very wide map in the editor (1600 tiles or so) I can't seem to scroll the "zoomed" part of the map editor. I can zoom in and out, but I can't focus when zoomed in.

2. On an update tick, I am not sure how I would implement scrolling through a map. My best guess is that I would draw the map with a negative x offset equal to the scroll position?

I'm new to the Pixelbox and currently experimenting with this cool piece of software.

Unfortunately I ran into a problem by just maximizing the tilesheet window. Since then it overlaps the other tool windows and there isn't any button to normalize this window to a lower size.
Is there any keyboard shortcut or something else I could do? I already restarted the editor, but didn't help.

Best reqards
HWolf

PS: I'm using the Windows build of Pixelbox.

    x: 60,
    y: 60
};

var oldpos = {
oldx: 60,
oldy: 60
};

var background = getMap("map");
paper(4);

exports.update = function () {
if (map.get(character.x, character.y) != null) character.x == oldpos.oldx;
if (map.get(character.x, character.y) != null) character.y == oldpos.oldy;
oldpos.oldx == character.x;
oldpos.oldy == character.y;
    if (btn.right) character.x += 1;
    if (btn.left)  character.x -= 1;
    if (btn.up)    character.y -= 1;
    if (btn.down)  character.y += 1;

    cls();
    draw(background, 0, 0);
    sprite(206, character.x, character.y);
};

Is there any way to copy & paste a tile in the tilesheet?

Thank you very much in advance

Here's the lightcast source: lightcast

I'm not even sure if the code I'd have to alter is in main.js or somewhere else.

The picture below shows what the code is doing currently. Rather than this, I'd like to have it work more like a flashlight, so that the lit tiles correspond to the rotation of the sprite. How can I do this? Thanks!

Error: Cannot find module "pixelbox/pointer"  from "C:/Users/user/Desktop/lightcast-master/src"

Should I not have updated the code? How can I fix this?

Thanks!

I have tried to run browserify on bootstrap.js from Pixelbox core, but I haven't been able to get this to work so far. It looks like there are many values which are intended to be substituted in (like __PROJECT_DATA__) and I'm not sure how to do that properly.

Is there a way to do this?

I been following the official begginer guide to create a game, and it said to type this in to the main.js update function:

exports.update = function () {  

   sprite(random(255), random(120), random(120)); 

};

and it should be creating tons of random sprites, but instead it only runs 2 times and stops, creating 2 sprites only.

Please help.

thanks! awesome tool!

SecurityError: The operation is insecure. index.js:1  

and on chrome

index.js:1 Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

how do I make it such that this goes away? and how can I ensure that anyone that tries to play the game won't get this? I believe it has something to do with CORS but I'm not sure

I'm not talking about the engine/library, that's on GitHub, I'm talking about the editor that you use to make tilemaps and build the code.

I find sometimes when I run my project it will run extremely smoothly and other times run at about half the speed with no changes to the code. I was thinking a potential work around to ensure consistent results would be to limit the frame rate to say 60fps, and write the game's code with that in mind, however I'm aware that there could be an endless list of reasons of why that may not work. Just thought I'd get some insight!