My first babylon.js experiment result [offline]

[Artem]

Just a few words about my path as programmer. I started with C++ really simple console programs, then I created some very simple platformer using ActionScript 2.0 (you can try it here, keys are: w, a, s, d, spacebar, ~, 1-9 …the most awesome part is that you can draw any shape or even use transparent image and player will react to everything as it should), then I've been playing with C++ (tried some of SDL and SFML), then I stopped. A while ago I wanted to try some more, so I tried three.js and physi.js, cannon.js and now babylon.js. I never tried to program anything in 3D before, of course, and I'm all new to JavaScript and web stuff as well.
 
Now, I'd love to know what do you think about my last experiment (arrow keys to move, space to jump): http://xn--80aagk9abfkmup.xn--p1ai/
 
I also want to thank everyone who answered my noob questions some time ago, but mostly I want to thank gwenael and Wingnut for help:
- Thanks for your time, tips and for being awesome and kind
 
I think that's it for now. Any comments are very welcome!
 
P.S. I'm going to continue to work on my thing there for sure (wink)

[roky974]

I can't access to your game .. 

[Temechon]

It's very nice ! 

 

Badly,  don't understand russian (or what it seems to be russian)... 

 

I'm stucked here : http://i.imgur.com/x4SLJV4.png

 

What am i supposed to do now ?

[Artem]

It's very nice ! 

 

Badly,  don't understand russian (or what it seems to be russian)... 

 

I'm stucked here : http://i.imgur.com/x4SLJV4.png

 

What am i supposed to do now ?

 

Thank you. Yeah, it's in russian (my first language). I'll translate it into english now (I didn't think about language before posting here for some reason, sorry).

 

Refresh the page, I'm afraid  Right now there's no goals at moment, just four super-simple events: box touching, box dying, pig fall, pig dying (which is game over that simply refresh the page). Complex stuff will come when I figure out some more things and finish all base stuff I want.

 

UPDATE:

Done. Translated into english language.

[Artem]

I can't access to your game .. 

 

Hm… I'm not sure if it's on my side, but maybe your ISP blocking russian domains? I don't know why it happens, sorry.

[Artem]

Turning the server off for now. I'll up this thread when I'll update my thing much more. Till the next time!

[Artem]

Back online for a day now! Added sounds, animation, fixed bugs, changed movement, fixed falling. It's just a start and getting ready for some much bigger things, I hope

 

"I think I like babylon.js more and more every day, oink!"

[Dad72]

There seems to be a problem bouncing when you hit the box. The pig bouncing back and shifts the axis 'Z'

There is also a problem loading the scene when the pig appears, it goes outside of the scene and returns next to the box.

 

I teste with Google Chrome

[Artem]

There seems to be a problem bouncing when you hit the box. The pig bouncing back and shifts the axis 'Z'

There is also a problem loading the scene when the pig appears, it goes outside of the scene and returns next to the box.

 

I teste with Google Chrome

Thank you for checking it out and testing, dad72. I'll take a look into these errors.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Edit: Server is offline now. See you soon!

[Artem]

Its back online now for a few hours; fixed, changed and added some stuff. Try it if you want

Link: http://xn--80aagk9abfkmup.xn--p1ai/

[Artem]

I've caught up some really strange bug today: 'intersectsMesh' still returns data even after using '.dispose()' at that mesh. It's suppose to be like that?

[Wingnut]

Hi Artem.  I don't have an answer about the dispose() problem... but when I play your game, my cursor keys are very powerful, and if I press any cursor key real quick, the pig shoots off-screen about 1000 miles.  Sound works fine, spacebar works fine, game is real pretty, but my cursor keys are VERY powerful and it makes the game unplayable.  I do not know why... and I do not know if others have this problem.

 

About mesh.dispose()...  after you do the mesh.dispose(), try alert(scene.getMeshByName(meshname)); ...to make sure the dispose() function worked.  *shrug*  Just an idea.  Be good.

 

PS: I see you play guitars and synth!  COOL!  I am also a guitar player, bass player, and play some synth/keys.  I have two Casio WK-1350, and one I use as a midi controller for my Alesis s4 rack synth.  Good fun.  Guitars - 38 yrs, lots of gigs (over 2000)... mostly classic country and/or country rock.  Synth... 2 gigs, I am bad at it.  Also play some fiddle/mandolin.  Lets jam!  (I am 56 years old - geezer) 

[Artem]

Hi Artem.  I don't have an answer about the dispose() problem... but when I play your game, my cursor keys are very powerful, and if I press any cursor key real quick, the pig shoots off-screen about 1000 miles.  Sound works fine, spacebar works fine, game is real pretty, but my cursor keys are VERY powerful and it makes the game unplayable.  I do not know why... and I do not know if others have this problem.

 

About mesh.dispose()...  after you do the mesh.dispose(), try alert(scene.getMeshByName(meshname)); ...to make sure the dispose() function worked.  *shrug*  Just an idea.  Be good.

Thank you for taking a look and testing my thing, Wingnut

Hm, wow… I just noticed that if you open context menu (right mouse click) everything goes insane, fps lag appears and key inputs act freaky. Happens everywhere, official babylon.js demos as well (tried physics demo).

Edit: Google Chrome is okay, but IE react really freaky at right-click menu, dunno why… Firefox acts strange as well if you click at window bar. As far as I can see from my log, you're on Firefox under Ubuntu, but I don't really know why it happens yet. Dang, it was a good idea to let people on forums test it Strange things I don't have happens with others

Edit 2: Right mouse click lag happens everywhere, not just babylon.js, but at any javascript apps.

[Wingnut]

Hi again, Artem!  No Ubunto's around here.  Windows 7, Firefox 21, Walmart cheapy computer  -  2.2ghz, 4g ram, Intel Celeron - old people-grade machine.   

[Artem]

Hi again, Artem!  No Ubunto's around here.  Windows 7, Firefox 21, Walmart cheapy computer  -  2.2ghz, 4g ram, Intel Celeron - old people-grade machine. 

Ah, that wasn't you then! You've logged in a bit earlier Well, that's even more strange now then! I think I'll leave it all to tomorrow's Artem, today's Artem experiencing a headache after eight hours of understanding and coding stuff... I wish someone just tell me what's wrong there now, just because I can't handle it anymore now %) So many things to learn, so little time

