반응형 Development/Processing5 p5.particle.js 2d 오브젝트의 파티클 라이브러리 p5.particle.js 2d 오브젝트의 파티클 라이브러리 [다운로드] http://p5js.org/download/ (p5.js, p5.min.js)https://github.com/bobcgausa/cook-js/blob/master/p5.particle.js (p5.particle.js) [particle.ejs]hello [particle.js]var defs;var of;var t;var s="ABCDEFGHIJKLMNOPQRSTUVWXYZ";var s1 = "안녕 파티클 나는 너를 사용해 볼생각이야"; function ftext(fountain, particle) { stroke(fountain.colors[Math.floor(particle.life*fountain.colors.length.. 2017. 4. 20. p5.scribble.js 손글씨 형태의 2D Object p5.scribble.js 손글씨 형태의 2D Object [다운로드]http://p5js.org/download/ (p5.js, p5.min.js)https://github.com/generative-light/p5.scribble.js (p5.scribble.js) [index.html] [scribble.js]var scribble = new Scribble();var x0=100;var y0=100;var w=50;var h=50;var x1=50;var y1=175;var x2=100;var y2=225;var x3=150;var y3=100;var x4=190;var y4=190; function setup() { canvas = createCanvas(1000, 500); // an arra.. 2017. 4. 12. p5.collide2d.js 2D geometry에서의 충돌 감지 [다운로드]http://p5js.org/download/ (p5.js, p5.min.js)https://github.com/bmoren/p5.collide2D (p5.collide2d.js) [index.html] [collide.js]var cir;var drops = [];var numdrops = 20; function setup() { canvas = createCanvas(1000, 400); canvas.parent('myContainer'); canvas.position(10, 10); cir = new circleObj(20); for(i=0;i 2017. 3. 24. p5.js dom library, Beyond the canvas p5.js dom library, Beyond the canvas [다운로드]http://p5js.org/download/ (p5.js, p5.min.js) [index.html] [htmldom.js]js파일을 하나 만들어 아래 코드 삽입 후 테스트var canvas; function setup() { canvas = createCanvas(600, 400); canvas.parent('myContainer'); canvas.position(10, 10); //listener canvas.mouseOver(hideImg); canvas.mouseOut(showImg); canvas.mouseMoved(incDiameter); canvas.mouseClicked(mouseClick); //createDi.. 2017. 3. 15. p5.js sound library, FFT 이용한 sound visualization p5.js sound library, FFT 이용한 sound visualization [다운로드]http://p5js.org/download/ (p5.js, p5.min.js)https://github.com/processing/p5.js-sound/tree/master/lib (p5.sound.js, p5.sound.min.js) [음원파일]C:\Users\Public\Music\Sample Music\Kalimba.mp3C:\Users\Public\Music\Sample Music\Sleep Away.mp3두 개의 파일을 html 프로젝트 내 public 폴더의 audio 폴더로 옮겨놓음. [app.js]app.use(express.static(path.join(__dirname, 'public').. 2017. 3. 14. 이전 1 다음 반응형
