Pearl Boy WebGL Demo

http://gooengine.com/demofiles/pearl-boy/index.html

by hiteshtr • 13 years ago

163 80 13 years ago

gooengine.com

Hugeen• 13 years ago

I really enjoy seeing new WebGL games emerge. This one is very fluid and beautiful.

maciekp• 13 years ago

But it's not a game, out of curiosity, are there any good games written in WebGL(because all I see are demos)?

pyalot2• 13 years ago

https://triggerrally.com/

CodeCube• 13 years ago

The problem is that most web developers aren't game developers, and most game developers aren't web developers. So you either end up with demos that aren't any fun, or games that are terrible browser experiences.

Game design is hard, so eventually we will have to converge on a series of design guidelines that make for great browser experiences and fun games.

shanelja2• 13 years ago

http://www.runescape.com has been rewritten entirely in WebGL, they just released the beta and are upgrading the entire game in the next month or so.

It's pretty big news, as far as I know they are the first major MMO to swap to WebGL. They were using Java and had been building on it for nearly 10 years but they found that WebGL offered better graphics performance and easier programming than it's Java equivalent so decided to switch. It is slower, probably around 10 or 15%, but offset by all the new graphical features, longer draw distances, more vivid colours, etc.

jplur• 13 years ago

"Don't Starve" uses webGL, but is packaged as a native app.

peterderivaz• 13 years ago

You could try my charityware WebGL game at http://www.penguinspuzzle.appspot.com/

DanielRibeiro• 13 years ago

This was showcased along many other great WebGL demos a month ago: http://metaphysicaldeveloper.wordpress.com/2013/04/23/webgl-...

andyhmltn• 13 years ago

Wow. Awesome graphics for the web!

themgt• 13 years ago

Awesome graphics and low time-to-crate: http://www.oldmanmurray.com/features/39.html

apunic• 13 years ago

Butter smooth and so atmospheric graphics, especially the rowing part

sgt• 13 years ago

Very smooth on this side too (Chrome 26 on OS X). The graphics looks a bit jagged. Is that a WebGL restriction or is it the demo itself? I am not very familiar with WebGL.

willvarfar• 13 years ago

demo.

Cederfjard• 13 years ago

Curiously I get this message in both Chrome 27 and 29 on OS X:

Whoopsie daisy! Your browser doesn't seem to support HTML5 and WebGL. The best thing to do is upgrade to a modern browser that supports all the awesome things the web has to offer.

drewcrawford• 13 years ago

I see a lot of jitter on a very fast Mac. (Safari 6.0.4).

Somebody who understands Web GL tell me -- developer's fault or browser's fault? It looks a little like numerical instability to me rather than a framerate issue per se, but I'm no 3D expert.

http://jsbench.s3.amazonaws.com/jitter.m4v

dtf• 13 years ago

What's it like on Chrome? Sometimes these things can be an issue with the GC.

raymond_goo12• 13 years ago

It is my understanding that Safari is a bit behind on the WebGL front. Could you try it with Chrome ?

aooeeu• 13 years ago

Not great if your keyboard is in Dvorak :-)

elisee2• 13 years ago

Yup, this is a real problem with game input on the Web platform right now. You can't get geographic keycodes, only virtual keycodes. I haven't stumbled on any specification / API proposal to fix this. Anybody know if browser vendors have something in the works?

justinhj• 13 years ago

Until then an option to choose Dvorak for the user and manual remapping of the keys would work for apps that want to support those keyboards.

KMBredt• 13 years ago

Interestingly, it uses WASD for rowing, but the arrow keys (or the mouse) for diving.

zopticity• 13 years ago

Pretty impressive. Too bad it doesn't have collision detection yet. I love the reflection!

Another step closer...to console games on the browser.

lukedjn• 13 years ago

Collision detection works on the crates underwater. Not sure why they didn't use it on the floating crates.

belgianguy• 13 years ago

