Since Twitter doesn't have an edit button, it's a suitable host for JavaScript modules.
Source tweet: https://twitter.com/rauchg/status/712799807073419264
const leftPad = await requireFromTwitter('712799807073419264');
Reed rdsilver
nkvenom
/ recursive-render.html
Last active
August 5, 2022 08:15
React Example Render Recursive Function
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Recursive Component in React</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.11.0/umd/react.development.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.11.0/umd/react-dom.development.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> | |
| </head> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // A bot for this silly demo: http://www.webdeveloperjuice.com/demos/jquery/snake_jquery.html | |
| // Compile with http://closure-compiler.appspot.com/home set to Advanced Optimization | |
| // | |
| // Automatically runs when compiled statement is pasted into console. Type "win()" to run it again. | |
| (window['win'] = function () { | |
| // direction mappings | |
| var i, dirs = ['up', 'right', 'down', 'left'], | |
| diffs = [[-1, 0], [0, 1], [1, 0], [0, -1]]; // don't ask me why the coords are ordered [y,x] | |
| window['t'] = 1; // next Turn direction if we hit a wall (opposite of last turn direction) | |
| window['m'] = 0; // My internally tracked direction |
atduskgreg
/ rotation_around_a_point.pde
Created
December 24, 2011 05:22
Controlling the center of rotation in Processing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Rotation Around a Point | |
| // *********************** | |
| // To acheive rotation around a given point | |
| // - translate to that point | |
| // - rotate | |
| // - then translate back | |
| // (note: in Processing this last step is implicit | |
| // since draw() resets all transformations | |
| // each time it runs.) |