Skip to main content
se añadió 1 carácter en el cuerpo
Origen Enlace
Bryro
  • 9.5k
  • 1
  • 11
  • 24
 var position=[];

     var Elfo = {
      
      heartHeight: 80,
      heartWidth: 50,
      hearts: [],
      position:[], // almacenara las posiciones de los juguetes creados
      url : "https://www.docjohnson.com/vaculock-double-penetrator-attachments.html", // url a abrir
      heartImage : 'https://dismal.site/demo/elfo/dildo01.png',
      maxHearts: 8,
      minScale: 0.4,

      draw: function() {
        this.setCanvasSize();
        this.ctx.clearRect(0, 0, this.w, this.h);
        for (var i = 0; i < this.hearts.length; i++) {
          var heart = this.hearts[i];
          heart.image = new Image();
          heart.image.style.height = heart.height;
          heart.image.src = this.heartImage;
          this.ctx.globalAlpha = heart.opacity;
          this.ctx.drawImage (heart.image, heart.x, heart.y, heart.width, heart.height);
          // almacenamos las posiciones depues de ser creadas
          position[i]={x:heart.x, y:heart.y};
        }
        this.move();
      },
      move: function() {
        for(var b = 0; b < this.hearts.length; b++) {
          var heart = this.hearts[b];
          heart.y += heart.ys;
          if(heart.y > this.h) {
            heart.x = Math.random() * this.w;
            heart.y = -1 * this.heartHeight;
          }
          // editamos las posiciones al ser modificadas
          position[b]={x:heart.x, y:heart.y};
        }

      },
      setCanvasSize: function() {
        this.canvas.width = window.innerWidth;
        this.canvas.height = window.innerHeight;
        this.w = this.canvas.width;
        this.h = this.canvas.height;
      },
      // detecta la posicion del mouse con respecto al drawimage
      getMousePos:  function(draw,evt) {
            // obtenemos la poscione del mouse en el canvas
            let rect = this.canvas.getBoundingClientRect();
                let mp= {
                  x: evt.clientX - rect.left,
                  y: evt.clientY - rect.top
                };
            
            // cambiamos las posiciones X y Y del drawimage a enteros 
            draw = {x:parseInt(draw.x),y:parseInt(draw.y)};

            // comparamos las posiciones del mouse con respecto a el drawimage en el eje X
            if( draw.x <= mp.x && mp.x <= (draw.x+this.heartWidth) ){
                return true;
            }

            // comparamos las posiciones del mouse con respecto a el drawimage en el eje Y
            if( draw.y <= mp.y && mp.y <= (draw.y+this.heartWidthheartHeight) ){
                return true;
            }

            //retornamos falso si ninguna coincide
            return false;
        },
      initialize: function() {
        this.canvas = $('#canvas')[0];

        if(!this.canvas.getContext)
          return;

        this.setCanvasSize();
        this.ctx = this.canvas.getContext('2d');

        // creamos un evento click para el canvas
        this.canvas.addEventListener("click",function(e){
            // recorremos las posiciones guardas de los drawimage
            for (var i = position.length - 1; i >= 0; i--) {
                // validamos que coincidad el click del mouse respecto a la posicion del juguete
                // NOTA: se utiliza Elfo.getMousePos en vez de this.getMousePos
                // para que this no aga referencia al objeto click
                if(Elfo.getMousePos(position[i],e)){
                    // abrimos una nueva url
                    console.log(`abrir: ${Elfo.url}`);
                    //NOTA: en el edito de stackoverflow no se pueden abrir nuevas ventanas
                    window.open(Elfo.url,'_blank');
                    break;
                }
            }
        });
        
        for(var a = 0; a < this.maxHearts; a++) {
          var scale = (Math.random() * (1 - this.minScale)) + this.minScale;
          this.hearts.push({
            x: Math.random() * this.w,
            y: Math.random() * this.h,
            ys: Math.random() + 1,
            height: scale * this.heartHeight,
            width: scale * this.heartWidth,
            opacity: scale
          });
        }

        setInterval($.proxy(this.draw, this), 50);
      }
    };


    $(document).ready(function(){
      Elfo.initialize();
    });
      /*Dildo Elfo a Mostrar */
