hassannak 76 ارسال شده در دی 93 گزارش بازنشر ارسال شده در دی 93 با سلام اقا من میخواستم بدونم میتونم این فایل را به عنوان بک گراند قالب خودم انتخاب کنم یا نه ... ماله این سایته یه انیمیشن هستش پیش نمایش الاین ...اینم صحفه کداش ... برای بغیه دوستان هم اینجا کدا را میزارم jsفایل var canvas;document.body.appendChild( canvas = document.createElement('canvas') );var ctx = canvas.getContext('2d');var w, h;function resize() {w = canvas.width = window.innerWidth - 3;h = canvas.height = window.innerHeight - 3;}resize();//window.onresize = resize;document.body.style.backgroundColor = '#000';[/size][/b][b][size=4]function getDist(a, {var x = a[0]-b[0];var y = a[1]-b[1];return Math.sqrt(x*x+y*y);}var movers = [/*{points: [ {pos: [w/2, h/2], vel: [10, 15]}, {pos: [w/2, h/2], vel: [7, 13]}],a: 0,b: 0.5,av: 0.001,bv: 0.001,color: '#0f0'},*/];for(var i=0; i<32; ++i)movers.push({points: [ {pos: [w/2, h/2], vel: [Math.random()*10-5, Math.random()*10-5]}, {pos: [w/2, h/2], vel: [Math.random()*10-5, Math.random()*10-5]}],a: 0,b: 0.5,av: Math.random()*0.001,bv: Math.random()*0.001,color: '#ff0'});function getBorderPos(f) {f = f%1;f *= w+w+h+h;if(f<=w)return [f,0];f -= w;if(f<=h)return [w,f];f -= h;if(f<=w)return [w-f,h];f -= w;return [0,h-f];}var bpa = 0;var bpb = 0.5;function move(t) {var t2;t2 = t.pos[0] + t.vel[0];if( t2<0 || t2>w )t.vel[0] = -t.vel[0];[/size][/b][b][size=4] t2 = t.pos[1] + t.vel[1];if( t2<0 || t2>h )t.vel[1] = -t.vel[1];t.pos[0] += t.vel[0];t.pos[1] += t.vel[1];}setInterval(function(){ctx.fillStyle = 'rgba(0,0,0, 0.1)';ctx.fillRect(0,0, w,h);var i, j, t, t2;for(i=0; i<movers.length; ++i) {t = movers[i];move(t.points[0]);move(t.points[1]);var bp = getBorderPos(t.a);var bp2 = getBorderPos(t.;t.a += t.av;t.b += t.bv;ctx.beginPath();ctx.moveTo(bp[0],bp[1]);ctx.bezierCurveTo( t.points[0].pos[0], t.points[0].pos[1], t.points[1].pos[0], t.points[1].pos[1], bp2[0],bp2[1]);ctx.strokeStyle = t.color;ctx.stroke();}}, 16);یه css کوتاه هم داره * { padding: 0px; margin: 0px; } نقل قول لینک به ارسال
saeedtrb 1 ارسال شده در دی 93 گزارش بازنشر ارسال شده در دی 93 با سلام راه های زیادی واسه این کار وجود داره باید بررسی کنید کدوم مناسب تره مثلا یه نمونه به این صورت http://codepen.io/saeed_trb/pen/ByWoMM 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .