2017-03-01から1ヶ月間の記事一覧
See the Pen a circle by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; void main(void) { float d = distance(gl_FragCoord.xy, u_resolution.xy / 2.); float v =…
See the Pen stripe rings by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float u_time; uniform vec2 u_mouse; uniform vec2 u_resolution; void main(void) { float d = sqrt(pow(gl_FragCoord.x - u_resolution.x / 2.0, 2.0) +…
See the Pen my first first GLSL program by aadebdeb (@aadebdeb) on CodePen. precision mediump float; uniform float time; uniform vec2 mouse; uniform vec2 resolution; void main(void) { gl_FragColor = vec4(abs(sin(gl_FragCoord.x * 0.1)), abs…
See the Pen sphere of points by aadebdeb (@aadebdeb) on CodePen. <html lang="ja"> <head> <meta charset="utf-8"> <title>[2017/03/28] sphere of points</title> <style> body { margin: 0; overflow: hidden; } </style> </meta></head></html>
See the Pen space travel by aadebdeb (@aadebdeb) on CodePen. <html lang="ja"> <head> <meta charset="utf-8"> <title>[2017/03/27] space travel</title> <style> body { margin: 0; overflow: hidden; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"><…</meta></head></html>
See the Pen RGB SpotLight by aadebdeb (@aadebdeb) on CodePen. <html lang="ja"> <head> <meta charset="utf-8"> <title>[2017/03/26] RGB SpotLight</title> <style> body { margin: 0; overflow: hidden; } </style> </meta></head></html>
See the Pen point cloud by aadebdeb (@aadebdeb) on CodePen. <html lang="ja"> <head> <meta charset="utf-8"> <title>[2017/04/25] point cloud</title> <style> body { margin: 0; overflow: hidden; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"></meta></head></html>
See the Pen MeshPhongMaterial test by aadebdeb (@aadebdeb) on CodePen. <html lang="ja"> <head> <meta charset="utf-8"> <title>[2017/03/24] MeshPhongMaterial test</title> <style> body { margin: 0; overflow: hidden; } </style> </meta></head></html>
See the Pen materials for sphere by aadebdeb (@aadebdeb) on CodePen. <html lang="en"> <head> <meta charset="utf-8"> <title>[2017/03/23]materials for sphere</title> <style> body { margin: 0; overflow: hidden; } </style> </meta></head></html>
See the Pen [Three.js]blocks controlled height by mouse by aadebdeb (@aadebdeb) on CodePen. <html lang="en"> <head> <meta charset="utf-8"> <title>[2017/03/22]blocks controlled height by mouse</title> <style> body { margin: 0; overflow: hidden; } </style> </meta></head></html>
See the Pen [2017/03/21][Three.js]sphere ball by aadebdeb (@aadebdeb) on CodePen. <html lang="en"> <head> <meta charset="utf-8"> <title>[2017/03/21] sphere ball</title> <style> body { margin: 0; overflow: hidden; } </style> </meta></head></html>
See the Pen [2017/03/20][Three.js]big cube by cubes by aadebdeb (@aadebdeb) on CodePen. <html lang="en"> <head> <meta charset="utf-8"> <title>[2017/03/20] big cube by cubes</title> <style> body { margin: 0; overflow: hidden; } </style> </meta></head></html>
See the Pen [2017/03/19][Three.js]shadow by cubes by aadebdeb (@aadebdeb) on CodePen. <html lang="en"> <head> <meta charset="utf-8"> <title>[2017/03/19] shadow by cubes</title> <style> body { margin: 0; overflow: hidden; } </style> </meta></head></html>
See the Pen [2017/03/18] some lights and many spheres by aadebdeb (@aadebdeb) on CodePen. <html lang="en"> <head> <meta charset="utf-8"> <title>[2017/03/18] some lights and many spheres</title> <style> body { margin: 0; overflow: hidden; } </style> </meta></head></html>
/** * sweep bubbles #2 * * @author aadebdeb * @date 2017/03/16 */ var easingVariables; var circles; function setup() { createCanvas(windowWidth, windowHeight); frameRate(30); easingVariables = []; circles = []; for (var i = 0; i < 1000; i+…
/** * sweep bubbles * * @author aadebdeb * @date 2017/03/15 */ var easingVariables; var circles; function setup() { createCanvas(windowWidth, windowHeight); frameRate(30); easingVariables = []; circles = []; for (var i = 0; i < 500; i++) {…
/** * touchable bubbles * * @author aadebdeb * @date 2017/03/14 */ var easingVariables; var circles; function setup() { createCanvas(windowWidth, windowHeight); colorMode(HSB, 360, 100, 100, 100); frameRate(30); easingVariables = []; circl…
/** * expanding circles * * @author aadebdeb * @date 2017/03/13 */ var eventManager; function setup() { createCanvas(windowWidth, windowHeight); frameRate(30); eventManager = new EventManager(); for (var i = 0; i < 100; i++) { eventManager…
/** * expanding lines by mouse click * * @author aadebdeb * @date 2017/03/12 */ var eventManager; function setup() { createCanvas(windowWidth, windowHeight); frameRate(30); eventManager = new EventManager(); } function draw() { eventManage…
/** * fall from ceiling * * @author aadebdeb * @date 2017/03/11 */ var offset; var shows; var actionFrames = 15; var counter = 0; function setup() { createCanvas(windowWidth, windowHeight); frameRate(60); offset = random(10000); event= fal…
/** * noisy perlin noise * * @author aadebdeb * @date 2017/03/10 */ function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { var nscale = 0.004; var noffsetX = random(10000); var noffsetY = ra…
/** * modulated perlin noise * * @author aadebdeb * @date 2017/03/09 */ function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { var nscale = 0.01; var noffsetX = random(10000); var noffsetY =…
/** * modulated perlin noise * * @author aadebdeb * @date 2017/03/08 */ function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { var nscale = 0.002; var nbaseX = random(10000); var nbaseY = ra…
/** * distorted perline noise #3 * * @author aadebdeb * @date 2017/03/07 */ function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { background(0); noStroke(); var ndw = random(10000); var ndh…
/** * distorted perline noise #2 * * @author aadebdeb * @date 2017/03/06 */ function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { background(0); noStroke(); var ndistort = random(10000); va…
/** * distorted perline noise * * @author aadebdeb * @date 2017/03/05 */ function keyPressed(){ saveCanvas("image.jpg", "jpg"); } function setup() { createCanvas(windowWidth, windowHeight); mousePressed(); } function mousePressed() { backg…
/** * intersection points of circles * * @author aadebdeb * @date 2017/03/04 */ var circles; function setup() { createCanvas(windowWidth, windowHeight); circles = []; for (var i = 0; i < 30; i++) { circles.push(new Circle()); } } function …
/** * triangle color stream # 2 * * @author aadebdeb * @date 2017/03/03 */ function setup() { createCanvas(windowWidth, windowHeight); frameRate(20); } function draw() { background(240); var r = 150; var step = 15; var num = 20; var col = …
/** * triangle color stream * * @author aadebdeb * @date 2017/03/02 */ function setup() { createCanvas(windowWidth, windowHeight); frameRate(5); } function draw() { background(64); var r = 150; var step = 50; var num = 10; var col = [ colo…
/** * double ring * * @author aadebdeb * @date 2017/03/01 */ function setup() { createCanvas(windowWidth, windowHeight); noStroke(); } function draw() { background(247, 248, 218); translate(width / 2, height / 2); var num = 20; var angStep…
