برفکی

[mohamad_torabi]

سلام
این سایت رو ببینید http://www.parspake.com/home/fa زیر جایی که افراد رو معرفی کرده دوتا کادر برفکی که وقتی موس روش میره عکسی نمایش داده میشه من اگه بخوام این رو داشته باشم باید چیکار کنم؟

[2undercover]

اون برفک ها رو با تگ canvas ایجاد کردن.

وقتی هم که ماوس رو اون قرار می گیره opacity عکس رو کم کم زیاد می کنه!

روش درست کردن برفک رو هم اینجا آموزش داده : How to generate noise with canvas? (http://net.tutsplus.com/tutorials/javascript-ajax/how-to-generate-noise-with-canvas/)

[na_des]

اون برفک ها رو با تگ canvas ایجاد کردن.

وقتی هم که ماوس رو اون قرار می گیره opacity عکس رو کم کم زیاد می کنه!

روش درست کردن برفک رو هم اینجا آموزش داده : How to generate noise with canvas? (http://net.tutsplus.com/tutorials/javascript-ajax/how-to-generate-noise-with-canvas/)
jquery?????!!!!!!!!!!!!

[2undercover]

jquery?????!!!!!!!!!!!!

منظورتون رو متوجه نشدم؟!

[pirmard66]

اون برفک ها رو با تگ canvas ایجاد کردن.

وقتی هم که ماوس رو اون قرار می گیره opacity عکس رو کم کم زیاد می کنه!

روش درست کردن برفک رو هم اینجا آموزش داده : How to generate noise with canvas? (http://net.tutsplus.com/tutorials/javascript-ajax/how-to-generate-noise-with-canvas/)


منظور دوستمون برفک متحرک بود!!!

[na_des]

منظورتون رو متوجه نشدم؟!
سلام
اخ ببخشید . بلند فک کردم :لبخندساده:
منظورم به شما نبود .
آخه هر کار میخام بکنم میگن jquery :عصبانی++: میدونم اینم یاد بگیرم به موضوع جدید پبدا میشه

[2undercover]

منظور دوستمون برفک متحرک بود!!!

با این کد JS میشه نویز های پویا درست کرد:

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.fillStyle = '#fff';
ctx.fillRect(0, 0, canvas.width, canvas.height);
var noise = function() {
var imgData = ctx.getImageData(0, 0, canvas.width, canvas.height);
var pixels = imgData.data;
for(i = 0;i <= pixels.length; i+= 4) {
var color = (Math.random() * 255) + 50;
pixels[i] = color;
pixels[i + 1] = color;
pixels[i + 2] = color;
pixels[i + 3] = color;
}
}
setInterval(noise, 50);

[mohamad_torabi]

با این کد JS میشه نویز های پویا درست کرد:

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.fillStyle = '#fff';
ctx.fillRect(0, 0, canvas.width, canvas.height);
var noise = function() {
var imgData = ctx.getImageData(0, 0, canvas.width, canvas.height);
var pixels = imgData.data;
for(i = 0;i <= pixels.length; i+= 4) {
var color = (Math.random() * 255) + 50;
pixels[i] = color;
pixels[i + 1] = color;
pixels[i + 2] = color;
pixels[i + 3] = color;
}
}
setInterval(noise, 50);

لطفا نحو استفادشم بگید

[2undercover]

شما یک تگ canvas توی صفحه بسازید (دقت کنید که attribute های width و height رو هم مقدار دهی کنید) و یک id براش در نظر بگیرید. مثلا noise.

بعد کافیه که این کد رو در انتهای تگ body قرار بدید و مقدار متد getElementById رو به id اون canvas که ایجاد کردید تغییر بدید!