├── .gitignore ├── README.md ├── dst ├── assets │ ├── css │ │ └── styles.css │ ├── glsl │ │ ├── cube.frag │ │ ├── cube.vert │ │ ├── cube_edge.frag │ │ ├── cube_edgeFace.frag │ │ ├── cube_shadow.frag │ │ ├── output.frag │ │ ├── output.vert │ │ ├── simulation_def.frag │ │ ├── simulation_pos.frag │ │ └── simulation_vel.frag │ └── js │ │ ├── lib-head │ │ ├── modernizr-custom.js │ │ └── useragnt-all.min.js │ │ ├── lib │ │ ├── CopyShader.js │ │ ├── EasePack.js │ │ ├── EffectComposer.js │ │ ├── FXAAShader.js │ │ ├── GPUComputationRenderer.js │ │ ├── OrbitControls.js │ │ ├── RenderPass.js │ │ ├── ScrollToPlugin.js │ │ ├── ShaderPass.js │ │ ├── TweenMax.min.js │ │ ├── hammer.min.js │ │ ├── imagesloaded.pkgd.min.js │ │ ├── jquery-3.1.0.min.js │ │ ├── jquery.mousewheel.min.js │ │ ├── lodash.min.js │ │ ├── perlin.js │ │ └── three.min.js │ │ └── main.min.js ├── fb.png ├── index.html └── tw.png ├── gulp └── tasks │ ├── browsersync.js │ ├── glsl.js │ ├── html.js │ ├── javascript.js │ └── sass.js ├── gulpfile.js ├── package.json ├── screenshot1.png ├── screenshot2.png ├── screenshot3.png ├── screenshot4.png └── src ├── assets ├── css │ ├── styles.scss │ └── vendor │ │ ├── _easing.scss │ │ └── _initial.scss ├── glsl │ ├── cube.frag │ ├── cube.vert │ ├── cube_edge.frag │ ├── cube_edgeFace.frag │ ├── noise2D.glsl │ ├── noise3D.glsl │ ├── noise4D.glsl │ ├── output.frag │ ├── output.vert │ ├── simulation_def.frag │ ├── simulation_pos.frag │ └── simulation_vel.frag └── js │ ├── lib-head │ ├── modernizr-custom.js │ └── useragnt-all.min.js │ ├── lib │ ├── GPUComputationRenderer.js │ └── OrbitControls.js │ ├── main.js │ └── module │ ├── color-texture.js │ ├── controls.js │ ├── resize-watch.js │ ├── simulation.js │ └── webgl.js └── index.html /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/README.md -------------------------------------------------------------------------------- /dst/assets/css/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/css/styles.css -------------------------------------------------------------------------------- /dst/assets/glsl/cube.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/glsl/cube.frag -------------------------------------------------------------------------------- /dst/assets/glsl/cube.vert: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/glsl/cube.vert -------------------------------------------------------------------------------- /dst/assets/glsl/cube_edge.frag: -------------------------------------------------------------------------------- 1 | #define GLSLIFY 1 2 | void main() { 3 | gl_FragColor = vec4(1.0); 4 | } -------------------------------------------------------------------------------- /dst/assets/glsl/cube_edgeFace.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/glsl/cube_edgeFace.frag -------------------------------------------------------------------------------- /dst/assets/glsl/cube_shadow.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/glsl/cube_shadow.frag -------------------------------------------------------------------------------- /dst/assets/glsl/output.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/glsl/output.frag -------------------------------------------------------------------------------- /dst/assets/glsl/output.vert: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/glsl/output.vert -------------------------------------------------------------------------------- /dst/assets/glsl/simulation_def.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/glsl/simulation_def.frag -------------------------------------------------------------------------------- /dst/assets/glsl/simulation_pos.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/glsl/simulation_pos.frag -------------------------------------------------------------------------------- /dst/assets/glsl/simulation_vel.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/glsl/simulation_vel.frag -------------------------------------------------------------------------------- /dst/assets/js/lib-head/modernizr-custom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib-head/modernizr-custom.js -------------------------------------------------------------------------------- /dst/assets/js/lib-head/useragnt-all.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib-head/useragnt-all.min.js -------------------------------------------------------------------------------- /dst/assets/js/lib/CopyShader.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/CopyShader.js -------------------------------------------------------------------------------- /dst/assets/js/lib/EasePack.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/EasePack.js -------------------------------------------------------------------------------- /dst/assets/js/lib/EffectComposer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/EffectComposer.js -------------------------------------------------------------------------------- /dst/assets/js/lib/FXAAShader.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/FXAAShader.js -------------------------------------------------------------------------------- /dst/assets/js/lib/GPUComputationRenderer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/GPUComputationRenderer.js -------------------------------------------------------------------------------- /dst/assets/js/lib/OrbitControls.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/OrbitControls.js -------------------------------------------------------------------------------- /dst/assets/js/lib/RenderPass.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/RenderPass.js -------------------------------------------------------------------------------- /dst/assets/js/lib/ScrollToPlugin.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/ScrollToPlugin.js -------------------------------------------------------------------------------- /dst/assets/js/lib/ShaderPass.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/ShaderPass.js -------------------------------------------------------------------------------- /dst/assets/js/lib/TweenMax.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/TweenMax.min.js -------------------------------------------------------------------------------- /dst/assets/js/lib/hammer.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/hammer.min.js -------------------------------------------------------------------------------- /dst/assets/js/lib/imagesloaded.pkgd.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/imagesloaded.pkgd.min.js -------------------------------------------------------------------------------- /dst/assets/js/lib/jquery-3.1.0.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/jquery-3.1.0.min.js -------------------------------------------------------------------------------- /dst/assets/js/lib/jquery.mousewheel.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/jquery.mousewheel.min.js -------------------------------------------------------------------------------- /dst/assets/js/lib/lodash.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/lodash.min.js -------------------------------------------------------------------------------- /dst/assets/js/lib/perlin.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/perlin.js -------------------------------------------------------------------------------- /dst/assets/js/lib/three.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/lib/three.min.js -------------------------------------------------------------------------------- /dst/assets/js/main.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/assets/js/main.min.js -------------------------------------------------------------------------------- /dst/fb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/fb.png -------------------------------------------------------------------------------- /dst/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/index.html -------------------------------------------------------------------------------- /dst/tw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/dst/tw.png -------------------------------------------------------------------------------- /gulp/tasks/browsersync.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/gulp/tasks/browsersync.js -------------------------------------------------------------------------------- /gulp/tasks/glsl.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/gulp/tasks/glsl.js -------------------------------------------------------------------------------- /gulp/tasks/html.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/gulp/tasks/html.js -------------------------------------------------------------------------------- /gulp/tasks/javascript.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/gulp/tasks/javascript.js -------------------------------------------------------------------------------- /gulp/tasks/sass.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/gulp/tasks/sass.js -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/gulpfile.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/package.json -------------------------------------------------------------------------------- /screenshot1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/screenshot1.png -------------------------------------------------------------------------------- /screenshot2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/screenshot2.png -------------------------------------------------------------------------------- /screenshot3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/screenshot3.png -------------------------------------------------------------------------------- /screenshot4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/screenshot4.png -------------------------------------------------------------------------------- /src/assets/css/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/css/styles.scss -------------------------------------------------------------------------------- /src/assets/css/vendor/_easing.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/css/vendor/_easing.scss -------------------------------------------------------------------------------- /src/assets/css/vendor/_initial.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/css/vendor/_initial.scss -------------------------------------------------------------------------------- /src/assets/glsl/cube.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/cube.frag -------------------------------------------------------------------------------- /src/assets/glsl/cube.vert: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/cube.vert -------------------------------------------------------------------------------- /src/assets/glsl/cube_edge.frag: -------------------------------------------------------------------------------- 1 | void main() { 2 | gl_FragColor = vec4(1.0); 3 | } -------------------------------------------------------------------------------- /src/assets/glsl/cube_edgeFace.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/cube_edgeFace.frag -------------------------------------------------------------------------------- /src/assets/glsl/noise2D.glsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/noise2D.glsl -------------------------------------------------------------------------------- /src/assets/glsl/noise3D.glsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/noise3D.glsl -------------------------------------------------------------------------------- /src/assets/glsl/noise4D.glsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/noise4D.glsl -------------------------------------------------------------------------------- /src/assets/glsl/output.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/output.frag -------------------------------------------------------------------------------- /src/assets/glsl/output.vert: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/output.vert -------------------------------------------------------------------------------- /src/assets/glsl/simulation_def.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/simulation_def.frag -------------------------------------------------------------------------------- /src/assets/glsl/simulation_pos.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/simulation_pos.frag -------------------------------------------------------------------------------- /src/assets/glsl/simulation_vel.frag: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/glsl/simulation_vel.frag -------------------------------------------------------------------------------- /src/assets/js/lib-head/modernizr-custom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/js/lib-head/modernizr-custom.js -------------------------------------------------------------------------------- /src/assets/js/lib-head/useragnt-all.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/js/lib-head/useragnt-all.min.js -------------------------------------------------------------------------------- /src/assets/js/lib/GPUComputationRenderer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/js/lib/GPUComputationRenderer.js -------------------------------------------------------------------------------- /src/assets/js/lib/OrbitControls.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/js/lib/OrbitControls.js -------------------------------------------------------------------------------- /src/assets/js/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/js/main.js -------------------------------------------------------------------------------- /src/assets/js/module/color-texture.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/js/module/color-texture.js -------------------------------------------------------------------------------- /src/assets/js/module/controls.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/js/module/controls.js -------------------------------------------------------------------------------- /src/assets/js/module/resize-watch.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/js/module/resize-watch.js -------------------------------------------------------------------------------- /src/assets/js/module/simulation.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/js/module/simulation.js -------------------------------------------------------------------------------- /src/assets/js/module/webgl.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/assets/js/module/webgl.js -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mnmxmx/rough-drawing-effect/HEAD/src/index.html --------------------------------------------------------------------------------