GeekTrains - Big Model Train Game

#1

Hi guys and gals,

As we all moved from html5gamedevs.com to forum.babylonjs.com anyways, I wanted to give a short update on my Big Model Train Game project.

Although the project is still in heavy development, the game now at least has a real name and dedicated website:

GeekTrains
:nerd_face: :steam_locomotive::railway_car::railway_car:
http://geektrains.com/

Description
In this fun game for all ages you remote control a big model train locomotive that runs through indoor as well as outdoor scene. With the locomotive (different types available) you have to solve railroad shunting puzzles, transport goods and passengers between stations, race against opponent players, or all at the same time :slight_smile: But watch out: donā€™t run out of fuel, money, time or health!

Changes
Some changes since my last post (on the old forum):

  • Thereā€™s a scoring system that awards you a score on finishing a level (for the levels that are configured for that). When you replay the level you can try to beat your previous score or best time. Scores are stored at local machine.
  • In my effort to make level construction easier, I am refactoring some level setups to support improved scenery and environment (how the level looks like). Also the default scene was changed.
  • I got some nice help with the (Train-) FollowCamera controller, which adds great Keyboard input support to control the camera angle etc. of the follow-cam (thanks @dunk).
  • Added a ā€˜Give feedbackā€™ button to the game and website where you can post your feedback / hints / suggestions etc. Let me hear about your crazy or funny ideas!
  • Bought a XBox 360 USB Gamepad, to be able to test out the special gamepad functions with this gameā€¦
  • Computer opponents will now use weapons (if any on board).

Well thatā€™s about it for now. Major updates Iā€™ll post here as well. Minor updates I will put on the website or Facebook page. Enjoy your coding because I definitely will. :upside_down_face:

Choo choo!

Q

9 Likes
#2

Still loving it.

#3

same!!!

#4

Havenā€™t seen it before. Awesome :slight_smile:

#5

Short update:

  • Moving stuff (Javascript and assets) over to http://geektrains.com domain
  • Added a database at the backend to manage train stuff and more (levels, players, leaderboards, achievements, ā€¦)
  • Installed a CMS using CakePHP open source framework to enable more user interactivity
  • Added player account creation (to submit your high scores and fastest times to the leaderboards)
  • Looking for people who want to test the functionality of the fastest times leaderboards by trying to beat the current high scores (connection between BabylonJS javascript game and the CakePHP backend)

Q

1 Like
#6

Created and added a teaser gameplay trailer video :cinema: to the GeekTrains.com website:

Also optimizing some textures/meshes to support different quality modes (low/medium/high). Will be used later on to switch quality up or down based on device and bandwidthā€¦

The movie is made with native Windows 10 Photo application :movie_camera: and the default Game Bar :video_game: screen recorder. Itā€™s a snap! :sunny:

Q

2 Likes
#7

Do you want to tweet about it? I would like to retweet it to give it some exposure!

#8

Thanks for the offer @Deltakosh and I would like to make use of it at a later time (with a more finished game), if thatā€™s no problem for you. :slight_smile:

In the current development stage Iā€™m mainly looking for beta-testers and other BabylonJS enthousiasts.

Q

2 Likes
#9

Still developing. But some more testers would be nice. :slight_smile:

So I created 800x500 screenshot and entry for the BabylonJS website. If someone wants to add it to the demo listā€¦

When you do update the master index.html for this, please add the item at the BOTTOM of the demo list and also please replace the screenshot hotlink URL with a local copy of the image. Iā€™m on a small hosting plan for development and I want to watch the increasing server traffic load closely. So some exposure OK but please no spotlight positions.

<article class="gallery-item 3rd" itemscope="" itemtype="http://schema.org/CreativeWork">
	<a title="GeekTrains.com" class="gallery-item-link" href="http://geektrains.com/?utm_source=babylonjs&utm_medium=banner&utm_campaign=demos&utm_term=geektrains&utm_content=screenshot" target="blank" itemprop="url">
		<img class="gallery-item-img" alt="GeekTrains.com" src="http://geektrains.com/img/babylonjs-screenshot-geektrains.jpg" itemprop="image">
		<div class="gallery-item-infos">
			<h3 class="gallery-item-title" itemprop="name">GEEK&nbsp;TRAINS</h3>
			<div class="gallery-item-others">
				<div class="gallery-item-author">by Quintus Hegie</div>
			</div>
		</div>
	</a>
