Wednesday, September 27, 2023
No Result
View All Result
TinGiaRe
No Result
View All Result
  • Trang chủ
  • Hướng Dẫn
  • T-Game
  • Giftcode
  • Tin tức
  • Trang chủ
  • Hướng Dẫn
  • T-Game
  • Giftcode
  • Tin tức
No Result
View All Result
TinGiaRe
No Result
View All Result
Home Hướng Dẫn

Code Trái Tim của Thủ khoa Lý thả thính crush Chu Vận

by Vu Le
11 months ago
0
SHARES
Share on FacebookShare on Twitter

Hiện nay, đoạn Code Trái Tim của Thủ khoa Lý thả thính crush Chu Vận trong phim Chiếu sáng anh, sưởi ấm em đang được nitizen xứ Trung Hoa bắt trend cực nhiệt tình. Nhờ đó, trong vài hôm nay cũng đang gây bão trên mạng xã hội Việt Nam. Trong bài viết này, TinGiaRe sẽ hướng dẫn mọi người đu ngay cái trend này nhé, gửi cho bạn gái, người yêu thì bao đổ.

Code Trái Tim của Thủ khoa Lý

Cụ thể hơn trong tập 5 của bộ phim “Thắp sáng anh, sưởi ấm em” có một phân cảnh mà Lý Tuân (Nam Chính) đã vẽ một trái tim màu hồng lấp lánh đập được nở hoa rất đẹp và ý nghĩa bằng một đoạn Code Trái Tim cho Chu Vận rồi bắt cô tự giải mã khiến dân tình cong kéo vấn đề này và đi tìm thắp sáng anh sưởi ấm em cho đoạn Code Trái Tim đó.

XEM NHANH

  1. Share Code Trái Tim của Thủ Khoa Lý
  2. Lời kết

Share Code Trái Tim của Thủ Khoa Lý

Đoạn code đã sẵn ở đây rồi các bạn chỉ cần thực hiện theo 2 bước sau: Đầu tiêu, các bạn tạo thư mục mới và đặt tên cho thư mục này là codetraitim hoặc bạn cũng có thể đặt tên khác tuỳ theo sở thích của bạn. Tuy nhiên, cũng không cần tạo thư mục đâu, các bạn lưu luôn ở màn hình chính cũng được, mở cho nhanh.

Bước 1: Các bạn tạo file có tên là index.html và copy đoạn code dưới đây vào file đó.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>
  html, body {
  height: 100%;
  padding: 0;
  margin: 0;
  background: #000;
}
canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}
  </style>
 </HEAD>
 <BODY>
  <canvas id="pinkboard"></canvas>
  <script>
  /*
 * Settings
 */
var settings = {
  particles: {
    length:   500, // maximum amount of particles
    duration:   2, // particle duration in sec
    velocity: 100, // particle velocity in pixels/sec
    effect: -0.75, // play with this for a nice effect
    size:      30, // particle size in pixels
  },
};
/*
 * RequestAnimationFrame polyfill by Erik Möller
 */
(function(){var b=0;var c=["ms","moz","webkit","o"];for(var a=0;a<c.length&&!window.requestAnimationFrame;++a){window.requestAnimationFrame=window[c[a]+"RequestAnimationFrame"];window.cancelAnimationFrame=window[c[a]+"CancelAnimationFrame"]||window[c[a]+"CancelRequestAnimationFrame"]}if(!window.requestAnimationFrame){window.requestAnimationFrame=function(h,e){var d=new Date().getTime();var f=Math.max(0,16-(d-b));var g=window.setTimeout(function(){h(d+f)},f);b=d+f;return g}}if(!window.cancelAnimationFrame){window.cancelAnimationFrame=function(d){clearTimeout(d)}}}());
/*
 * Point class
 */

var Point = (function() {
  function Point(x, y) {
    this.x = (typeof x !== 'undefined') ? x : 0;
    this.y = (typeof y !== 'undefined') ? y : 0;
  }
  Point.prototype.clone = function() {
    return new Point(this.x, this.y);
  };
  Point.prototype.length = function(length) {
    if (typeof length == 'undefined')
      return Math.sqrt(this.x * this.x + this.y * this.y);
    this.normalize();
    this.x *= length;
    this.y *= length;
    return this;
  };
  Point.prototype.normalize = function() {
    var length = this.length();
    this.x /= length;
    this.y /= length;
    return this;
  };
  return Point;
})();
/*
 * Particle class
 */
