Interactive weather widget with 3D clouds that rain on click. Tech: HTML, Tailwind CSS, JavaScript, Three.js, WebGL.
A Pen by Puneet | Techartist on CodePen.
Interactive weather widget with 3D clouds that rain on click. Tech: HTML, Tailwind CSS, JavaScript, Three.js, WebGL.
A Pen by Puneet | Techartist on CodePen.
An experimental animation where cards slide through a glowing beam and transform into code. Inspired by the awesome Evervault visuals ✨
A Pen by BL/S® Studio on CodePen.
| <canvas id="canvas"></canvas> | |
| <textarea id="codeEditor" class="editor" spellcheck="false" autocorrect="off" autocapitalize="off" translate="no" oninput="render()"></textarea> | |
| <pre id="error"></pre> | |
| <div id="indicator"></div> | |
| <div id="controls"> | |
| <div class="controls"> | |
| <input id="btnToggleView" class="icon" type="checkbox" name="toggleView" onclick="toggleView()"> | |
| <input id="btnToggleResolution" class="icon" type="checkbox" name="toggleResolution" onchange="toggleResolution()"> | |
| <input id="btnReset" class="icon" type="checkbox" name="reset" onclick="reset()"> | |
| </div> |
| # -*- coding: utf-8 -*- | |
| import re | |
| import urllib | |
| from multiprocessing import Pool | |
| import requests | |
| import progressbar | |
| CHUNK_SIZE = 1024 * 1024 # 1MB | |
| def download(i): |