body {
       background-image: url("https://i.ibb.co/wQhz4B2/descarga-1.png");

      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;  height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
    }
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <canvas id="canvas"></canvas>
 var position=[];

     var Elfo = {
      
      heartHeight: 80,
      heartWidth: 50,
      hearts: [],
      position:[], // almacenara las posiciones de los juguetes creados
      url : "https://www.docjohnson.com/vaculock-double-penetrator-attachments.html", // url a abrir
      heartImage : 'https://dismal.site/demo/elfo/dildo01.png',
      maxHearts: 8,
      minScale: 0.4,

      draw: function() {
        this.setCanvasSize();
        this.ctx.clearRect(0, 0, this.w, this.h);
        for (var i = 0; i < this.hearts.length; i++) {
          var heart = this.hearts[i];
          heart.image = new Image();
          heart.image.style.height = heart.height;
          heart.image.src = this.heartImage;
          this.ctx.globalAlpha = heart.opacity;
          this.ctx.drawImage (heart.image, heart.x, heart.y, heart.width, heart.height);
          // almacenamos las posiciones depues de ser creadas
          position[i]={x:heart.x, y:heart.y};
        }
        this.move();
      },
      move: function() {
        for(var b = 0; b < this.hearts.length; b++) {
          var heart = this.hearts[b];
          heart.y += heart.ys;
          if(heart.y > this.h) {
            heart.x = Math.random() * this.w;
            heart.y = -1 * this.heartHeight;
          }
          // editamos las posiciones al ser modificadas
          position[b]={x:heart.x, y:heart.y};
        }

      },
      setCanvasSize: function() {
        this.canvas.width = window.innerWidth;
        this.canvas.height = window.innerHeight;
        this.w = this.canvas.width;
        this.h = this.canvas.height;
      },
      // detecta la posicion del mouse con respecto al drawimage
      getMousePos:  function(draw,evt) {
            // obtenemos la poscione del mouse en el canvas
            let rect = this.canvas.getBoundingClientRect();
                let mp= {
                  x: evt.clientX - rect.left,
                  y: evt.clientY - rect.top
                };
            
            // cambiamos las posiciones X y Y del drawimage a enteros 
            draw = {x:parseInt(draw.x),y:parseInt(draw.y)};

            // comparamos las posiciones del mouse con respecto a el drawimage en el eje X
            if( draw.x <= mp.x && mp.x <= (draw.x+this.heartWidth) ){
                return true;
            }

            // comparamos las posiciones del mouse con respecto a el drawimage en el eje Y
            if( draw.y <= mp.y && mp.y <= (draw.y+this.heartWidth) ){
                return true;
            }

            //retornamos falso si ninguna coincide
            return false;
        },
      initialize: function() {
        this.canvas = $('#canvas')[0];

        if(!this.canvas.getContext)
          return;

        this.setCanvasSize();
        this.ctx = this.canvas.getContext('2d');

        // creamos un evento click para el canvas
        this.canvas.addEventListener("click",function(e){
            // recorremos las posiciones guardas de los drawimage
            for (var i = position.length - 1; i >= 0; i--) {
                // validamos que coincidad el click del mouse respecto a la posicion del juguete
                // NOTA: se utiliza Elfo.getMousePos en vez de this.getMousePos
                // para que this no aga referencia al objeto click
                if(Elfo.getMousePos(position[i],e)){
                    // abrimos una nueva url
                    console.log(`abrir: ${Elfo.url}`);
                    //NOTA: en el edito de stackoverflow no se pueden abrir nuevas ventanas
                    window.open(Elfo.url,'_blank');
                    break;
                }
            }
        });
        
        for(var a = 0; a < this.maxHearts; a++) {
          var scale = (Math.random() * (1 - this.minScale)) + this.minScale;
          this.hearts.push({
            x: Math.random() * this.w,
            y: Math.random() * this.h,
            ys: Math.random() + 1,
            height: scale * this.heartHeight,
            width: scale * this.heartWidth,
            opacity: scale
          });
        }

        setInterval($.proxy(this.draw, this), 50);
      }
    };


    $(document).ready(function(){
      Elfo.initialize();
    });
      /*Dildo Elfo a Mostrar */
