Twitter abuses all media file uploads, each type in its own way. If we want to upload a good looking animation loop from some low-color, high-detail generative art, we have to game their system's mechanisms.
don't upload a video file, they will re-encode it into absolute 💩
create a GIF, which they will auto-convert into a video file 😱
The frames of the GIF will be resized to an even-sized width using an extremely naive algorithm. Your GIF should be an even size (1000, 2000,
💡 These steps will become easier, less technical, and more accessible as more open tools begin to emerge around Hicetnunc pinning. The steps below assume macOS but should work similarly across other platforms. This gist can be seen as a working draft toward more polished documentation; if you see any issues please post a comment below.
Hicetnunc.xyz aims to be "decentralized" which means the OBJKTs are owned by the users, not the platform. So, in theory, if hicetnunc disappears, another marketplace could emerge on the same (user-owned) assets. But, this paradigm of decentralization means that you own the assets; so the responsibility to maintain them lies on the users, not the platform.
Of course, hicetnunc and some of its users will probably also make an effort to help maintain all the assets on its platform; but you should not rely purely on that, as it goes against the core ethos of dec
| // Modified version of ECSY's ObjectPool, see here: | |
| // https://github.com/ecsyjs/ecsy/blob/dev/src/ObjectPool.js | |
| const ret = (e) => e; | |
| const und = () => undefined; | |
| export default class ObjectPool { | |
| static isObjectPool = true; | |
| constructor(opt = {}) { |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| .editor { font-family: 'Roboto Mono', monospace; font-size: 12px; outline: none; overflow-y: auto; padding-left: 48px; counter-reset: line; } | |
| .editor div { display: block; position: relative; white-space: pre-wrap; } | |
| .editor div::before { content: counter(line); counter-increment: line; position: absolute; right: calc(100% + 16px); opacity: 0.5; } | |
| </style> | |
| </head> |
| import { mergeUniforms } from 'three/src/renderers/shaders/UniformsUtils.js' | |
| import { UniformsLib } from 'three/src/renderers/shaders/UniformsLib.js' | |
| export default { | |
| uniforms: mergeUniforms([ | |
| UniformsLib.lights, | |
| UniformsLib.fog, | |
| ]), |
| // Sobel Edge Detection Filter | |
| // GLSL Fragment Shader | |
| // Implementation by Patrick Hebron | |
| uniform sampler2D texture; | |
| uniform float width; | |
| uniform float height; | |
| void make_kernel(inout vec4 n[9], sampler2D tex, vec2 coord) | |
| { |
| /* | |
| A full list of simple easing equations inspired by GIST from greweb - https://gist.github.com/gre/1650294 | |
| Equations source - http://gsgd.co.uk/sandbox/jquery/easing/ | |
| */ | |
| { | |
| linear: function(t) { | |
| return t | |
| }, | |
| inQuad: function(t) { |
Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.
$ python -m SimpleHTTPServer 8000
| # Font Squirrel Font-face Generator Configuration File | |
| # Upload this file to the generator to recreate the settings | |
| # you used to create these fonts. | |
| {"mode":"expert","formats":["ttf","woff","eot","svg"],"tt_instructor":"default","options_subset":"advanced","subset_custom":"","subset_custom_range":"f000-f073,f200-f273","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0","rememberme":"Y"} |
| var p1 = { | |
| x: 20, | |
| y: 20 | |
| }; | |
| var p2 = { | |
| x: 40, | |
| y: 40 | |
| }; |