var Particle = (function() {
  function Particle() {
    this.position = new Point();
    this.velocity = new Point();
    this.acceleration = new Point();
    this.age = 0;
  }
  Particle.prototype.initialize = function(x, y, dx, dy) {
    this.position.x = x;
    this.position.y = y;
    this.velocity.x = dx;
    this.velocity.y = dy;
    this.acceleration.x = dx * settings.particles.effect;
    this.acceleration.y = dy * settings.particles.effect;
    this.age = 0;
  };
  Particle.prototype.update = function(deltaTime) {
    this.position.x += this.velocity.x * deltaTime;
    this.position.y += this.velocity.y * deltaTime;
    this.velocity.x += this.acceleration.x * deltaTime;
    this.velocity.y += this.acceleration.y * deltaTime;
    this.age += deltaTime;
  };
  Particle.prototype.draw = function(context, image) {
    function ease(t) {
      return (--t) * t * t + 1;
    }
    var size = image.width * ease(this.age / settings.particles.duration);
    context.globalAlpha = 1 - this.age / settings.particles.duration;
    context.drawImage(image, this.position.x - size / 2, this.position.y - size / 2, size, size);
  };
  return Particle;
})();
/*
 * ParticlePool class
 */
var ParticlePool = (function() {
  var particles,
      firstActive = 0,
      firstFree   = 0,
      duration    = settings.particles.duration;
  function ParticlePool(length) {
    // create and populate particle pool
    particles = new Array(length);
    for (var i = 0; i < particles.length; i++)
      particles[i] = new Particle();
  }
  ParticlePool.prototype.add = function(x, y, dx, dy) {
    particles[firstFree].initialize(x, y, dx, dy);
    // handle circular queue
    firstFree++;
    if (firstFree   == particles.length) firstFree   = 0;
    if (firstActive == firstFree       ) firstActive++;
    if (firstActive == particles.length) firstActive = 0;
  };
  ParticlePool.prototype.update = function(deltaTime) {
    var i;
    // update active particles
    if (firstActive < firstFree) {
      for (i = firstActive; i < firstFree; i++)
        particles[i].update(deltaTime);
    }
    if (firstFree < firstActive) {
      for (i = firstActive; i < particles.length; i++)
        particles[i].update(deltaTime);
      for (i = 0; i < firstFree; i++)
        particles[i].update(deltaTime);
    }
    // remove inactive particles
    while (particles[firstActive].age >= duration && firstActive != firstFree) {
      firstActive++;
      if (firstActive == particles.length) firstActive = 0;
    }
  };
  ParticlePool.prototype.draw = function(context, image) {
    // draw active particles
    if (firstActive < firstFree) {
      for (i = firstActive; i < firstFree; i++)
        particles[i].draw(context, image);
    }
    if (firstFree < firstActive) {
      for (i = firstActive; i < particles.length; i++)
        particles[i].draw(context, image);
      for (i = 0; i < firstFree; i++)
        particles[i].draw(context, image);
    }
  };
  return ParticlePool;
})();
/*
 * Putting it all together
 */
(function(canvas) {
  var context = canvas.getContext('2d'),
      particles = new ParticlePool(settings.particles.length),
      particleRate = settings.particles.length / settings.particles.duration, // particles/sec
      time;
  // get point on heart with -PI <= t <= PI
  function pointOnHeart(t) {
    return new Point(
      160 * Math.pow(Math.sin(t), 3),
      130 * Math.cos(t) - 50 * Math.cos(2 * t) - 20 * Math.cos(3 * t) - 10 * Math.cos(4 * t) + 25
    );
  }
  // creating the particle image using a dummy canvas
  var image = (function() {
    var canvas  = document.createElement('canvas'),
        context = canvas.getContext('2d');
    canvas.width  = settings.particles.size;
    canvas.height = settings.particles.size;
    // helper function to create the path
    function to(t) {
      var point = pointOnHeart(t);
      point.x = settings.particles.size / 2 + point.x * settings.particles.size / 350;
      point.y = settings.particles.size / 2 - point.y * settings.particles.size / 350;
      return point;
    }
    // create the path
    context.beginPath();
    var t = -Math.PI;
    var point = to(t);
    context.moveTo(point.x, point.y);
    while (t < Math.PI) {
      t += 0.01; // baby steps!
      point = to(t);
      context.lineTo(point.x, point.y);
    }
    context.closePath();
    // create the fill
    context.fillStyle = '#ea80b0';
    context.fill();
    // create the image
    var image = new Image();
    image.src = canvas.toDataURL();
    return image;
  })();
  // render that thing!
  function render() {
    // next animation frame
    requestAnimationFrame(render);
    // update time
    var newTime   = new Date().getTime() / 1000,
        deltaTime = newTime - (time || newTime);
    time = newTime;
    // clear canvas
    context.clearRect(0, 0, canvas.width, canvas.height);
    // create new particles
    var amount = particleRate * deltaTime;
    for (var i = 0; i < amount; i++) {
      var pos = pointOnHeart(Math.PI - 2 * Math.PI * Math.random());
      var dir = pos.clone().length(settings.particles.velocity);
      particles.add(canvas.width / 2 + pos.x, canvas.height / 2 - pos.y, dir.x, -dir.y);
    }
    // update and draw particles
    particles.update(deltaTime);
    particles.draw(context, image);
  }
  // handle (re-)sizing of the canvas
  function onResize() {
    canvas.width  = canvas.clientWidth;
    canvas.height = canvas.clientHeight;
  }
  window.onresize = onResize;
  // delay rendering bootstrap
  setTimeout(function() {
    onResize();
    render();
  }, 10);
})(document.getElementById('pinkboard'));
  </script>
 </BODY>
