程序员表白代码，亲测表白成功哦 - 详解

七夕节快到了，谁说咱们程序员不懂浪漫，用这些情话给你的男神或女神表白吧！

每个女孩都喜欢男孩对自己浪漫的表白，不过每个人性格不同，浪漫表白的方式也不尽相同。那么

520怎样浪漫的表白好呢？程序员如何俘获心仪女神的心呢？当然是要用程序员的途径了！

先来看效果展示：

温馨提示：背景颜色、音乐、表白文字都可替换成你们喜欢的样子！

附上源码，亲测有效，表白成功哦：

   

<script>
/*
* Settings
*/
var words_attr = [];
var words = []
var name = '崽崽'; // 崽崽：修改周边漂浮的文字 名字
var name2 = ''; // 崽崽：在中心的名字
var count = '50'; // 崽崽：修改漂浮文字数量
var nameHeartFont = "50px "; // 崽崽：修改数值则修改中心名字的大小
var myfont = " 华文新魏 "; //崽崽：改成你电脑上有的字体
var nameFlowColor = '#F09DD3'; // 飘动名字的颜色，#cc0000为红色。#ffffff是白色。#ffff00是黄色#ffc0cb
var nameHeartColor = '#F09DD3'; // 爱心名字的颜色，#cc0000为红色
for (var i=0; i= 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 / 450;
point.y = settings.particles.size / 2 - point.y * settings.particles.size / 450;
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 = '#FFC0CB';
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);
context.font = "50px 微软雅黑";
context.fillStyle = nameHeartColor;
// 计算字体长度
context.fillText(name2, canvas.width/2-24*name2.length, canvas.height/2-24);
for (var i=0; i