juan juancobe

## tutorial.md

      
              1 file
            
          
              142 forks
            
          
              18 comments
            
          
              1253 stars
            
          
                swalkinshaw
                / tutorial.md
            
            
              Last active
              November 13, 2023 08:40
            
              
                Designing a GraphQL API
              
          
    Moved to Shopify/graphql-design-tutorial


## gist:3b19447b304616f18657
var mediaJSON = { "categories" : [ { "name" : "Movies",
        "videos" : [
		    { "description" : "Big Buck Bunny tells the story of a giant rabbit with a heart bigger than himself. When one sunny day three rodents rudely harass him, something snaps... and the rabbit ain't no bunny anymore! In the typical cartoon tradition he prepares the nasty rodents a comical revenge.\n\nLicensed under the Creative Commons Attribution license\nhttp://www.bigbuckbunny.org",
              "sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" ],
              "subtitle" : "By Blender Foundation",
              "thumb" : "images/BigBuckBunny.jpg",
              "title" : "Big Buck Bunny"
            },
            { "description" : "The first Blender Open Movie from 2006",
              "sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" ],

## GLSL-Noise.md

      
              1 file
            
          
              253 forks
            
          
              23 comments
            
          
              1663 stars
            
          
                patriciogonzalezvivo
                / GLSL-Noise.md
            
            
              Last active
              June 29, 2024 13:05
            
              
                GLSL Noise Algorithms 
              
          
    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
Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);


## Random Images on Refresh
<!DOCTYPE html>
<head>

<!--Little CSS fade in -->
<style>
.fade-in{
  -webkit-animation: fade-in 2s ease;
  -moz-animation: fade-in ease-in-out 2s both;
  -ms-animation: fade-in ease-in-out 2s both;
  -o-animation: fade-in ease-in-out 2s both;
	var mediaJSON = { "categories" : [ { "name" : "Movies",
	"videos" : [
	{ "description" : "Big Buck Bunny tells the story of a giant rabbit with a heart bigger than himself. When one sunny day three rodents rudely harass him, something snaps... and the rabbit ain't no bunny anymore! In the typical cartoon tradition he prepares the nasty rodents a comical revenge.\n\nLicensed under the Creative Commons Attribution license\nhttp://www.bigbuckbunny.org",
	"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" ],
	"subtitle" : "By Blender Foundation",
	"thumb" : "images/BigBuckBunny.jpg",
	"title" : "Big Buck Bunny"
	},
	{ "description" : "The first Blender Open Movie from 2006",
	"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" ],
	<!DOCTYPE html>
	<head>

	<!--Little CSS fade in -->
	<style>
	.fade-in{
	-webkit-animation: fade-in 2s ease;
	-moz-animation: fade-in ease-in-out 2s both;
	-ms-animation: fade-in ease-in-out 2s both;
	-o-animation: fade-in ease-in-out 2s both;