{"id":93090,"date":"2019-05-06T15:34:37","date_gmt":"2019-05-06T15:34:37","guid":{"rendered":"http:\/\/gamefromscratch.com\/post.aspx?id=90196ba9-60e5-4a87-83dd-6340ae86b371"},"modified":"2019-05-06T15:34:37","modified_gmt":"2019-05-06T15:34:37","slug":"shaderfrog-shader-editor","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2019\/05\/06\/shaderfrog-shader-editor\/","title":{"rendered":"ShaderFrog Shader Editor"},"content":{"rendered":"<p>If you are looking for a tool to quickly create complex shaders by mixing and matching existing shaders, <a href=\"https:\/\/shaderfrog.com\/\">ShaderFrog<\/a> might be the perfect tool for you!&nbsp; Running entirely in your browser, ShaderFrog can be used to create WebGL shaders in two ways.&nbsp; First you can create a shader by connecting together existing shaders, to create a new composite shader.&nbsp; Shaders can even be imported from <a href=\"https:\/\/www.shadertoy.com\/\">ShaderToy<\/a> or the <a href=\"http:\/\/glslsandbox.com\/\">GLSL Sandbox<\/a>.<\/p>\n<p><a href=\"https:\/\/www.gamefromscratch.com\/image.axd?picture=image_3431.png\"><img loading=\"lazy\" decoding=\"async\" width=\"804\" height=\"281\" title=\"image\" alt=\"image\" src=\"http:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2019\/05\/shaderfrog-shader-editor.png\" border=\"0\"><\/a><\/p>\n<p>In addition to the composition based approach, there is also a full blown GLSL text editor with automatic compilation\/error reporting, syntax highlighting and more.&nbsp; Once you are happy with your created shader, you can save it, share it, or export it to iOS, Unity or Three.js.<\/p>\n<p>Check out ShaderFrog in action in the video below.<\/p>\n<p align=\"center\">[youtube https:\/\/www.youtube.com\/watch?v=CEC5NGbf_d4&#038;w=853&#038;h=480]<\/p>\n<p class=\"under\"> <span class=\"categories\"><a href=\"https:\/\/www.gamefromscratch.com\/category\/Programming.aspx\">Programming<\/a> <a href=\"https:\/\/www.gamefromscratch.com\/category\/Design.aspx\">Design<\/a> <a href=\"https:\/\/www.gamefromscratch.com\/category\/Art.aspx\">Art<\/a><\/span> <span class=\"tags\"><a href=\"https:\/\/www.gamefromscratch.com\/?tag=\/Tools\" rel=\"tag\">Tools<\/a><\/span> <\/p>\n<hr>\n","protected":false},"excerpt":{"rendered":"<p>If you are looking for a tool to quickly create complex shaders by mixing and matching existing shaders, ShaderFrog might be the perfect tool for you!&nbsp; Running entirely in your browser, ShaderFrog can be used to create WebGL shaders in two ways.&nbsp; First you can create a shader by connecting together existing shaders, to create [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":93091,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71,64],"tags":[74,177,73],"class_list":["post-93090","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-game-development","category-programming","tag-art","tag-design","tag-programming"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/93090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=93090"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/93090\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media\/93091"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=93090"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=93090"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=93090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}