Inside

​

//Credit goes mainly goes to Richard Bourne - I just tweaked some variables

//hope you all enjoy!

​

//Music by <a href="https://pixabay.com/users/sergepavkinmusic-6130722/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=166385">Sergii Pavkin</a> from <a href="https://pixabay.com//?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=166385">Pixabay</a>

​

function preload() //used to load sounds

{

  soundFormats('mp3', "wav"); 

  song = loadSound('song.mp3');

}

​

/**

 * This combines p5 with Shader Park: https://shaderpark.com/

 * to draw via an SDF. Now that p5 has WebGL 2 support, you can

 * use Shader Park SDFs in p5 and even have your p5 shapes draw in front

 * of and behind them! Huge thanks to Dave Pagurek for his help on this!

 * 

 * If you want to try Shader Park in a p5 sketch of your own, make sure

 * to add this library to the list of enabled libraries on OpenProcessing:

 * https://cdn.jsdelivr.net/npm/shader-park-core/dist/shader-park-p5.js

 * - Torin Blankensmith, creator of Shader Park

 **/

​

​

let sdf;

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

  song.play()

  song.loop()

  // `createShaderPark` takes in a function that defines a shape using

  // the Shader Park API available here:

  // https://docs.shaderpark.com/references-js/

  // shaderParkCode is loaded in from shaderParkCode.js

  // Shader Park will convert the javascript into a shader for you

  sdf = createShaderPark(shaderParkCode, {

    //uniformly scale your entire shader park scene

    scale: 1, // reduce this value if your scene is cut off at the edges

    // control what geometry the shader gets applied to

    drawGeometry: () => sphere(170) // increase this value to enlarge the scene

  });

}

let x=0

let y=0

function draw() {

  //clear();

  background("purple");

  noStroke();

  orbitControl();

  // The Shader Park distance field is drawn to an invisible sphere.

  // A good practice is to keep your coordinate space in Shader Park

  // close to (0, 0, 0) and then move the sdf around later on with P5

  translate(-170, 0,-900);

  scale(6);

  push();

  sdf.draw();

​

}

​

let lapse = 10;    // mouse timer

​