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

smol update

Browse Source
This commit is contained in:
Raphaël Forment
2025-07-05 01:07:53 +00:00
parent c5bd2ba29c
commit 59abe5f5a1
7 changed files with 43 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@ -4,6 +4,15 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bitfielder</title>
<meta name="description" content="Bitfielder is a live bitfield shader editor for creating visual patterns using bitwise operations.">
<meta name="author" content="BuboBubo">
<meta name="keywords" content="shader, bitfield, visual, patterns, programming, interactive, editor">
<meta property="og:title" content="Bitfielder - Bitfield Shader App">
<meta property="og:description" content="Interactive bitfield shader editor for creating visual patterns using bitwise operations">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Bitfielder - Bitfield Shader App">
<meta name="twitter:description" content="Interactive bitfield shader editor for creating visual patterns using bitwise operations">
<style>
* {
margin: 0;
@ -420,12 +429,11 @@
<button id="random-btn">Random</button>
<button id="share-btn">Share</button>
<button id="export-png-btn">Export PNG</button>
<button id="export-gif-btn">Export GIF</button>
</div>
</div>
<div id="editor-panel">
<textarea id="editor" placeholder="Enter shader code... (x, y, t, i)" spellcheck="false">x^y</textarea>
<textarea id="editor" placeholder="Enter shader code... (x, y, t, i, mouseX, mouseY)" spellcheck="false">x^y</textarea>
</div>
<div id="shader-library-trigger"></div>
@ -471,6 +479,7 @@
<p><strong>x, y</strong> - Pixel coordinates</p>
<p><strong>t</strong> - Time (enables animation)</p>
<p><strong>i</strong> - Pixel index</p>
<p><strong>mouseX, mouseY</strong> - Mouse position (0.0 to 1.0)</p>
</div>
<div class="help-section">
@ -492,7 +501,6 @@
<div class="help-section">
<h4>Export</h4>
<p><strong>Export PNG</strong> - Save current frame as image</p>
<p><strong>Export GIF</strong> - Save 2-second animation (if animated)</p>
</div>
</div>
@ -502,4 +510,4 @@
<script type="module" src="/src/main.ts"></script>
</body>
</html>
</html>