{"id":3116,"date":"2013-10-21T23:31:19","date_gmt":"2013-10-21T21:31:19","guid":{"rendered":"http:\/\/hintz.bplaced.net\/?p=3116"},"modified":"2023-03-04T19:53:55","modified_gmt":"2023-03-04T18:53:55","slug":"rings","status":"publish","type":"post","link":"http:\/\/hintz.bplaced.net\/de\/2013\/webgl\/hexagonale-ringe\/","title":{"rendered":"Hexagonale Ringe"},"content":{"rendered":"<p>Dieses Muster besteht aus bewegten Ringen in einem hexagonales Raster mit Neon-Farben.<\/p>\n<p class=\"webgl\"><img decoding=\"async\" src=\"http:\/\/hintz.bplaced.net\/images\/2013\/10\/hexagonalrings.jpg\" \/><a href=\"https:\/\/glslsandbox.com\/e#11649.0\"><canvas width=\"620\" height=\"620\"><script type=\"x-shader\/x-vertex\">attribute vec2 position; void main() { gl_Position = vec4(position, 0, 1); }<\/script><script type=\"x-shader\/x-fragment\">\n#ifdef GL_ES\nprecision mediump float;\n#endif\n\/\/ Neon Rings by @hintz 2013-10-21\nuniform float time;\nuniform vec2 mouse;\nuniform vec2 resolution;\n#define PI 3.14159265359\t\n#define TWO_PI (PI*2.0)\n#define N 6.0\nvoid main(void) \n{\n\tvec2 v = (gl_FragCoord.xy - resolution * 0.5) \/ min(resolution.y,resolution.x) * 40.0;\n\tvec3 col = vec3(0.0);\n\tv*=cos(time*0.51);\n\tv+=5.0*vec2(cos(0.3*time),sin(0.3*time));\n\tfor (float i = 0.0; i < N; i++) \n\t{\n\t  \tfloat a = 0.2*time + i * (TWO_PI\/N);\n\t\tvec2 w;\n\t\tfloat cosa = cos(a);\n\t\tfloat sina = sin(a);\n\t\tw.x = v.x*cosa - v.y*sina;\n  \t\tw.y = v.y*cosa + v.x*sina;\n\t\tcol.xyz = col.yxz + vec3(cos(w.y + time*0.99),sin(w.y + time*0.9),cos(w.x + time*0.8));\n\t}\t\n\tcol = 1.0-normalize(abs(col+vec3(0.5,1.0,0.5)));\n\tgl_FragColor = vec4(col, 1.0);\n}\n<\/script><\/canvas><\/a><\/p>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Dieses Muster besteht aus bewegten Ringen in einem hexagonales Raster mit Neon-Farben.<\/p>\n","protected":false},"author":1,"featured_media":3121,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[144],"tags":[149,147,150,145,189],"_links":{"self":[{"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/posts\/3116"}],"collection":[{"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/comments?post=3116"}],"version-history":[{"count":12,"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/posts\/3116\/revisions"}],"predecessor-version":[{"id":3456,"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/posts\/3116\/revisions\/3456"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/media\/3121"}],"wp:attachment":[{"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/media?parent=3116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/categories?post=3116"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hintz.bplaced.net\/de\/wp-json\/wp\/v2\/tags?post=3116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}