mgutz

PeepsQuest Pixi.js Tutorials

Recommended Posts

Hey all, I've been creating a series of isometric tutorials and guides as I learn pixi.js for a game platform we are building. Any feedback appreciated. BTW, I'm more of a backend developer and this is really my first week into game programming other than a space invaders game I built as part of my university course way back when.

 

I've been doing node for a couple of years so my JS fu is pretty good, my gaming fu I am working on :)

 

http://peepsquest.com/tutorials/isometric-placing-avatar.html

Share this post


Link to post
Share on other sites

@ipop If you want just want to play with the examples, the best way is to clone the github repo and edit the iframe's html page. For example,

 

docs/examples/isometric-placing-avatar0.html

 

That's the generated html page for the iframe. Our literate markdown utility assigns an ID to each example in a page starting at 0. You need to run an HTTP server from that directory.

Share this post


Link to post
Share on other sites

Bookmarked!

I really want to make an isometric tower defense someday.

 

If I may, the next tutorial should be about mouse interaction (How can you know on which tile the cursor is). I'm sure the calcul is very simple something like x: floor(mouseX/tileSize)-1, y: floor(mouseY/tileSize)-1 ?

 

Many thanks.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.