11 ms·
WebGL water scene
- steaminghacker 11y agothe water level penetrates the boat?
- gregschlom 11y agoA way to fix this would be to render the boat and the water separately then merge the two images, but that feature may not be available on the engine that they're using for this simulation (goocreate.com)
- tyho 11y agoChoppy for me with a Nvidia GTS 450 (proprietary drivers) on Fedora 23. Every part of the massively long pipeline from HTML to DVI has to be perfect to get smooth playback. It seems we are some way away from reaching that yet.
- aristidb 11y agoSmooth on my Intel (HD Graphics 5500 / Broadwell, 2015) graphics. Nvidia's GTS 450 is 5 years old, so I don't think "we are some ways away" is necessarily true, but it is of course still very wasteful.
- tyho 11y agoIt is 5 years old, but is able to render scenes far more complex than the on on this page natively.
- rogerbinns 11y agoSmooth for me on Intel HD4000, open source drivers, current Ubuntu.
- ekianjo 11y agoSmooth for me on IntelHD3000, open source drivers, Linux Mint 17.2 :)
- forrestthewoods 11y agoDoesn't work on my iPhone 6
- BuffaloBagel 11y agoWorks great on my iPhone 5s
- rusbus 11y agoSmooth on a nexus 5x
- tambourine_man 11y agoRuns smoothly on a 4s, so color me impressed. There seems to be an issue with the rendering of the character though http://imgur.com/dRe76Kc http://imgur.com/dRe76Kc
- agumonkey 11y agoSame, acceptably smooth on my core 2 duo L7500 (no dGPU). Diffract me impressed too.
- TheSpiceIsLife 11y agoVery smooth on this Core 2 Duo P8400 2.26Ghz in Chrome on Linux Mint 17.2, integrated Intel graphics. Edit: P8400 is a 7 year old CPU and L7500 is 8 year sold. Good to see we're getting some mileage of 'em.
- agumonkey 11y agoThese cpu are still quite potent, I only wish I could solder a tiny opengl3 gpu on them just so they don't have to deal with fancy guis and videos.
- ripitrust 11y agothe boat is clearly broken
- conceit 11y agoIt's a demo. So, yeah ...
- hccampos 11y agoAnd a very old one too. Look at the website for some really cool looking projects: goocreate.com
- ju-st 11y agoTwo speaking mountains reading aloud random Twitter messages oO Strangest thing I've seen today http://www.mountainsofmouthness.com/ http://www.mountainsofmouthness.com/
- hccampos 11y agoThat is one of my favorite ones. It was awesome to see the guys making it having fun with it and giving them the tools they needed to do it.
- justinclift 11y agoNot the mountains I thought you were meaning. :p
- interdrift 11y agoLaggy sound on GTX 860M, maybe it's a problem with my sound card ? Anyone else experiencing this issue?
- bloaf 11y agoYeah, sound was not smooth on my system too (750 Ti)
- vitaut 11y agoLooks very nice apart from some minor details like water going through the boat. And runs very smoothly on my old Linux laptop with a built-in graphics card.
- rpwverheij 11y agoyou really think the water in the boat is not intentional?
- overgard 11y ago.. yes Or maybe not intentional, but too hard to fix. I imagine if the water in the boat was intentional, it'd have totally different looking characteristics (a puddle looks totally different from water in a deep ocean, even if it's the same material). It'd be a pain not to get it in the boat. There's a few ways I can think of to address it, but none of them would be easy: 1.) dynamically tessellate all the water geometry on the outskirts of the boat not to intersect (slow and complicated!) 2.) do some sort of stencil rendering to ensure the interior of the boat doesn't render the water (similar to how stencil shadows work). Also complicated! 3.) Render the hull of the boat only to the depth buffer (no colors rendered), and use multiple passes to make sure the water doesn't clip into the boat. There's probably quite a few other ways I haven't thought of, but it's definitely not an easy problem.
- shasta 11y agoThe easiest way I can think of would be to render the boat first, then render an invisible depth-only polygon at the top of the boat (that, together with the boat hull, encloses the displaced water volume), and then render the water. This doesn't add much complexity. You already have to draw the water in a pass after the boat because the water is translucent when the view angle is steep enough.
- shasta 11y agoThe water in the boat doesn't look like water in the bottom of a boat should look. It's clearly just the surrounding showing through and would be work to fix.
- goocoder 11y agoWe made this almost three years ago, way before we had our tool and platform (Goo Create). I'm surprised it still runs :) The character uses more joints than some mobiles can handle (those with a vertex uniform limit of 128).
- goocoder 11y agoActually, this is the one we made three years ago: http://labs.gooengine.com/pearl-boy/ http://labs.gooengine.com/pearl-boy/ The one linked to was a quick remake in Create...
- Narishma 11y agoThe old one is much smoother on my laptop (first gen Intel HD Graphics) than the remake.
- bad_user 11y agoOn my laptop it's smoother in Firefox than it is in Chrome and both are much better than Safari. It might be your browser ;-)
- vog 11y agoNice! That one allows for under-water (diving) rather than just above water. Well, actually it doesn't, at least on my computer. The diving mode is simply black here.
- mjcohen 11y agoYou can row right through the floating boxes.
- goocoder 11y agoThe engine is open source btw! https://github.com/GooTechnologies/goojs https://github.com/GooTechnologies/goojs
- ubershmekel 11y ago
- mholt 11y agoCool - you can move around with WASD. That's a beautiful scene, by the way. I just hope someone comes to rescue the poor kid soon.
- hccampos 11y agoIt would be really nice to make a game of sorts out of it :)
- hackbinary 11y agoSmooth on my Kubuntu AMD Radeon 7670M. You can move the boat about with the wasd keys, if you didn't know.
- goocoder 11y agoIn the original version we made three years ago, you can also go swim under water (click symbol bottom right): http://labs.gooengine.com/pearl-boy/ http://labs.gooengine.com/pearl-boy/
- matthuggins 11y agoCouldn't get the swimming to work on my Nexus unfortunately. Tapping on the icon of the boy with flippers did nothing. Cool demo otherwise!
- goocoder 11y agodarn! but yeah it's very old so might be broken on some systems :)
- mangeletti 11y agohttp://goocreate.com/ http://goocreate.com/ looks pretty cool - just signed up.
- hccampos 11y agoCheck out the forum at forum.goocreate.com and let us know what you think. We are looking for ways to improve the platform to make it easier for people to use and more open too.
- mangeletti 11y agoHey, I have a quick UI suggestion that might help with on-boarding: In the create new UI, the name field needs to be more obvious. Since the template thumbnails command so much immediate attention, it took me a minute to figure out what was wrong when I was trying to create a canvas and the blue button at the bottom was disabled.
- hccampos 11y agoIndeed. We are in the process of adopting more of a google docs flow to document creation. This would mean having the templates right in your dashboard and then getting sent directly into the scene when selecting a template. You can always give a name to your scene at a later time. Thank you for the feedback :)
- cuonic 11y agoI'm not sure that the water is meant to be inside the boat, but still great work !
- deanclatworthy 11y agoCan someone please tell me why I should be excited about these demos? Am I not just seeing an OpenGL wrapper in the browser?
- hccampos 11y agoBecause it runs in any browser, even mobile ones and requires basically 0 time for compilation and no plugins as opposed to unity, unreal or other engines.
- pjmlp 11y agoOn some mobile ones. One thing that is regular on WebGL demos is that it is always a mixed experience on my devices ranging from Android 4.3 to 5.0. All are from Samsung and Asus. Native demos work 100% without hiccups.
- hccampos 11y agoI don't think you can ever expect the same level of quality and performance that you get with a native program that gets specifically compiled for a certain platform, and sometimes written specifically for it. With WebGL it is just JS, and with GooCreate you can make really cool scenes that can include interactivity (with state machine and no coding or with custom scripts) and then just press publish and have it available for millions of people... no need to compile for several minutes for each different platform and no need for huge downloads.
- pjmlp 11y agoI have been forced to take the battery out as a way to kill webgl pages on my mobile devices, due to the way they hogged the CPU. Nice idea, execution is still lacking on mobile.
- hccampos 11y agoJust like you have to kill any native app for mobile, even though a native app is obviously much more efficient. I think you are missing the point a bit... it is not about making the most performant or visually impressive thing out there. It is about how easy it is to make something that looks good, performs acceptably and runs pretty much everywhere with basically zero effort in terms of porting.
- csn 11y agoThe audio is fine if that tab is not active but distorts when I switch to it. Otherwise very, very smooth.
- Sephr 11y agoI am experiencing this behavior as well. It's pretty odd, since I didn't think WebGL would affect the audio (outside of increased CPU load).
- benwaffle 11y agoIs the music original?
- goocoder 11y agoYes
- kahoon 11y agoI like it. Do you have a YouTube channel or something?
- hccampos 11y agoThere is a vimeo channel but hasn't been updated with cool videos in a while. We need to fill up the youtube and vimeo channels for sure. https://vimeo.com/gootechnologies https://vimeo.com/gootechnologies
- zhodge 11y agoLove the track featured here http://labs.gooengine.com/pearl-boy/indexBelow.html http://labs.gooengine.com/pearl-boy/indexBelow.html
- huskyr 11y agoOne thing that i've seen a couple of times now with these types of demos is that the animation is pretty smooth, but the music / sound is stuttering and noisy. Anyone has that as well? I'm using Chrome on a pretty beefy (16GB) MacBook Pro.
- amorphid 11y agoYup. Choppy sound for me in Chrome w/ 16 GB MacBook Pro, too.
- 0x0 11y agoSame here. Reminds me of glitches typical of apps using a too small mixing buffer (in an attempt to run with a low latency?)
- NickHaflinger 11y agoRuns smooth here on 8GB ram and a generic video card, playing a video on MPV at the same time, Ubuntu 15.10 Wily ...
- suby 11y agoSound stutters on my PC which is pretty respectable. 16GB ram, Geforce 780 TI, i7-4790 3.6 GHz, Ubuntu. Stutters on both Firefox and Chrome.
- deleted 11y ago[deleted]
- justinclift 11y agoAudio very badly stutters here under Firefox on a reasonable spec Win 8.1 PC - 3.6GHz i3-4160 dual core, GTX 970, 16GB RAM. Not an award winning spec system, but for single threaded maximised games (most) it's more than decent. ;)
- anon1mous 11y ago
- such_a_casual 11y agoThis is inspiring.
- klunger 11y agoO.o This is exactly what I needed to keep me going in the final stretch of this computer graphics course I am taking. Final in 2 days, was starting to feel study-fatigue, but am now reinvigorated!
- hccampos 11y agoThis is one use of our tech that we never thought about... webgl for relaxation and inspiration :)
- port6667 11y agoHorray, music_autoplay=1. I remember Myspace. Cool demo, but like 99% of the rest of the world, listen to music while i browse so almost instant-closed out when music blasted out.
- cryptoz 11y agoI agree with your point, but I doubt your statistic..I think it's probably the other way around. That is, probably 99% of the world's web browsing population is not actively listening to music. Either way, music should never auto-play.
- nodesocket 11y agoI want to row so bad.. :-)
- hccampos 11y agoIn real life or in the scene? If you use this one you can row with WASD: http://labs.gooengine.com/pearl-boy/ http://labs.gooengine.com/pearl-boy/
- nodesocket 11y agoJust found out. I feel silly. Noticed there is no collision detection with the boxes though.
- hccampos 11y agoYep, no collisions. The demo was made some 2-3 years ago and it surfaced here on HN yesterday for some reason. Back then we didn't have physics support in the Goo Engine. Now we have Cannon.js fully integrated into it (in fact the creator of Cannon.js works with us and has been tweaking it to work well with Goo Create and the Goo Engine).
- davidklemke 11y agoSeems to have some issues on the latest build of Chrome if the tab has focus. Really cool otherwise!
- xd 11y agoGood effort, but when I hold shift he doesn't row faster ;)
- liorn 11y agoThis really reminds me of the Introduction to Monkey Island 3: https://www.youtube.com/watch?v=mL0086T-u6A https://www.youtube.com/watch?v=mL0086T-u6A
- Animats 11y agoVery few "WebGL" sites do any 3D. Mostly, they're just doing pans, zooms, canned 2D animations, and layers. I've been looking at galleries of WebGL sites. Other than demos, very few do anything you couldn't do in Flash. 3D in the browser has been here before, in VRML 97, Web3D, and Shockwave Flash. It's never caught on. The technology is great, but nobody cares. There's now Web3D in the browser using WebGL.[1] (Web3D is just VRML 97 with XML syntax.) Nobody uses this. [1] http://www.x3dom.org http://www.x3dom.org
- bhouston 11y agoWell, you can do full 3D modeling, editing, animation as well cloud rendering in the browser using http://clara.io http://clara.io -- it is like Blender/3DS Max in the browser. We've got +140K users, +400K scenes (100K of which are public.) People do use this stuff.
- hccampos 11y agoI have to strongly disagree. Did you look at the showcases in Goo Create's landing page? http://goocreate.com/showcase/case/suissemania/ http://goocreate.com/showcase/case/suissemania/ http://goocreate.com/showcase/case/mountains-of-mouthness/ http://goocreate.com/showcase/case/mountains-of-mouthness/ http://goocreate.com/showcase/case/nike-phenomenal-shot/ http://goocreate.com/showcase/case/nike-phenomenal-shot/ http://goocreate.com/showcase/case/skazka/ http://goocreate.com/showcase/case/skazka/ http://goocreate.com/showcase/case/thomson-reuters/ http://goocreate.com/showcase/case/thomson-reuters/
- fractal618 11y agosecret message? https://i.sli.mg/QHY5wH.png https://i.sli.mg/QHY5wH.png
- JDiculous 11y agoPlease put the date in the title if you're going to post old content.
- ademirar 11y agoRuns pretty fine on Opera on a LG L70.
- mjcohen 11y agoCome on! Let me get into those clouds!