https://berniebernie.fr/mediawiki-1.37.1/index.php?action=history&feed=atom&title=Vj 2026-04-29T18:21:06Z Revision history for this page on the wiki MediaWiki 1.37.1 https://berniebernie.fr/mediawiki-1.37.1/index.php?title=Vj&diff=269&oldid=prev 2017-10-04T15:49:06Z

<p><span dir="auto"><span class="autocomment">Grab from</span></span></p> <p><b>New page</b></p><div>===Grab from===<br /> <br /> * https://www.shadertoy.com/view/lsfcD7<br /> <br /> * https://www.shadertoy.com/view/4dcGW2 @image en fragColor = rd; to remove ugly lighting<br /> <br /> * custom images in shadertoy: <br /> <br /> &lt;pre&gt;<br /> /*<br /> <br /> A simple method to load custom image textures in Shadertoy!<br /> -----------------------------------------------------------<br /> <br /> The idea is to call directly the SetTexture function found in Shadertoy js code.<br /> <br /> Here is how to loads the three textures needed for this shader:<br /> - Open the javascript console of your browser:<br /> Mac / Windows<br /> Chrome: cmd + opt + J / ctrl + shift J<br /> Firefox: cmd + opt + K / ctrl + shift K<br /> IE: na / F12 <br /> <br /> - Then copy the following lines in the console to load custom 2048x2048 textures:<br /> <br /> gShaderToy.SetTexture(0, {mSrc:&#039;https://dl.dropboxusercontent.com/s/88u2uo8dxdmgzxo/world2.jpg?dl=0&#039;, mType:&#039;texture&#039;, mID:1, mSampler:{ filter: &#039;mipmap&#039;, wrap: &#039;repeat&#039;, vflip:&#039;true&#039;, srgb:&#039;false&#039;, internal:&#039;byte&#039; }});<br /> gShaderToy.SetTexture(1, {mSrc:&#039;https://dl.dropboxusercontent.com/s/5rdhhnvnr5mochq/cloud2.jpg?dl=0&#039;, mType:&#039;texture&#039;, mID:1, mSampler:{ filter: &#039;mipmap&#039;, wrap: &#039;repeat&#039;, vflip:&#039;true&#039;, srgb:&#039;false&#039;, internal:&#039;byte&#039; }});<br /> gShaderToy.SetTexture(2, {mSrc:&#039;https://dl.dropboxusercontent.com/s/ojl5zoxgbdn5w5s/light2.jpg?dl=0&#039;, mType:&#039;texture&#039;, mID:1, mSampler:{ filter: &#039;mipmap&#039;, wrap: &#039;repeat&#039;, vflip:&#039;true&#039;, srgb:&#039;false&#039;, internal:&#039;byte&#039; }});<br /> <br /> - Or, the following lines for 1024x1024 textures:<br /> <br /> gShaderToy.SetTexture(0, {mSrc:&#039;https://dl.dropboxusercontent.com/s/0j4q7p4x0upj40q/world1.jpg?dl=0&#039;, mType:&#039;texture&#039;, mID:1, mSampler:{ filter: &#039;mipmap&#039;, wrap: &#039;repeat&#039;, vflip:&#039;true&#039;, srgb:&#039;false&#039;, internal:&#039;byte&#039; }});<br /> gShaderToy.SetTexture(1, {mSrc:&#039;https://dl.dropboxusercontent.com/s/26xr0l2ly68xgzh/cloud1.jpg?dl=0&#039;, mType:&#039;texture&#039;, mID:1, mSampler:{ filter: &#039;mipmap&#039;, wrap: &#039;repeat&#039;, vflip:&#039;true&#039;, srgb:&#039;false&#039;, internal:&#039;byte&#039; }});<br /> gShaderToy.SetTexture(2, {mSrc:&#039;https://dl.dropboxusercontent.com/s/b67udjdsw4gzf99/light1.jpg?dl=0&#039;, mType:&#039;texture&#039;, mID:1, mSampler:{ filter: &#039;mipmap&#039;, wrap: &#039;repeat&#039;, vflip:&#039;true&#039;, srgb:&#039;false&#039;, internal:&#039;byte&#039; }});<br /> <br /> - hit return to execute and load the textures.<br /> <br /> <br /> Using your own images:<br /> - The first argument of gShaderToy.SetTexture() is the iChannel index from 0 to 3<br /> - The second argument defines the url and additional parameters of the texture.<br /> - Your images must be hosted on a server (such as Dropbox) that allows direct link <br /> from a different domain in javascript. Otherwise, you will get an error message:<br /> &quot;&#039;example.com has been blocked from loading by Cross-Origin Resource Sharing policy&quot;<br /> <br /> */<br /> &lt;/pre&gt;</div>

Bernie