• September 19, 2018
    ไฟล์เต็ม .js

    โค๊ด: [Select]

    var flakeImages = [
    'data:image/png;base64,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','data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAAGnXcxvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAn9JREFUeNpiZFj1mgEIUoF4NgsDBAQC8WUmKOcVEJ8ACCBGqDJGkJKbQHwaxNAE4n8AAQSTAoEcIH4IxE4wk6yA+C8QbwdiGYAAgqmsAOK3MPvWAHEwEKsC8RaQwBkgfgfEx4H4EsgRZUBsAcQzgdgMJCAExPlA7ALEvAABBDMUxDkAxH+A+CAQhwOxJxDfBeJDTFAdbkB8EYitgfglEE8DYn8gNgD5EWT5PSCeDsRTgXgVELMD8XkgFgXiSUB8G2TSZmgQgXw6GYjXAnEiEH+B8rcDBOCSDlUQhqMoDivYtJjEaPM9VmRqN/oMCwrmBfExBqsKBjfMPoJgtLi85ILF/c44A3HwwRjbvbvn/n8j0RVjoKwQtQ/biJYY+6UHJhh65Ezt9tjighA3fFF6bU2lQHkixUu5YOaBNMhGldYe960VeQmqWOGDgypNMXels+8V4gp3LHruL13kuHqLlav31e6IkwfQv4z0NZ7YNafpLyclXfhMJM6rUwvQNbmrJhRFQRR8FCJIRFDwASJCGiUgWgcCtmIhaCek0VaE9CFVipR2acRCW2shH2Al8R+SJo1Y2WVG1oGLFxb3wbnn7D175nZR6NjHF8VS1BjVr3gWB94v0Z9ikecXGrRb5uj7xIztopboiA2beKyv0dPjYize+bazfOKTKfp+ZiYdHNYTU/639Au3VqXsUGqaGI0Imq2asj1p1y74YPq+kqISNMqItmiIkvgTdVQ/cUiZOH6zxlk7ir34cWldXFogJA9iTf6ajr5PpIIVWg3ZpB9aS6CJK7rH5UW02LORBc+LAT6dsSYYyjpuQ0wcspw/MNosQjrSbxj+S9yJR9ZOcORVm3/vJpom3wru4wAAAABJRU5ErkJggg=='
    ];

    (function() {
    var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
    window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
    window.requestAnimationFrame = requestAnimationFrame;
    })();

    function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    var domWrapper = document.getElementById('dom_wrap');
    var width = window.innerWidth;
    var height = window.innerHeight;
    var starSize = 35;
    var canvas = document.getElementById('flake_zone');
    var canvas_snow = document.getElementById('snow_zone');
    var canvas_sky = document.getElementById('sky_zone');
    var canvas_earth = document.getElementById('earth_zone');
    var secondaryCanvas = document.createElement("canvas"),
    secondaryCtx = secondaryCanvas.getContext("2d");
    var sky_pen = canvas_sky.getContext("2d");
    var earth_pen = canvas_earth.getContext("2d");

    var recalculateSizes = function(){
    width = window.innerWidth;
    height = window.innerHeight;
    canvas.width = width;
    canvas.height = height;
    canvas_snow.width = width;
    canvas_snow.height = height;
    canvas_sky.width = width*2;
    canvas_sky.height = height*2;
    canvas_earth.width = width;
    canvas_earth.height = height;
    secondaryCanvas.width = width;
    secondaryCanvas.height = height;
    if (height*3>width)
    domWrapper.style.height = height+'px';
    else domWrapper.style.height = height/1.24+'px';
    }

    recalculateSizes();

    var pen = canvas.getContext('2d');
    var snow_pen = canvas_snow.getContext('2d');
    var cFlake = new Image();

    //var cFlake_2 = new Image();
    //var cFlake_3 = new Image();
    //var cFlake = [];

    var animateFlake = function(el) {

    if (el.top>height) {
    el.top = -10;
    el.left = getRandomInt(0,width);

    }

    if (el.left+30>width) el.left = -10;
    var time = new Date();
    time = time.getTime();
    el.top = el.top + el.speed/3 + Math.ceil(20/el.size);

    el.left = el.left +el.direction+el.direction*(el.speed/4)*Math.sin(el.random+time/1000);
    el.opacity = 1-(el.top/height)+0.05;
    if ((time.top+(10*el.speed)+3)>height) {
    el.size = 0;
    }

    el.angle++;
    return el;
    }

    var createFlake = function() {
    var flake = {};
    flake.left = getRandomInt(3,width);
    flake.top = getRandomInt(0,height);
    var absSize = getRandomInt(1,10);
    flake.speed = 1-0.1*absSize;
    flake.size =  5+absSize+getRandomInt(0,10);
    flake.random = getRandomInt(0,9999);
    var direction =  getRandomInt(0,10000);
    if (direction<=10) {
    flake.direction =-1;
    } else {
    flake.direction =1;
    }
    flake.angle = getRandomInt(0,89);
    flake.opacity = 0.01*getRandomInt(10,100);
    return flake;
    }
    var drawFalledStar = function(i,top,size) {

    earth_pen.globalAlpha = 0.01*getRandomInt(1,100);
    earth_pen.drawImage(cFlake, -10+getRandomInt(0,width+10), getRandomInt(top-30,height), size, size);
    earth_pen.globalAlpha =1;

    }
    var drawStar = function() {
    sky_pen.save();
    sky_pen.globalAlpha = 0.01*getRandomInt(1,100);
    //sky_pen.translate(sky_pen.width/2,sky_pen.height/2);
    //sky_pen.rotate(3*180*Math.PI);
    // sky_pen.setTransform(0.866, -0.5, 0.866, 0.5, 0, 0)
    sky_pen.beginPath();
    sky_pen.arc(getRandomInt(0,width*2),getRandomInt(0,width*2),0.5+0.01*getRandomInt(0,100),0,2*Math.PI);
    sky_pen.fillStyle="white";
    sky_pen.fill();
    sky_pen.globalAlpha =1;
    //sky_pen.translate(-width/2, -height/2);
    //sky_pen.translate(canvas.width/2,canvas.height/2);

    //sky_pen.rotate(30/180*Math.PI);
    sky_pen.restore();
    }
    var redrawFlake = function(el) {

    secondaryCtx.globalAlpha = el.opacity;
    //pen.save();

    //pen.translate(canvas.width/2,canvas.height/2);
    //pen.rotate(el.angle*Math.PI/180);
    //pen.translate(el.left, el.top);
    //pen.rotate(el.angle*Math.PI/180);
    secondaryCtx.drawImage(cFlake, el.left, el.top, el.size, el.size);
    if (el.top>height-(getRandomInt(20,Math.ceil(height/2)))) {
    if (getRandomInt(0,500)<1) {
    snow_pen.globalAlpha = 0.01*getRandomInt(1,30);
    snow_pen.drawImage(cFlake, el.left, el.top, el.size, el.size);
    snow_pen.globalAlpha =1;

    }
    // if (el.top<height/3) {
    if (getRandomInt(0,100)<2)
    drawStar();
    // }
    }

    // pen.rotate(-el.angle*Math.PI/180);
    //pen.translate(canvas.width/2,canvas.height/2);
    //pen.rotate(-el.angle*Math.PI/180);
    //pen.restore();
    secondaryCtx.globalAlpha = 1.0;

    }
    var flakes = [];
    function animateCanvas() {
    secondaryCtx.save();
    secondaryCtx.clearRect ( 0 , 0 , canvas.width, canvas.height);
    pen.save();
    pen.clearRect ( 0 , 0 , canvas.width, canvas.height );
    for (var i = 0; i < flakes.length; i++) {
    flakes[i] =  animateFlake(flakes[i]);
    redrawFlake(flakes[i]);
    }

    secondaryCtx.restore();
    pen.drawImage(secondaryCanvas,0,0,canvas.width,canvas.height);
    pen.restore();
    }

    var frames = {};
    var cleanCanvases = function() {
    pen.clearRect ( 0 , 0 , canvas.width, canvas.height);
    snow_pen.clearRect ( 0 , 0 , canvas_snow.width, canvas_snow.height);
    secondaryCtx.clearRect ( 0 , 0 , secondaryCanvas.width, secondaryCanvas.height);
    sky_pen.clearRect ( 0 , 0 , canvas_sky.width, canvas_sky.height);
    earth_pen.clearRect ( 0 , 0 , canvas_earth.width, canvas_earth.height);
    }
    var resetFlag = {};
    var startAnimation = function(redraw) {
    clearTimeout(resetFlag);
    if (!redraw) {
    var self = this;
    resetFlag = setTimeout(function(){
    startAnimation(true);
    },500);
    }
    clearInterval(frames);
    recalculateSizes();
    cleanCanvases();
    flakes = [];
    sky_pen.beginPath();
    sky_pen.arc((width/4)*3,height,30,0,2*Math.PI);
    sky_pen.fillStyle="yellow";
    sky_pen.fill();

    sky_pen.beginPath();
    sky_pen.arc((width/4)*5,height/4*5.5,30,0,2*Math.PI);
    sky_pen.fillStyle="red";
    sky_pen.fill();
    var flake_count = Math.ceil((width*height)/1382);
    for (var i = 0 ; i < flake_count; i++ ) {
    var fl = createFlake();
    flakes.push(fl);
    redrawFlake(fl);
    }
    var earthHeight = Math.ceil(height/4);
    var size = starSize/earthHeight;
    earth_pen.save();
    for (var i = 0; i <earthHeight; i++) {
    i+=2;
    for (var j=0;j<width/2;j++)

    drawFalledStar(i,earthHeight*3+i,size*i);
    }
    earth_pen.restore();
    frames = setInterval(function(){
    //requestAnimationFrame(animateCanvas);
    requestAnimationFrame(animateCanvas);
    if (width!=window.innerWidth||height!=window.innerHeight) {

    startAnimation();
    }
    },33.333);
    }

    cFlake.onload = function(){
    startAnimation();
    }

    cFlake.src = flakeImages[0];
    ถอด
    http://www.askapache.com/online-tools/base64-image-converter/

    code ที่ใช้

    โค๊ด: [Select]

    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','data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAAGnXcxvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAn9JREFUeNpiZFj1mgEIUoF4NgsDBAQC8WUmKOcVEJ8ACCBGqDJGkJKbQHwaxNAE4n8AAQSTAoEcIH4IxE4wk6yA+C8QbwdiGYAAgqmsAOK3MPvWAHEwEKsC8RaQwBkgfgfEx4H4EsgRZUBsAcQzgdgMJCAExPlA7ALEvAABBDMUxDkAxH+A+CAQhwOxJxDfBeJDTFAdbkB8EYitgfglEE8DYn8gNgD5EWT5PSCeDsRTgXgVELMD8XkgFgXiSUB8G2TSZmgQgXw6GYjXAnEiEH+B8rcDBOCSDlUQhqMoDivYtJjEaPM9VmRqN/oMCwrmBfExBqsKBjfMPoJgtLi85ILF/c44A3HwwRjbvbvn/n8j0RVjoKwQtQ/biJYY+6UHJhh65Ezt9tjighA3fFF6bU2lQHkixUu5YOaBNMhGldYe960VeQmqWOGDgypNMXels+8V4gp3LHruL13kuHqLlav31e6IkwfQv4z0NZ7YNafpLyclXfhMJM6rUwvQNbmrJhRFQRR8FCJIRFDwASJCGiUgWgcCtmIhaCek0VaE9CFVipR2acRCW2shH2Al8R+SJo1Y2WVG1oGLFxb3wbnn7D175nZR6NjHF8VS1BjVr3gWB94v0Z9ikecXGrRb5uj7xIztopboiA2beKyv0dPjYize+bazfOKTKfp+ZiYdHNYTU/639Au3VqXsUGqaGI0Imq2asj1p1y74YPq+kqISNMqItmiIkvgTdVQ/cUiZOH6zxlk7ir34cWldXFogJA9iTf6ajr5PpIIVWg3ZpB9aS6CJK7rH5UW02LORBc+LAT6dsSYYyjpuQ0wcspw/MNosQjrSbxj+S9yJR9ZOcORVm3/vJpom3wru4wAAAABJRU5ErkJggg==
    จะปรากฏรูปออกมา โชว์
    :)

    แทนค่า code
    var flakeImages = [‘download.png’];

    อ่านเพิ่ม
    http://ebanshi.cc/questions/2427791/jquery-gif-snow-with-2-animated-gifs

    เป็น Base64 Image Encoder/Decoder ไม่ใช่ base64 ทั่วไป



เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!






เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories


Uncategorized