I hadn't seen WebGL look so pretty and fluid, if they can create a whole game like this, it might be a pretty viable platform.

The link in the upper right corner gives a Drupal PDOException error, though.

hmbg2• 13 years ago

Yes, it seems the server was not expecting this kind of attention. Should be fixed now.

kayoone• 13 years ago

this was on the frontpage already a while ago, cant find the HN discussion link but this was the linked content: http://metaphysicaldeveloper.wordpress.com/2013/04/23/webgl-...

Its looks nice and all, but these kind of WebGL demos arent all that impressive anymore now that we have seen things like the unreal engine running in the browser. http://www.unrealengine.com/html5/

There isnt really alot you cannot do with WebGL today. If i showed you this as a compiled C++ demo, most probably wouldnt be impressed.

hiteshtr3• 13 years ago

But i find the loading time of unreal engine very slow, their is more to happen

AutocorrectThis• 13 years ago

>Your browser doesn't seem to support HTML5 and WebGL. The best thing to do is upgrade to a modern browser that supports all the awesome things the web has to offer.

I am on the latest version of Opera which I guess is not a modern browser. Perhaps turning down the condescension a notch and changing that "Upgrade" message to "Best works in Chrome" will be a good move. You're a second class citizen on HN if you use anything but Chrome.

Wintamute• 13 years ago

I don't read much/any condescension in that message. Fair enough if you enjoy to use Opera, but why not have Chrome installed on your machine too so you can spin it up and view content like this when needed?

hiteshtr3• 13 years ago

Also Mozilla as these two browser are far better than Opera and IE, its good to have multiple browser installed in system for experiments and trial

manish_gill• 13 years ago

Weirdly enough, I'm getting the same message on Chrome Version 27.0.1453.93.

nilliams• 13 years ago

It's likely your graphics card/drivers. Type about:gpu in your address bar.

pornel3• 13 years ago

I was pleasantly surprised it worked in Opera for me (I usually get "fuck you, chrome 4ever" banners too).

Check opera:config if you have WebGL enabled and opera:gpu if your graphics card drivers aren't blacklisted for being insecure or buggy.

raymond_goo12• 13 years ago

You are right, we tried to take a jab at Internet Explorer but forgot about Opera along the way. It's our job to make our engine and demos work on all WebGL enabled browsers and respect all browser vendors who help pave the way for great web technologies like WebGL. We failed and make it sound like it the browsers fault. I will discuss the wording with the team. Thanks for the feedback !

edvinbesic• 13 years ago

This actually worked great om my BlackBerry Z10. I had no idea it supported WebGL, thought it was going to be a write up along with the demo i could read but was pretty surprised when the demo kicked in.

Graphics look great and everything feels smooth, hope they make a game out of it.

pawelwentpawel• 13 years ago

Even though it might have been already showcased some time ago I haven't seen it yet. It's beautiful. I especially like the reflective water. Parallax effect in the diving mode is also a nice touch adding some extra depth.

Have any of you tried running it on iPhone 5? I wonder if there were any performance issues (if it worked at all!;).

hiteshtr3• 13 years ago

Another great thing about this demo is the movement of water, it always move in opposite direction of boat's movement which gives the feel that we are sailing in another boat with camera parallel to boy :)

raymond_goo12• 13 years ago

There is a trick running the web browser on an iPhone with WebGL enabled using testflightapp. We hope that Apple will enable WebGL as a default soon. Basically the technology is all there...

joshschreuder• 13 years ago

If jailbroken, you can enable WebGL with the Enable WebGL tweak (free).

For what it's worth, it works really nicely on the iPhone 5 in Chrome with this enabled.

dannysatan• 13 years ago

works nicely on Nexus 4 in chrome :)

wjoe• 13 years ago

In Chrome on my One X, it says the browser isn't supported. Works well with Firefox Aurora, though the graphics are noticeably worse than running it on a desktop browser.

shdon2• 13 years ago