</HTML>

Bước 2: Sau đó Lưu Lại fie. Các bạn mở bằng máy tính file index.html bên trên sẽ thấy hiệu ứng code trái tim y chang trong phim nhé.

Lưu ý: Ngoài ra các bạn cũng có thể sử dụng code trái tim này để gửi cho bạn gái, người yêu của bạn qua địa chỉ web online qua các bước sau:

Code Trái Tim của Thủ Khoa Lý

Bước 1: Truy cập vào: https://onecompiler.com/html/3ynbgj86s
Bước 2: Các bạn sẽ thấy 1 bảng Code trái tim bằng HTML (bên trái) và Bảng hiện thị Code (bên phải)
Bước 3: Các bạn bấm RUN để hưởng thành quả nhé!

Lời kết

Các bạn thấy đó, bắt trend Code Trái Tim của Thủ Khoa Lý đang hot hiện nay quá đơn giản phải không nào. bạn có thể gửi cho người yêu để tỏ tình cũng quá hợp lý rồi. Nếu các bạn muốn nhiều màu hơn có thể Zalo cho mình qua phần liên hệ nhé. Chúc các bạn thành công!

5/5 - (3 votes)
Vu Le

Vu Le

CÙNG CHỦ ĐỀ

Kho 41 KHA Nha Trang Shopee ở đâu?

Kho 41 KHA Nha Trang Shopee ở đâu? Bao lâu sẽ nhận được hàng?

by Vu Le
3 weeks ago
0

Bạn đã đặt hàng ở Shopee và đang tìm hiểu về Kho 41 KHA Nha Trang Shopee ở đâu? Bao...

Nạp Valorant Nhanh Giá Rẻ

Cách Nạp Valorant Nhanh Giá Rẻ 2023 – Nạp Valorant Free

by Vu Le
3 weeks ago
0

Nếu bạn muốn sở hữu những khẩu súng có ngoại hình ấn tượng và hiệu ứng đẹp mắt trong Valorant...

Cách Nạp Football Pro VTC

Cách Nạp Football Pro VTC, Nạp thẻ Football Pro Giá Rẻ

by Vu Le
1 month ago
0

Football Pro VTC là một trò chơi quản lý bóng đá hấp dẫn và đầy tính chiến lược. Nếu bạn...

Cách Nạp Vcoin

Cách Nạp Vcoin, Nạp Thẻ Vcoin tại napthe.vtcgame

by Vu Le
1 month ago
0

Để thuận tiện cho việc nạp thẻ game mobile của VTC Game, bạn có thể trực tiếp nạp tiền vào...

Cách nạp Play Together VNG

Cách nạp Play Together VNG miễn phí, nhiều ưu đãi

by Vu Le
1 month ago
0

Để mua thêm các gói đá quý, tiền vàng hoặc vật phẩm trong Play Together, bạn có thể sử dụng...

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

No Result
View All Result

DANH MỤC

  • Danh sách (32)
  • Đánh Giá (12)
  • Giftcode (290)
  • Hướng Dẫn (255)
  • Kinh Nghiệm (26)
  • T-Game (99)
  • T-Tech (12)
  • Tiki (50)
  • Tin tức (59)

MỚI CẬP NHẬT

Giá cá trắm đen hiện nay

Giá cá trắm (trắm đen, trắm trắng) bao nhiêu tiền 1kg hiện nay?

26/09/2023
Địa chỉ mua trứng vịt, trứng vịt lộn ở đâu?

Giá trứng vịt, Trứng vịt lộn hiện nay bao nhiêu tiền 1 chục?

26/09/2023
Code Thợ Săn Kho Báu Mobile

Code Thợ Săn Kho Báu Mobile 2023, Cách nhập giftcode

20/09/2023
Code Gomu Huyền Thoại

Code Gomu Huyền Thoại mới nhất 2023, Cách nhập Giftcode

18/09/2023
Giá chân gà ngâm sả tắc bao nhiêu tiền hiện nay

Giá chân gà ngâm sả tắc bao nhiêu tiền hiện nay?

14/09/2023
  • Home
  • Liên hệ
  • Giới Thiệu Về TinGiaRe
Copyright © 2023 TinGiaRe
No Result
View All Result
  • Trang chủ
  • Hướng Dẫn
  • T-Game
  • Giftcode
  • Tin tức

Copyright © 2022 TinGiaRe