Topic: Pixel Legos... The result.

Ok, here is the pixel lego thing-a-ma-jig I was working on... I am still looking for a script or something that will cause legos to "snap" and possible a solution to the z-index depending on where on the board the lego is positioned... No luck yet, but will keep looking...

http://www.ensellitis.com/legos/

Very nifty! Although I would agree that snapping would be very nice. As it is, it's a bit hard to position the blocks just right... Good work, though.

___________________________
Suho: www.liminality.org | Cell 270 | Sig Rotator | the Fellowship of Sup

As far as z-order goes: it would be nice if there were some sort of vertical "height" ruler at the back-left and back-right, so that as you drag a piece, you could sort of drag it over the vertical ruler and somehow specify what height it was at, so that when you released it, the script would know its actual X,Y,Z coordinates in 3D space. Then you could depth sort everything properly and the user wouldn't have to worry about depth sorting.

The details would have to be figured out, but it's an idea.

As another possibility, you could have the last-clicked piece be "selected", and give buttons for moving it one "notch" in the X, Y or Z direction.

While I'm coming up with features, rotation would also be cool. And don't forget saving/loading! =)


 

Saving and loading is a big one I am looking into... Since I know as much as java scripting as I do thermal dynamics of inter-galactic space travel, I am a little stuck right now, so I have been trying to find some resources that have something to do with what I am trying to do...

I would also like to do some multiple colors, but that will come once I can get everything else to function correctly...

My first lego piece done from this:


Crap, I gotta go to work in 5 hours, haven't slept yet, time to go...



(Edited by Ensellitis on 07-03-2005 09:50)

in opera, the green board is covered by the top edge and the logo is wider than the div that holds it.

good work!

Or you could possibly drag a marker up that takes the virtual placement grid 'up' in 3d space with it, like that other block-building site that was done in flash... now if I could just remember the URL...


Justice 4 Pat Richard

Doing the snap shouldn't be hard to fit in the onmouseup event. The tricky part is that the background image is centered, so you'll have to retrieve the width and height of the window.

Btw the progressbar script re-open the splash DIV when the window is resized

I got struck with an idea when you said that you would like multiple colors. The result is actuly not that bad.

Here it is:
You can have blue:

Or an orange one to match the asylum:

Or some green color:

You can pick any color...

Here's the only image involved for this Lego block:


And here's the PHP source: http://asylum.zavaboy.com/lego/lego.phps

I hope you find this useful! You'll have to modify it more for whatever you need it to do.



(Edited by zavaboy on 07-04-2005 08:28)

Oo-er - you've picked a damn hard project! Games designers have spent years perfecting isometric mapping systems for various games (like C&C-style overhead view games) with varying degrees of success. I can see you coming across the very same complications.

Nice so far - really would love to see you succeed.

ZZZZZZZZZZZZZZZZZZzzz.....

Thanks zavaboy, I will be using that. =)

It is damned hard to find resources for something like this, but I think I might be making some progress...

Oh, if you don't have a shadow mask to lighten or darken your blocks you might find this information useful:

I created the shadow mask (in Photoshop) by starting out with 2 white dots and 3 black dots all on separate layers. I then ajusted the transparency to match the RGB values of the original block when red was placed behind it. The task was a little time consuming, but now I have some information that should help you.

{shade}: {layer opacity %},{fill opacity %}
lightest: 55,91
light: 27,91
dark: 28,91
darker: 56,90
darkest: 84,90

And I used RGB(255,250,255) for the surrounding portion of the shadow mask bacause I don't think anyone would want a color like that.

Hope this information helps!



(Edited by zavaboy on 07-04-2005 18:57)

I have looked for a few days now, and I am not finding anything for mapping out an isometric grid of some kind... I may have to figure out some other way of doing this...