body {
       background-image: url("https://i.ibb.co/wQhz4B2/descarga-1.png");

      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;  height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
    }
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <canvas id="canvas"></canvas>
 var position=[];

     var Elfo = {
      
      heartHeight: 80,
      heartWidth: 50,
      hearts: [],
      position:[], // almacenara las posiciones de los juguetes creados
      url : "https://www.docjohnson.com/vaculock-double-penetrator-attachments.html", // url a abrir
      heartImage : 'https://dismal.site/demo/elfo/dildo01.png',
      maxHearts: 8,
      minScale: 0.4,

      draw: function() {
        this.setCanvasSize();
        this.ctx.clearRect(0, 0, this.w, this.h);
        for (var i = 0; i < this.hearts.length; i++) {
          var heart = this.hearts[i];
          heart.image = new Image();
          heart.image.style.height = heart.height;
          heart.image.src = this.heartImage;
          this.ctx.globalAlpha = heart.opacity;
          this.ctx.drawImage (heart.image, heart.x, heart.y, heart.width, heart.height);
          // almacenamos las posiciones depues de ser creadas
          position[i]={x:heart.x, y:heart.y};
        }
        this.move();
      },
      move: function() {
        for(var b = 0; b < this.hearts.length; b++) {
          var heart = this.hearts[b];
          heart.y += heart.ys;
          if(heart.y > this.h) {
            heart.x = Math.random() * this.w;
            heart.y = -1 * this.heartHeight;
          }
          // editamos las posiciones al ser modificadas
          position[b]={x:heart.x, y:heart.y};
        }

      },
      setCanvasSize: function() {
        this.canvas.width = window.innerWidth;
        this.canvas.height = window.innerHeight;
        this.w = this.canvas.width;
        this.h = this.canvas.height;
      },
      // detecta la posicion del mouse con respecto al drawimage
      getMousePos:  function(draw,evt) {
            // obtenemos la poscione del mouse en el canvas
            let rect = this.canvas.getBoundingClientRect();
                let mp= {
                  x: evt.clientX - rect.left,
                  y: evt.clientY - rect.top
                };
            
            // cambiamos las posiciones X y Y del drawimage a enteros 
            draw = {x:parseInt(draw.x),y:parseInt(draw.y)};

            // comparamos las posiciones del mouse con respecto a el drawimage en el eje X
            if( draw.x <= mp.x && mp.x <= (draw.x+this.heartWidth) ){
                return true;
            }

            // comparamos las posiciones del mouse con respecto a el drawimage en el eje Y
            if( draw.y <= mp.y && mp.y <= (draw.y+this.heartHeight) ){
                return true;
            }

            //retornamos falso si ninguna coincide
            return false;
        },
      initialize: function() {
        this.canvas = $('#canvas')[0];

        if(!this.canvas.getContext)
          return;

        this.setCanvasSize();
        this.ctx = this.canvas.getContext('2d');

        // creamos un evento click para el canvas
        this.canvas.addEventListener("click",function(e){
            // recorremos las posiciones guardas de los drawimage
            for (var i = position.length - 1; i >= 0; i--) {
                // validamos que coincidad el click del mouse respecto a la posicion del juguete
                // NOTA: se utiliza Elfo.getMousePos en vez de this.getMousePos
                // para que this no aga referencia al objeto click
                if(Elfo.getMousePos(position[i],e)){
                    // abrimos una nueva url
                    console.log(`abrir: ${Elfo.url}`);
                    //NOTA: en el edito de stackoverflow no se pueden abrir nuevas ventanas
                    window.open(Elfo.url,'_blank');
                    break;
                }
            }
        });
        
        for(var a = 0; a < this.maxHearts; a++) {
          var scale = (Math.random() * (1 - this.minScale)) + this.minScale;
          this.hearts.push({
            x: Math.random() * this.w,
            y: Math.random() * this.h,
            ys: Math.random() + 1,
            height: scale * this.heartHeight,
            width: scale * this.heartWidth,
            opacity: scale
          });
        }

        setInterval($.proxy(this.draw, this), 50);
      }
    };


    $(document).ready(function(){
      Elfo.initialize();
    });
      /*Dildo Elfo a Mostrar */
body {
       background-image: url("https://i.ibb.co/wQhz4B2/descarga-1.png");

      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;  height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
    }
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <canvas id="canvas"></canvas>
Origen Enlace
Bryro
  • 9.5k
  • 1
  • 11
  • 24

