Share your repls and programming experiences

← Back to all posts
SceneMachine: Drag, configure and shoot! (SVG 2D Physics Game)
ggzor (33)

SceneMachine

Hi! Welcome to my game! This is a 2D physics game made with SVG graphics.

Play now! (Play in fullscreen mode for a better experience)

Note: This game has been extensively tested on Chrome. I recommend you playing with Chrome as it offers the best experience. It works on desktop only.

Goal

Your goal is to find out what has happened to the colors of the planet, New Sphene, and to do that, you have to explore from the deserts of the planet down to its core.

You are not alone in this journey, there is a group of brave volunteers willing to help you. All you have to do is instruct them on how to collaborate together and let them combine their skills to achieve your goals.

Game features

  • 9 exciting and challenging levels.
  • In-game tips, right when you need them.
  • Achievements and special challenges per level.
  • Polished user interaction.
  • Intuitive and easy to use level camera.
  • (Simple) Level cinematics.
  • Progress saving.
  • Hard worked user interface.
  • Animations.

Credits

This game was completely coded by me here on the repl.it editor. Art and level design was made by @k3ho45. Full credits can be found inside the game. Enjoy!

Additional notes

  • I really hope you enjoy this game, as much as I enjoyed coding it. I have put a lot of effort to make this game a great experience.
  • Sorry for my English™, if you find any typo, please let me know.
  • I would love to hear your comments!

Known issues

  • When performing tests on multiple web browsers and different machines, in very few occasions (extremely rare) the graphics didn't show correctly. Please switch to another browser if you experiment this issue.
Commentshotnewtop
PYer (2375)

I just saw this in the winners. This deserved 1st place.

saulhuitzil (3)

This is the best game so far. The worlds are very nice, they improve the story of the game. If you put music and add more of those dynamical worlds that you have created I would consider to pay for it. Congratulations!

ggzor (33)

@saulhuitzil Thank you! Yes, there are many ways this game could be improved. With a little more time I could enhance user experience and playability.

AustinKrause1 (1)

Awesome game! You are right about using Chrome. It is a bit slow on Firefox, especially when you have a lot of moving elements on the screen at one time. Great job!

ggzor (33)

@AustinKrause1 Thank you! And also thanks for testing on both browsers. :D

Steven_The_GuyT (202)

Wow! This is your SECOND game? And you won? You must have magical superpowers! :)

ggzor (33)

@Steven_The_GuyT Thank you! You can check the post about the story behind the game here.

Steven_The_GuyT (202)

@ggzor Your welcome! Thanks, I'm visiting your link now

ThomasS1 (48)

Absolutely amazing. My only suggestion is that maybe we could use the keyboard a bit more, e.g. enter to start a level, right arrow for 'Continue', space to shoot? It's just a bit quicker. Otherwise perfect!

ggzor (33)

@ThomasS1 Thank you! Excellent suggestion, it will surely improve the game. By the way, this is the second game I've ever made, so your comments make me a better game developer. I appreciate.

ThomasS1 (48)

@ggzor Glad I could help. One more thing: I've just got to the last level (Timed Forest), but noticed that for some reason I can't place the Source! It doesn't go blue even when inside the blue box and on a surface. I'm on Safari (mac), which I know isn't the suggested browser, but everything else has worked so far.

ggzor (33)

@ThomasS1 It's true. It seems that Safari is applying an offset to the mouse position when trying to put the Source. I could issue a quick fix, but I think modifying the code right now goes against the rules. I'm sorry for the inconvenience.

ThomasS1 (48)

@ggzor That's ok, don't worry, I completely understand. Good luck in the competition!

MaxwellArchibal (3)

absolutely wonderful :)

ggzor (33)

@MaxwellArchibal Thank you! I'm glad you like it. :D

[deleted]

Congratulations!

ggzor (33)

@ebest I'm sorry for the inconvenience. Could you share me your browser version? I think it could be a browser compatibility issue.

ebest (573)

@ggzor could you try to see if there is an error?

My browser is the newest version of chrome though

ggzor (33)

@ebest Thanks for your feedback. The Store script was executing before the Vuex library loaded. It should be working now. Please let me know if you find any other issue.

ebest (573)

@ggzor Thanks!!!!!

Edit:

Still does not work. Vuex does not exist.

ggzor (33)

