text: [{"Owner":"SinhNQ","Date":"2017-09-16T17:14:23Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tHello everyone!\n_lt_/p_gt_\n\n_lt_p_gt_\n\tI_t_m making fluid simulation effect_co_ i found a demo_dd_ _lt_a href_eq__qt_http_dd_//jeeliz.com/demos/water/_qt_ rel_eq__qt_external nofollow_qt__gt_http_dd_//jeeliz.com/demos/water/_lt_/a_gt_ and i want to clone it.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tThe demo written by WebGL + shader but i don_t_t know about WebGL_co_ i_t_m worrying _lt_img alt_eq__qt__dd_(_qt_ data-emoticon_eq__qt__qt_ height_eq__qt_20_qt_ src_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/default_sad.png_qt_ srcset_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/sad@2x.png 2x_qt_ title_eq__qt__dd_(_qt_ width_eq__qt_20_qt_ /_gt_ . I_t_m trying export to babylon.js and there are a few things i don_t_t know how to do.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tI_t_m really stuck_co_ i expect the babylon community to help me _lt_img alt_eq__qt__dd_)_qt_ data-emoticon_eq__qt__qt_ height_eq__qt_20_qt_ src_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/default_smile.png_qt_ srcset_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/smile@2x.png 2x_qt_ title_eq__qt__dd_)_qt_ width_eq__qt_20_qt_ /_gt__lt_/p_gt_\n\n_lt_p_gt_\n\t1.\n_lt_/p_gt_\n\n_lt_pre_gt_\n_lt_code_gt_var texture_water _eq_ GL.createTexture()_sm_\n    GL.bindTexture(GL.TEXTURE_2D_co_ texture_water)_sm_\n\n    GL.texParameteri(GL.TEXTURE_2D_co_ GL.TEXTURE_MAG_FILTER_co_ GL.NEAREST)_sm_\n    GL.texParameteri(GL.TEXTURE_2D_co_ GL.TEXTURE_MIN_FILTER_co_ GL.NEAREST)_sm_\n    GL.texParameteri(GL.TEXTURE_2D_co_ GL.TEXTURE_WRAP_S_co_ GL.CLAMP_TO_EDGE)_sm_\n    GL.texParameteri(GL.TEXTURE_2D_co_ GL.TEXTURE_WRAP_T_co_ GL.CLAMP_TO_EDGE)_sm_\n    GL.texImage2D(GL.TEXTURE_2D_co_ 0_co_ GL.RGBA_co_ 512_co_ 512_co_ 0_co_ GL.RGBA_co_ GL.FLOAT_co_ null)_sm__lt_/code_gt__lt_/pre_gt_\n\n_lt_p_gt_\n\t2.\n_lt_/p_gt_\n\n_lt_pre_gt_\n_lt_code_gt_var quad_vertex _eq_ [-1_co_ -1_co_ 1_co_ -1_co_ 1_co_ 1_co_ -1_co_ 1]_sm_\n    var QUAD_VERTEX _eq_ GL.createBuffer()_sm_\n    GL.bindBuffer(GL.ARRAY_BUFFER_co_ QUAD_VERTEX)_sm_\n    GL.bufferData(GL.ARRAY_BUFFER_co_ new Float32Array(quad_vertex)_co_ GL.STATIC_DRAW)_sm_\n    \n    var quad_faces _eq_ [0_co_ 1_co_ 2_co_ 0_co_ 2_co_ 3]_sm_\n    var QUAD_FACES _eq_ GL.createBuffer()_sm_\n    GL.bindBuffer(GL.ELEMENT_ARRAY_BUFFER_co_ QUAD_FACES)_sm_\n    GL.bufferData(GL.ELEMENT_ARRAY_BUFFER_co_ new Uint16Array(quad_faces)_co_ GL.STATIC_DRAW)_sm_\n\n    GL.vertexAttribPointer(SHP_VARS.rendering.position_co_ 2_co_ GL.FLOAT_co_ false_co_ 8_co_ 0)_sm_\n    GL.bindBuffer(GL.ARRAY_BUFFER_co_ QUAD_VERTEX)_sm_\n    GL.bindBuffer(GL.ELEMENT_ARRAY_BUFFER_co_ QUAD_FACES)_sm_\n    GL.disableVertexAttribArray(SHP_VARS.rendering.position)_sm__lt_/code_gt__lt_/pre_gt_\n\n_lt_p_gt_\n\t3.\n_lt_/p_gt_\n\n_lt_pre_gt_\n_lt_code_gt_GL.drawElements(GL.TRIANGLES_co_ 6_co_ GL.UNSIGNED_SHORT_co_ 0)_sm_\n            GL.disableVertexAttribArray(SHP_VARS.water.position)_sm_\n            GL.framebufferTexture2D(GL.FRAMEBUFFER_co_ GL.COLOR_ATTACHMENT0_co_ GL.TEXTURE_2D_co_ texture_normals_co_ 0)_sm_\n            GL.useProgram(SHP_NORMALS)_sm_\n            GL.enableVertexAttribArray(SHP_VARS.normals.position)_sm_\n            GL.bindTexture(GL.TEXTURE_2D_co_ texture_water)_sm_\n            GL.drawElements(GL.TRIANGLES_co_ 6_co_ GL.UNSIGNED_SHORT_co_ 0)_sm_\n            GL.disableVertexAttribArray(SHP_VARS.normals.position)_sm_\n\nGL.bindFramebuffer(GL.FRAMEBUFFER_co_ null)_sm_\nGL.flush()_sm__lt_/code_gt__lt_/pre_gt_\n\n_lt_p_gt_\n\tWith the above code how i export to babylon.js?\n_lt_/p_gt_\n\n_lt_p_gt_\n\tThanks so much! _lt_img alt_eq__qt__dd_)_qt_ data-emoticon_eq__qt__qt_ height_eq__qt_20_qt_ src_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/default_smile.png_qt_ srcset_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/smile@2x.png 2x_qt_ title_eq__qt__dd_)_qt_ width_eq__qt_20_qt_ /_gt__lt_/p_gt_\n\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"},{"Owner":"Deltakosh","Date":"2017-09-18T15:46:45Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tUnfortunately this will require a bit of learning for you.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tHere are some tips_dd_\n_lt_/p_gt_\n\n_lt_p_gt_\n\t1. This is a Babylon.Texture. You need to define if the texture is loaded from file or dynamically updated (then it is a BABYLOn.DynamicTexture)\n_lt_/p_gt_\n\n_lt_p_gt_\n\t2. This is a fullscreen quad. That can be done with a simple PostProcess object_dd_ _lt_a href_eq__qt_http_dd_//doc.babylonjs.com/tutorials/how_to_use_postprocesses_qt_ rel_eq__qt_external nofollow_qt__gt_http_dd_//doc.babylonjs.com/tutorials/how_to_use_postprocesses_lt_/a_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\t3. Not required (actually it is done by the postprocess).\n_lt_/p_gt_\n\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"},{"Owner":"SinhNQ","Date":"2017-09-18T16:28:03Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tThank Deltakosh replied. I know this is really difficult _co_ i will continue learning. _lt_img alt_eq__qt__dd_)_qt_ data-emoticon_eq__qt__qt_ height_eq__qt_20_qt_ src_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/default_smile.png_qt_ srcset_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/smile@2x.png 2x_qt_ title_eq__qt__dd_)_qt_ width_eq__qt_20_qt_ /_gt__lt_/p_gt_\n\n_lt_p_gt_\n\tBabylon.js is a great game engine! _lt_img alt_eq__qt__sm_)_qt_ data-emoticon_eq__qt__qt_ height_eq__qt_20_qt_ src_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/default_wink.png_qt_ srcset_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/wink@2x.png 2x_qt_ title_eq__qt__sm_)_qt_ width_eq__qt_20_qt_ /_gt__lt_/p_gt_\n\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"},{"Owner":"Deltakosh","Date":"2017-09-18T23:39:20Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t_lt_p_gt_\n\tThanks a lot!\n_lt_/p_gt_\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"},{"Owner":"Pryme8","Date":"2017-09-19T17:25:41Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t_lt_p_gt_\n\tsexy_co_ I like this effect a ton! good job.\n_lt_/p_gt_\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"}]