Sooo, I decided to explore element embedding and #shaders on #Flutter web. I was able to come up with this. I used Renan 💙 's 'Glow Stuff' to achieve a Moon-like effect😅. Majid Hajian 💙 Nilay Coskun Jeremiah Ogbomo Kevin Chisholm Craig Labenz 💙💛🥥🌴 Tim Sneath #FlutterAfrica

@mhadaily @nlycskn @jogboms @kevinjchisholm @craig_labenz @timsneath A little breakdown, The Terrain generation itself was done with p5js by @shiffman. I couldn't recreate it 'easily' with Flutter because I had problems drawing triangle strips with strokes using canvas.drawVertices

The 'moon' was done using @reNotANumber 's Glow stuff which was done using Shaders. This shows that shaders work just fine on flutter web.

Lastly, I leveraged the element embedding to control the terrain's speed and rotation from the flutter side and also display the Glow stuff (moon). Code sample for element embedding here:

The most painful part of working on this was the css💀

Demo and source code available now: Demo: Source code:

@reNotANumber @mhadaily @nlycskn @jogboms @kevinjchisholm @craig_labenz @timsneath I was testing the same. Not my shaders tho, they come from ShaderToy. It's a plugin, working on linux, android and mostly on windows if someone interested

@reNotANumber @mhadaily @nlycskn @jogboms @kevinjchisholm @craig_labenz @timsneath Put it up on or @Firebase hosting, dude! We want to play with it! See

@reNotANumber @mhadaily @nlycskn @jogboms @kevinjchisholm @craig_labenz @timsneath @Firebase I hosted it on firebase:

@reNotANumber @mhadaily @nlycskn @jogboms @kevinjchisholm @craig_labenz @timsneath 🙌 I mean

@shiffman @reNotANumber @mhadaily @nlycskn @jogboms @kevinjchisholm @craig_labenz @timsneath