BuboBubo/bitfielder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lots of updates

Browse Source
This commit is contained in:
Raphaël Forment
2025-07-06 01:14:43 +02:00
parent 96af50ee6b
commit f84b515523
6 changed files with 382 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
index.html
View File

@ -784,6 +784,16 @@
<option value="60">60 FPS</option>
</select>
</label>
<label style="color: #ccc; font-size: 12px; margin-right: 10px;">
Value Mode:
<select id="value-mode-select" style="background: rgba(255,255,255,0.1); border: 1px solid #555; color: #fff; padding: 4px; border-radius: 4px;">
<option value="integer" selected>Integer (0-255)</option>
<option value="float">Float (0.0-1.0)</option>
<option value="polar">Polar (angle-based)</option>
<option value="distance">Distance (radial)</option>
<option value="wave">Wave (ripple)</option>
</select>
</label>
<label style="color: #ccc; font-size: 12px; margin-right: 10px;">
Render Mode:
<select id="render-mode-select" style="background: rgba(255,255,255,0.1); border: 1px solid #555; color: #fff; padding: 4px; border-radius: 4px;">
@ -848,6 +858,16 @@
<option value="60">60 FPS</option>
</select>
</div>
<div class="mobile-menu-item">
<label>Value Mode</label>
<select id="value-mode-select-mobile">
<option value="integer" selected>Integer (0-255)</option>
<option value="float">Float (0.0-1.0)</option>
<option value="polar">Polar (angle-based)</option>
<option value="distance">Distance (radial)</option>
<option value="wave">Wave (ripple)</option>
</select>
</div>
<div class="mobile-menu-item">
<label>Render Mode</label>
<select id="render-mode-select-mobile">
@ -960,6 +980,40 @@
<p><strong>^ & |</strong> - XOR, AND, OR</p>
<p><strong>&lt;&lt; &gt;&gt;</strong> - Bit shift left/right</p>
<p><strong>+ - * / %</strong> - Math operations</p>
<p><strong>== != &lt; &gt;</strong> - Comparisons (return 0/1)</p>
<p><strong>? :</strong> - Ternary operator (condition ? true : false)</p>
<p><strong>~ **</strong> - Bitwise NOT, exponentiation</p>
</div>
<div class="help-section">
<h4>Math Functions</h4>
<p><strong>sin, cos, tan</strong> - Trigonometric functions</p>
<p><strong>abs, sqrt, pow</strong> - Absolute, square root, power</p>
<p><strong>floor, ceil, round</strong> - Rounding functions</p>
<p><strong>min, max</strong> - Minimum and maximum</p>
<p><strong>random</strong> - Random number 0-1</p>
<p><strong>log, exp</strong> - Natural logarithm, exponential</p>
<p><strong>PI, E</strong> - Math constants</p>
<p>Use without Math. prefix: <code>sin(x)</code> not <code>Math.sin(x)</code></p>
</div>
<div class="help-section">
<h4>Value Modes</h4>
<p><strong>Integer (0-255):</strong> Traditional mode for large values</p>
<p><strong>Float (0.0-1.0):</strong> Bitfield shader mode, inverts and clamps values</p>
<p><strong>Polar (angle-based):</strong> Spiral patterns combining angle and radius</p>
<p><strong>Distance (radial):</strong> Concentric wave rings with variable frequency</p>
<p><strong>Wave (ripple):</strong> Multi-source interference with amplitude falloff</p>
<p>Each mode transforms your expression differently!</p>
</div>
<div class="help-section">
<h4>Advanced Features</h4>
<p><strong>Array indexing:</strong> <code>[1,2,4,8][floor(t%4)]</code></p>
<p><strong>Complex expressions:</strong> <code>x&gt;y ? sin(x) : cos(y)</code></p>
<p><strong>Nested functions:</strong> <code>pow(sin(x), abs(y-x))</code></p>
<p><strong>Logical operators:</strong> <code>x&amp;&amp;y</code>, <code>x||y</code></p>
<p>No character or length limits - use any JavaScript!</p>
</div>
<div class="help-section">