On both Firefox and Chrome on Mac OS X (10.6.8), the water itself flickers quite badly, despite a smooth framerate.

shocks2• 13 years ago

What versions? No problems for me. Firefox v24 and Chrome 29.0.1514.0 canary.

shdon2• 13 years ago

The current release versions of Chrome (27) and Firefox (21). Both auto-updated. Since the flicker is the same in different browsers, it may be more of an OS or graphics driver thing.

kevingadd• 13 years ago

Incredibly flickery, and the camera and player character frequently clip through the terrain. Nice animations and music though.

raymond_goo12• 13 years ago

What Browser are you using ?

pvnick• 13 years ago

To the complainers and criticizers here: shut up, this is great.

obviouslygreen• 13 years ago

This is the first WebGL demo I've seen on HN (or anywhere else, but I don't exactly go looking for them) that not only works, but works very well, in Chromium on Ubuntu.

Granted, I'm on 11.10, so perhaps my browser is a bit out of date... still, though, it's kind of nice to see what all the fuss is about. The game played very smoothly for me.

jstanley• 13 years ago

I'm Chromium 25 on Ubuntu, and I get "Your browser doesn't seem to support HTML5 and WebGL. The best thing to do is upgrade to a modern browser that supports all the awesome things the web has to offer"

miniatureape• 13 years ago

Some graphics cards won't work.

For me, it worked great. Until it crashed my entire browser.

raymond_goo12• 13 years ago

Does this page work or you: http://get.webgl.org

aethertap• 13 years ago

I had that problem on my laptop. You can fix it for some cards by disabling the gpu check:

Go to chrome://flags and enable the "override software rendering list" flag. That fixed it on mine.

Edit: I have a Radeon Mobility HD 4250 card

shocks2• 13 years ago

Smooth as silk, Firefox v24 (Nightly). I'm seeing approx 60FPS with no visible CPU/GPU load. Wonderful! :D

m_eiman3• 13 years ago

Doesn't work on the current release of Firefox though. Webkit/Chrome really is turning into the IE of this decade :P

ddon• 13 years ago

Yep, getting TypeError: document.body is null in console in Firefox 21.0

timinman• 13 years ago

Beautiful.

raymond_goo12• 13 years ago

Thanks for all the nice compliments and thanks for pointers on where we need to improve things ! :-)

Consider signing up for the alpha, we hope we can let in another round of users soon !

pornel3• 13 years ago

Do you prevent default action in keyboard and click handlers? In Opera and Firefox I can sometimes see focus outline and text selection flashing, probably activated by my 1-key keyboard shortcuts.

raymond_goo12• 13 years ago

Good question. I looked at the code and it appears we preventDefault for mouseup and mousedown but not for keyup and keydown. I will ask around why that's the case. Can you give me an example keyboard shortcut where this is happening ?

TallboyOne• 13 years ago

I think this is my favorite WebGL demo of all time: http://madebyevan.com/webgl-water/

TazeTSchnitzel• 13 years ago

In case anyone else has this problem: I had to disable AdBlock for it to recognise mouse clicks/movement.

vanderZwan• 13 years ago

Thanks. Also, I had to turn off Firefox Quick Find in Advanced -> General -> "Search for text when I start typing"

dougk16• 13 years ago

Extremely cool atmosphere created in this demo. In the deeper waters, I was really held in suspense, waiting for the music to turn ominous and a sea monster to eat me, but alas it didn't happen.

Minor feedback, it seemed like the instructions would disappear before I had a chance to read them...maybe just me. Quick enough to figure out though.

derleth2• 13 years ago

Doesn't load at all for me. I can load other WebGL demos on this browser, just not this one.

raymond_goo12• 13 years ago

Sounds like you have Firefox, we currently have an issue on FF21. Please give it another go early next week.

derleth2• 13 years ago

Right. FF21 on Linux. I will.

Pearl Boy WebGL Demo

Related Stories