All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
Please consider using http://lygia.xyz instead of copy/pasting this functions. It expand suport for voronoi, voronoise, fbm, noise, worley, noise, derivatives and much more, through simple file dependencies. Take a look to https://github.com/patriciogonzalezvivo/lygia/tree/main/generative
float rand(float n){return fract(sin(n) * 43758.5453123);}
float noise(float p){
float fl = floor(p);
float fc = fract(p);
| import re | |
| import random | |
| def vtoc_idx(s): | |
| match_obj = re.search(r'[aeiou][^aeiou]', s.lower()) | |
| if match_obj: | |
| return match_obj.start() + 1 | |
| else: | |
| return None |
| /* | |
| These are the helper functions to store and to restore a 2D vector with a custom 16 floating point precision in a texture. | |
| The 16 bit are used as follows: 1 bit is for the sign, 4 bits are used for the exponent, the remaining 11 bit are for the mantissa. | |
| The exponent bias is asymmetric so that the maximum representable number is 2047 (and bigger numbers will be cut) | |
| the accuracy from 1024 - 2047 is one integer | |
| 512-1023 it's 1/2 int | |
| 256-511 it's 1/4 int and so forth... | |
| between 0 and 1/16 the accuracy is the highest with 1/2048 (which makes 1/32768 the minimum representable number) |