puedes hacer asi:

 var position=[];

     var Elfo = {
      
      heartHeight: 80,
      heartWidth: 50,
      hearts: [],
      position:[], // almacenara las posiciones de los juguetes creados
      url : "https://www.docjohnson.com/vaculock-double-penetrator-attachments.html", // url a abrir
      heartImage : 'https://dismal.site/demo/elfo/dildo01.png',
      maxHearts: 8,
      minScale: 0.4,

      draw: function() {
        this.setCanvasSize();
        this.ctx.clearRect(0, 0, this.w, this.h);
        for (var i = 0; i < this.hearts.length; i++) {
          var heart = this.hearts[i];
          heart.image = new Image();
          heart.image.style.height = heart.height;
          heart.image.src = this.heartImage;
          this.ctx.globalAlpha = heart.opacity;
          this.ctx.drawImage (heart.image, heart.x, heart.y, heart.width, heart.height);
          // almacenamos las posiciones depues de ser creadas
          position[i]={x:heart.x, y:heart.y};
        }
        this.move();
      },
      move: function() {
        for(var b = 0; b < this.hearts.length; b++) {
          var heart = this.hearts[b];
          heart.y += heart.ys;
          if(heart.y > this.h) {
            heart.x = Math.random() * this.w;
            heart.y = -1 * this.heartHeight;
          }
          // editamos las posiciones al ser modificadas
          position[b]={x:heart.x, y:heart.y};
        }

      },
      setCanvasSize: function() {
        this.canvas.width = window.innerWidth;
        this.canvas.height = window.innerHeight;
        this.w = this.canvas.width;
        this.h = this.canvas.height;
      },
      // detecta la posicion del mouse con respecto al drawimage
      getMousePos:  function(draw,evt) {
            // obtenemos la poscione del mouse en el canvas
            let rect = this.canvas.getBoundingClientRect();
                let mp= {
                  x: evt.clientX - rect.left,
                  y: evt.clientY - rect.top
                };
            
            // cambiamos las posiciones X y Y del drawimage a enteros 
            draw = {x:parseInt(draw.x),y:parseInt(draw.y)};

            // comparamos las posiciones del mouse con respecto a el drawimage en el eje X
            if( draw.x <= mp.x && mp.x <= (draw.x+this.heartWidth) ){
                return true;
            }

            // comparamos las posiciones del mouse con respecto a el drawimage en el eje Y
            if( draw.y <= mp.y && mp.y <= (draw.y+this.heartWidth) ){
                return true;
            }

            //retornamos falso si ninguna coincide
            return false;
        },
      initialize: function() {
        this.canvas = $('#canvas')[0];

        if(!this.canvas.getContext)
          return;

        this.setCanvasSize();
        this.ctx = this.canvas.getContext('2d');

        // creamos un evento click para el canvas
        this.canvas.addEventListener("click",function(e){
            // recorremos las posiciones guardas de los drawimage
            for (var i = position.length - 1; i >= 0; i--) {
                // validamos que coincidad el click del mouse respecto a la posicion del juguete
                // NOTA: se utiliza Elfo.getMousePos en vez de this.getMousePos
                // para que this no aga referencia al objeto click
                if(Elfo.getMousePos(position[i],e)){
                    // abrimos una nueva url
                    console.log(`abrir: ${Elfo.url}`);
                    //NOTA: en el edito de stackoverflow no se pueden abrir nuevas ventanas
                    window.open(Elfo.url,'_blank');
                    break;
                }
            }
        });
        
        for(var a = 0; a < this.maxHearts; a++) {
          var scale = (Math.random() * (1 - this.minScale)) + this.minScale;
          this.hearts.push({
            x: Math.random() * this.w,
            y: Math.random() * this.h,
            ys: Math.random() + 1,
            height: scale * this.heartHeight,
            width: scale * this.heartWidth,
            opacity: scale
          });
        }

        setInterval($.proxy(this.draw, this), 50);
      }
    };


    $(document).ready(function(){
      Elfo.initialize();
    });
      /*Dildo Elfo a Mostrar */
body {
       background-image: url("https://i.ibb.co/wQhz4B2/descarga-1.png");

      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;  height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
    }
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <canvas id="canvas"></canvas>