Login
main >   html_canvas >  


Javascript:
https://www.vantajs.com/?effect=net
https://www.youtube.com/watch?v=00_Tqdt79Rw

Crop a video into a canvas:
https://developertip.wordpress.com/2011/06/04/tuto-html5-how-to-crop-a-video-tag-into-a-canvas-tag/

https://www.google.com/search?client=ms-android-samsung&ei=SIDeXJ3QM9Ok1fAPu6q82AM&q=Webgl+white+water+effect&oq=Webgl+white+water+effect&gs_l=mobile-gws-wiz-serp.3...6845.10313..11348...0.0..0.571.2801.3-2j2j2......0....1.........0i71j0i7i30j0i30j0i8i30.gRqPEdJ9sB8

https://www.designspiration.com/save/2392015136606/
https://depositphotos.com/vector-images/guru.html

<!DOCTYPE html>
<html>
<head>
<title> Vanta </title>
</head>
<body>

<div id="animation-bg" style="height: 100%; width: 100%;">
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script>

<script type="text/javascript">
VANTA.BIRDS({
  el: "#animation-bg",
  mouseControls: true,
  touchControls: true,
  gyroControls: false,
  minHeight: 600.00,
  minWidth: 200.00,
  scale: 1.00,
  scaleMobile: 1.00,
  backgroundColor: 0xffffff,
  color1: 0x303093,
  color2: 0x0,
  birdSize: 0.70,
  wingSpan: 40.00,
  speedLimit: 8.00,
  separation: 34.00,
  alignment: 83.00,
  cohesion: 88.00
})
</script>

</body>
</html>
hidden1

hidden2