Skip to content

Instantly share code, notes, and snippets.

View luisguillermobultetibles's full-sized avatar

Luis Guillermo Bultet Ibles luisguillermobultetibles

View GitHub Profile
<canvas id="canv"></canvas>
<p>Liquid Lights</p>
<canvas id='c'></canvas>
@luisguillermobultetibles
luisguillermobultetibles / index.html
Created March 15, 2023 14:44
Lightning Points (Lightning 2)
<canvas id='c'></canvas>
<canvas id='c'></canvas>
<div id="message">Drag mouse to paint.</div>
<canvas id='c'></canvas>
@luisguillermobultetibles
luisguillermobultetibles / index.html
Created March 15, 2023 14:37
Stars (interactive)
<div class="landscape"></div>
<div class="filter"></div>
<canvas id="canvas"></canvas>
@luisguillermobultetibles
luisguillermobultetibles / index.html
Created March 15, 2023 14:36
SVG line drawing animation
<div class="anim">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1100 800"><g fill="none" fill-rule="evenodd"><path stroke="#31B495" d="M781.02 488.77v69.78c0 1.08-.88 1.96-1.97 1.96l-135.12-.04c-1.09 0-2.6.62-3.38 1.39l-39.23 38.96a5.52 5.52 0 0 1-3.37 1.4h-75.38a1.97 1.97 0 0 1-1.97-1.97v-33.5"/><path stroke="#F4D21F" d="M674.88 355.57l45.54-45.24a5.42 5.42 0 0 0 1.39-3.35l-.06-10.38c0-1.08-.63-2.58-1.4-3.35l-43.38-43.07a1.94 1.94 0 0 1 0-2.77l82.83-82.25a5.52 5.52 0 0 1 3.37-1.4l44.94.1c1.08 0 2.6-.62 3.37-1.37L952.5 22.65"/><path stroke="#1AACA8" d="M507-76.68v265.47a4 4 0 0 0 4 3.99H566c1.08 0 1.97.88 1.97 1.96v147.5c0 1.08-.63 2.59-1.4 3.35l-47.9 47.4a5.45 5.45 0 0 0-1.4 3.34c0 2.25.64 3.76 1.4 4.53l53.82 53.26c.77.76 1.76 1.39 2.19 1.39.43 0 .79.88.79 1.96v70.17c0 1.07-.89 1.96-1.97 1.96l-85.81-.04c-1.09 0-2.6.62-3.38 1.39l-1.55 1.54a5.52 5.52 0 0 1-3.38 1.4h-9.29"/><path stroke="#1F8C43" d="M8 127.82v391.06a4.04 4.04 0 0 0 4 4.04L140.8 524"/><path stroke="#1AA5D0" d="M894.01 374l49.8-49.44a5.