Vertex
- create:
left-click
on edit panel - delete:
right-click
on edit panel
Dump
- vertices for
clip-path:polygon(..)
<canvas id="canvas"></canvas> | |
<div id="hud"> | |
<div id="msg"></div> | |
<div id="algos"></div> | |
</div> | |
<div id="help"> | |
<div> | |
<h1>THE SPIRAL</h1> | |
<h4>Music Player / Visualizer v1.0.0</h4> | |
<h3>HELP SCREEN</h3> |
<div class="login-box"> | |
<h2>Login</h2> | |
<form id="frm" name="frm" action="/login" method="post"> | |
<div class="user-box"> | |
<input type="text" name="username" required> | |
<label>Username</label> | |
</div> | |
<div class="user-box"> | |
<input type="password" name="password" required> | |
<label>Password</label> |
- src = "https://images.unsplash.com/photo-1599407365109-d62ea7d81a42?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=630&q=80" | |
- text = " css clip-path " | |
div | |
img#bg(src=src) | |
img#fg(src=src) | |
- for (const ch of text) | |
span=ch | |
base(target="_blank") | |
ul#credits |
<img id="elImg" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gIcSUNDX1BST0ZJTEUAAQEAAAIMbGNtcwIQAABtbnRyUkdCIFhZWiAH3AABABkAAwApADlhY3NwQVBQTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWxjbXMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApkZXNjAAAA/AAAAF5jcHJ0AAABXAAAAAt3dHB0AAABaAAAABRia3B0AAABfAAAABRyWFlaAAABkAAAABRnWFlaAAABpAAAABRiWFlaAAABuAAAABRyVFJDAAABzAAAAEBnVFJDAAABzAAAAEBiVFJDAAABzAAAAEBkZXNjAAAAAAAAAANjMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0ZXh0AAAAAElYAABYWVogAAAAAAAA9tYAAQAAAADTLVhZWiAAAAAAAAADFgAAAzMAAAKkWFlaIAAAAAAAAG+iAAA49QAAA5BYWVogAAAAAAAAYpkAALeFAAAY2lhZWiAAAAAAAAAkoAAAD4QAALbPY3VydgAAAAAAAAAaAAAAywHJA2MFkghrC/YQPxVRGzQh8SmQMhg7kkYFUXdd7WtwegWJsZp8rGm/fdPD6TD////bAIQAAgMDAwQDBAUFBAYGBgYGCAgHBwgIDQkKCQoJDRMMDgwMDgwTERQRDxEUER4YFRUYHiMdHB0jKiUlKjUyNUVFXAECAwMDBAMEBQUEBgYGBgYICAcHCAgNCQoJCgkNEwwODAwODBMRFBEPERQRHhgVFRgeIx0cHSMqJSUqNTI1RUVc/8AAEQgBdwEsAwEiAAIRAQMRAf/EAaIAAAEFAQEBAQEBAAAAAAAA |
Fragment shader, just math - no framework. JS window is webgl bootstrap and texture loading/attaching to canvas. HTML window is the fragment and vertex shaders. Basically I'm making a 3D scene that is projected on the canvas by using distance fields (mathematical formulas that represent an object.)
gpg --gen-key --batch <<EOF | |
Key-Type: RSA | |
Key-Length: 4096 | |
Subkey-Type: RSA | |
Subkey-Length: 4096 | |
Name-Real: <ton_nom> | |
Name-Email: <ton_mail> | |
Expire-Date: 0 | |
Passphrase: <ta_passphrase> | |
%pubring foo${1}.pub |
[Unit] | |
Description=Leafnode NNTP Socket | |
[Socket] | |
ListenStream=127.0.0.1:119 | |
Accept=true | |
[Install] | |
WantedBy=sockets.target |
var net = require('net'); | |
var END = '\r\n'; | |
var groups = ['nodejs.test']; | |
var articles = { | |
'<[email protected]>' : {body : 'An article.'}, | |
'<[email protected]>' : {body : 'Another article.'}, | |
}; |
if _BASHRC_WAS_RUN 2>/dev/null; then | |
:; | |
else # Stuff that only needs to run the first time we source .bashrc. | |
# Useful to allow re-sourcing new changes, without breaking/changing things in this section | |
alias _BASHRC_WAS_RUN=true | |
# ... continued ... | |
fi | |
# Last mod time of a file or files | |
get_file_timestamp () { |