@ebest Could you check if it's working now, please? I have switched to other CDN for the Vuex library.

ebest (573)

@ggzor It works now!!!

THANKS

GameMaster1928 (41)

Pure gray screen on edge (after I click play from the levels screen)

ggzor (33)

@GameMaster1928 Thanks for your feedback. I have added a polyfill for Array.prototype.flatMap, and now it displays the levels on the level selection. Unfortunately, Edge doesn't have support for ES6 Spread syntax in object literals, and I didn't used any JavaScript compiler. Please try using another browser (except IE, which doesn't have support either). I'm sorry for the inconvenience.

AkhilGupta (16)

~In quite many levels there are "invisible walls". I think there is some bug where some obstacles are not visible.~

Just saw that this is a known issue. If it helps debug, I am on latest stable version of Chrome, Windows 10.

Nice game though. Great art. I completed all the levels except the last 2 despite the invisible obstacles, then I gave up! lol..

ggzor (33)

@AkhilGupta Yes, that's the very rare bug I found while testing on multiple machines. Try using another web browser, that solved the issue.

ggzor (33)

@AkhilGupta Thanks for your feedback! Glad you like it!

AkhilGupta (16)

@ggzor Nah, t's okay...I have already unlocked everything, so there is no more any motivation to install another browser.

Once again, nice game!
Did you use any game engine/something?

Also, just a suggestion, I found that some of those "tools" were almost never needed. I pretty much completed all the levels with just the "source". And also, the magnet is far too powerful, if one knows what I mean. So, why not make levels which require you to use more than just a source. And also, make the magnet less, "cheat~y".

Another thing. often when shifting the tools (like magnet), it is too easy to instead dismiss them, hence we need to "buy" another one, which is annoying. Maybe this can be improved on?

And, lastly, each level comes with its own challenges (like, don't touch any rock), however, afaik there is no way to know them before completing the level.

ggzor (33)

@AkhilGupta Thanks for your detailed comments! I really appreciate.

Yes, I used SVG.js to manipulate graphics and Matter.js for physics simulation. It was really hard to make them work together (level loading was the most difficult part).

You're right. I required far more time to balance the levels, it's really time consuming to play again and again the levels until you get them right. It was in the plan to add more levels that required you to use the new elements, but I ran out of time while testing.

Yes, the condition for an element to be "well placed" is that at most 60% of the element is touching the ground. I think I should increment that threshold.

For the last question: pay attention to the tips. ;)

Thanks again for your feedback, it is really appreciated.

AkhilGupta (16)

@ggzor Thanks for the details. Though I am not much into Web/JS, but was really interested in knowing how you did it, since there have been 2 occasions where I had to make a game in JS, once earlier when I was still employed, and next, now, for this competition. Though, this time around I instead challenged myself to make a game without any real graphics, only UI, and it came out good imo.

As for balancing, I can imagine how tough it must be. It is always difficult to create good well balanced puzzles (this is like a physics puzzle, right?)

60% is a bit high, or maybe not not, I am not sure. I think the real issue if that it was a bit difficult to distinguish background from ground in a few levels. I am not sure, you might need to test it a bit.

Oh, I almost never read anything carefully. just brisked through it. My bad I guess.

ggzor (33)

@AkhilGupta Thanks again for your detailed comments. Good luck with your projects.

vvc (59)

@ggzor dont be modest, this game is AWESOME. It deserves first place :D

timmy_i_chen (960)

This is so cool. Loved playing it. My precise score was so bad though :B

ggzor (33)

@timmy_i_chen Thank you! I'm glad you like it. It is intended to be difficult. :D

TimothyAnderso1 (65)

Jesus, Best entry i have seen so far.
Great Job on this, This is the most solid and least buggy game i have played so far
Keep On creating man.

ggzor (33)

@TimothyAnderso1 Thank you a lot! It was really hard work and so many hours testing it. Glad you like it!

[deleted]

Fun game and the graphics and animations are outstanding! But where does cash come into play? Or is the energy meant to be cash?

ggzor (33)

@Seduko Thanks! That's right. Energy is the money of the game, it is what you use to complete the levels. I initially thought putting money instead of energy, but energy makes more sense in the story.

mkhoi (197)

Super high quality game
⭐⭐⭐⭐⭐

ggzor (33)

@mkhoi Thanks for your comments! I'm glad you like it.