[Dad72]

Everything works fine for me. but it is true that the movement of pig is very fast.

And if I use the arrow of keyboard to go down, I have a white page.

 

I think you have a problem in your css at <html> or <body>.

try adding position: fixed; this may solve the problem.

 

html

{

    width:99.9%;

    height:100%;

    padding:0px;

    margin:0px;

}

body {

    padding:0px;

    margin:0px;

    width:100%;

    height:100%;

    position: fixed;

    overflow-x:hidden;

}

canvas

{

 ....

}

[Artem]

Everything works fine for me. but it is true that the movement of pig is very fast.

And if I use the arrow of keyboard to go down, I have a white page.

 

I think you have a problem in your css at <html> or <body>.

try adding position: fixed; this may solve the problem.

 

html

{

    width:99.9%;

    height:100%;

    padding:0px;

    margin:0px;

}

body {

    padding:0px;

    margin:0px;

    width:100%;

    height:100%;

    position: fixed;

    overflow-x:hidden;

}

canvas

{

 ....

}

Thank you for another test, dad72, I'll try to fix it (overflow is hidden already and position is absolute for a reason, but I'll see what I can do, thx).

These things are really strange, since I test different browsers and two PCs (yet both of them are Windows 8.1 x64).

[Xanmia]

Works great for me.  Are multiplying your movement speed by: scene.getAnimationRatio();

That might fix some of the quick movement so people are seeing.

[Artem]

Works great for me.  Are multiplying your movement speed by: scene.getAnimationRatio();

That might fix some of the quick movement so people are seeing.

Nice to hear that!

Nope. Thank you for the tip, Xanmia

Edit: I tried it, played with it and it was about to be okay, but needed to divide it 60 (just like fps, hm). What exactly does this function? I barely understand 'animation ratio' phrase, to be honest :\

[Artem]

It looks like the problem is finally solved. Any more turbo effects out there, anyone?

Edit: I'm becoming insane. It just re-appeared again. I'm losing it.

Site is offline for now. Thanks a lot for testing it, everyone, I really appreciate it ♥

See you next time

[Artem]

The "game" is back online (for 24 hrs or so). Fixed some bugs, also player shouldn't get inside of box or floor for a few milliseconds anymore (finally). Added some particles and some more tiny things.

 

I'm planning first multiplayer test for the next version, that should be fun!

 

P.S. it's all 'work in progress' thing, it's not a real game (yet), so there's no 'real goals' and score means nothing, but there are some events, pretty everything is just for tests and some basement for upcoming real game features and etc.

[Dad72]

I have the impression that your page is 200%. 100% for the canvas and 100% additional below.

Surely you have a problem when your scene is load and which would modify the css of your page on the "height"

[Artem]

I have the impression that your page is 200%. 100% for the canvas and 100% additional below.

Surely you have a problem when your scene is load and which would modify the css of your page on the "height"

 

Hm, it's the second time you tell me about it. I also figured out I forgot to remove some 'div' I wanted before public build, maybe that caused the problem you're talking about. But I always check it everywhere (different browsers and android tablet) before showing to someone else and it's fullscreen everywhere, without scroll things and etc., so I have no idea what's happening there.

 

Here's CSS I have:

        <style>            html, body, div, canvas {                margin: 0;                overflow: hidden;                height: 100%;                width: 100%;            }            div.gameClass {                float: left;                position: relative;                overflow: hidden;            }            div.guiClass {                position: absolute;            }        </style>

Anyone else have this problem as well? :\

[Dad72]

try adding a fixed position on your body

html, body, div, canvas {    margin: 0;        overflow: hidden;    height: 100%;    width: 100%;    }body {    position:fixed;}

[Artem]

try adding a fixed position on your body

html, body, div, canvas {    margin: 0;        overflow: hidden;    height: 100%;    width: 100%;    }body {    position:fixed;}

 

Done. Does it helped?