</article>

Greetz from Conductor Q
:steam_locomotive::railway_car::railway_car:

#10

Please just do a PR :slight_smile:

#11

Ok. Well then. Hereby my first time contribution with a Pull Request: :partying_face:

Easier then I thought.

Donā€™t know how to add the binary file (JPG). Seems I donā€™t have upload permission. I cannot figure out another way to add a geektrains.jpg file to the Screenshots folder. Maybe someone else can? :confused:

#12

So actually you need to first fork the repo locally. Do your changes locally then push that back to your fork.
Then github will offer you to create a complete pull request with image and changes

1 Like
#13

Perhaps this might help, if you need help.
Just sections 1 to 8 and do the steps with the repo BabylonJS/website rather than BabylonJS/babylon.js

https://doc.babylonjs.com/how_to/how_to_start

2 Likes
#14

The listing of my game GeekTrains.com on BabylonJS website really helped to get some more people to play.

Today Iā€™ve finished the level Oval #2 winning conditions and connected it to the Leaderboards.

Shoot down those pesky hovering remote controlled drones with your train! :wink:

image
image.jpg768Ɨ432 190 KB

This level requires some fast movement and precise action in order to complete it with my current Fastest Time record of 51 seconds. And now I didnā€™t practice that much yet so you can be faster maybe.

Can you beat this time record? (Hint: Youā€™ll probably need the switch button keyboard ā€œSā€ and the fire button keyboard ā€œ[Spacebar]ā€ once you coupled your locomotive with the ā€œJackā€™s Balls in a Toy Boxā€ wagons)

Note: Scores are stored on your local device browser. But to get your fastest time listed foregood on the website, you need to register a free account first and login before you start playing.

Conductor Q

1 Like
#15

Winning conditions were added for the level Oval Side #5

image

http://geektrains.com/levels/view/ovalside5

In the age of renewable energy and global warming, itā€™s time to burn some virtual diesel fuel and heat up the planet with your smartphone GPU cracking this 3D scene. :fire:

Iā€™ve set a record of 23 seconds for you to beat. Now put that pedal to the metal!

Conductor Q

2 Likes
#16

Always wanted to own an engine? You can now put your first name on it!

image
image.png818Ɨ630 103 KB

When you start the game a pop-up may open asking you to login to Facebook. Although Facebook is not required to play the game, logging in to Facebook will change the label of your locomotive to your first name (as found in your Facebook profile).

Just a fun gimmick for now as I start exploring more of Facebookā€™s opportunities for web games. Itā€™s actually quite easy to implement as Facebooks provides most of the code to you in Javascript already.

Maybe XBOX (Microsoft) has something similar, but donā€™t know about that yetā€¦

2 Likes
#17

This year Sinterklaas didnā€™t arrive by boat from Spain, but took the steam train. Luckily for me, Sinterklaas brought me a nice toy this year: the RailDriver Modern Desktop Train Cab Controller oh dear! :joystick:

image

After Sinterklaas safely returned to Spain, I started learning about WebUSB and WebHID skills to gain. Downloaded Google Chrome Beta to the Windows 10 start menu rack. Flipped some Experimental Web Platform Feature flag. :triangular_flag_on_post: And then I actually got the USB/HID device to connect with the GeekTrains webgame! :electric_plug:

You can see the controller in action in this video, pretty fame:

The manual on the GeekTrains.com website contains instructions if you happen to own a RailDriver yourself too, and you want to try out as well with your own choo choo choo. Let me know any feedback or further ideas you might have.

Would be cool to have some BabylonJS Camera Input Managers that read data from these kind of special purpose simulation hardware controllers. To be continued.

ConductorQ

2 Likes