Hey there I have a upcoming project where the client would like to have a diagram of a river where it's width, height and angle can be adjusted by the end user on a html5 website.

Here's an example of what I mean changing the angle, ie it makes the river have a steeper incline, thus the rate of water flows faster.

Would I use Blender's game engine for this?


Thanks in advance.

  • $\begingroup$ Blender's game engine outputs .exe files. You might be interested in such technologies such as WebGL or use an interactive model viewing site such as p3d.in. $\endgroup$ – iKlsR Oct 30 '13 at 2:37

You can't run the Blender game engine in a browser. Some options you have are:

  • Display pre-rendered image in the browser, you would have to render animation sequences for the water for each angle. (Bad idea)

  • Import Blender model to three.js using this addon.

  • Use a Javascript 3D graphics framework like three.js with WEBGL shaders

Related enter image description here - WebGL Water

  • $\begingroup$ Thanks for that stacker. So by pre-rendering each image, would that mean all combinations ie • seq1 = change in width • seq2 = change in height • seq3 = change in angle • seq4 = change in width and height • seq5 = change in width and angle • seq6 = change in height and angle etc? I also saw this game done with Blender too inkfood.com/spacedebris $\endgroup$ – pancreasboy Oct 29 '13 at 22:58
  • $\begingroup$ @pancreasboy That looks to be using threejs, Blender has an exporter of sorts for that I believe. $\endgroup$ – iKlsR Oct 30 '13 at 2:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.