Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Tamas Gonda
Tamas Gonda
7,332 Points

Space Invader on the website

Hey everyone. So I was just wondering if it's possible to create a Space Invader like spaceship on the bottom of our webpage that can be navigated by arrow keys, and when it shoots, it would destroy the content on the website? ( Obviously when site refreshed everything goes back to normal ) If so, which library whould you suggest? p5, jquery? I would love to have something like this on my portfolio website. Thanks in advance

2 Answers

Steven Parker
Steven Parker
243,094 Points
Steven Parker
Steven Parker
243,094 Points

That's a cute idea. :space_invader:

I'm not familiar with "p5", but the jQuery animate method might be useful for movement. And for page destruction you might find this exploding blocks effect or font bombs helpful.

Please share your finished product here. :rocket:

Tamas Gonda
Tamas Gonda
7,332 Points

Oh I love both of your links! Using the font bomb would make more awesome effect than I thought it's possible! Thanks Steven!

Rune Andreas Nielsen
Rune Andreas Nielsen
5,354 Points
Rune Andreas Nielsen
Rune Andreas Nielsen
5,354 Points

Hi, Tamas.

I have had good experiences using Pixi JS. http://www.pixijs.com/

The library is both fast and easy to learn with great documentation.

Tamas Gonda
Tamas Gonda
7,332 Points

Thank you! Definitely going to check out deeper! I hope they have some basic tutorials to getting familiar with the library.

Rune Andreas Nielsen
Rune Andreas Nielsen
5,354 Points

If you want to get started you can use this repository: https://github.com/kittykatattack/learningPixi - He has also written a book about pixi.js, but the free version on GitHub is enough to get you started.