Blog

Lastige libraries op replit of p5live

Geen audio op replit?

  • Niet elke p5js bibliotheek heeft audio aan boord
  • Voeg je een audio library toe, heb je een versie conflict waar je niet uit komt
  • Mis je weer de collide2d library?

Neem de goede code

Het gaat om de juiste index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.js">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/addons/p5.sound.js">
    </script>
    <!-- Includes the p5.collide2D addon library -->
    <script defer src="https://unpkg.com/p5.collide2d">
    </script>
  </head>
  <body>
    <script src="script.js"></script>
  </body>
</html>

Demo

https://p5jsnl-default.eloquent161.repl.co/

Op P5live

Op deze website kun je de index.html niet editen. Gebruik de volgende hack om collide2d te importeren:

let libs = ["https://cdn.jsdelivr.net/npm/p5.collide2d@0.7.3/p5.collide2d.js"]

Hele Voorbeeld Code

Deze code kun je runnen in p5live.


let libs = ["https://cdn.jsdelivr.net/npm/p5.collide2d@0.7.3/p5.collide2d.js"]
	

function setup() {
	createCanvas(windowWidth, windowHeight);
   

}

function draw() {
	 if (collidePointRect(mouseX,mouseY,100,100) ) {
	print("yes")
} else { 
	print("no")
}

}