Skip to content
← Back to Community
SceneMachine: Drag, configure and shoot! (SVG 2D Physics Game)
Profile icon
ggzor

SceneMachine

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

This file cannot be displayed: https://storage.googleapis.com/replit/images/1555557898628_a45fe03f356dd7a290b9887917aa45f0.pn

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.
Voters
Profile icon
ShreyasSurvit
Profile icon
Athugod
Profile icon
An-NafiKabir
Profile icon
Infiniti20
Profile icon
AryyanVineeth
Profile icon
tipollae
Profile icon
GhostKing007
Profile icon
proryan
Profile icon
objobj
Profile icon
btfuss
Comments
hotnewtop
Profile icon
PYer

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

Profile icon
ggzor

@PYer Thank you!

Profile icon
saulhuitzil

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!

This file cannot be displayed:

Profile icon
ggzor

@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.

Profile icon
AustinKrause1

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!

Profile icon
ggzor

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

Profile icon
Steven_The_GuyT

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

Profile icon
ggzor

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

Profile icon
Steven_The_GuyT

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

Profile icon
ThomasS1

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!

Profile icon
ggzor

@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.

Profile icon
ThomasS1

@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.

Profile icon
ggzor

@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.

Profile icon
ThomasS1

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

Profile icon
LeoXu2

w-w-what how

Profile icon
MaxwellArchibal

absolutely wonderful :)

Profile icon
ggzor

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

Profile icon
[deleted]

Congratulations!

Profile icon
ggzor

@HQuan Thank you! :D

Profile icon
AbdullahiHassa1

haahhahahahahha

Profile icon
ebest
Profile icon
ggzor

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

Profile icon
ebest

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

My browser is the newest version of chrome though

Profile icon
ggzor

@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.

Profile icon
ebest

@ggzor Thanks!!!!!

Edit:

Still does not work. Vuex does not exist.

Profile icon
ggzor

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

Profile icon
ebest

@ggzor It works now!!!

THANKS

Profile icon
ggzor

@ebest Thanks to you. :D

Profile icon
[deleted]

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

Profile icon
ggzor

@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.

Profile icon
AkhilGupta

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..

Profile icon
ggzor

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

Profile icon
ggzor

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

Profile icon
AkhilGupta

@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.

Profile icon
ggzor

@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.

Profile icon
AkhilGupta

@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.

Profile icon
ggzor

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

Profile icon
[deleted]

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

Profile icon
timmy_i_chen

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

Profile icon
ggzor

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

Profile icon
TimothyAnderso1

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.

Profile icon
ggzor

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

Profile icon
[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?

Profile icon
ggzor

@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.

Profile icon
jarules214

Solid entry!

Profile icon
ggzor

@jarules214 Thank you!

Profile icon
mkhoi

Super high quality game
⭐⭐⭐⭐⭐

Profile icon
ggzor

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