devbox
笔触狂放9
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

程序员的 10 款代码表白特效，一个比一个浪漫_程序员表白

作者：笔触狂放9 | 2024-03-02 08:39:38

赞

踩

程序员表白

提到程序员，就会出现许多关键词，诸如“直男，宅，不懂浪漫，枯燥，憨厚老实，有逻辑，人傻钱多…………”

说程序猿是直男，不可否认，大多数程序猿都挺直，因为我们没有那么多弯弯绕绕，有心思兜圈子，不如回去写几行代码………

程序猿的大多数时间都是面对电脑，所以对待一份感情也会非常的认真。程序猿也许在生活中会比较宅，就比如本人，但是千万不要说程序猿不懂浪漫。当你不开心了，他可以分分钟做出一个玫瑰花、心形等告白小程序给你制造小惊喜…………

程序员一旦浪漫起来，就真没其他人啥事了！接下来就给大家介绍一下程序猿是如何表白收获爱情的………

一、制图表白

1.1玫瑰花

源码如下：

  1. import turtle as t
  2.  
  3. def Curve_Draw(n,r,d=1):
  4.   for i in range(n):
  5.     t.left(d)
  6.     t.circle(r,abs(d))
  7.  
  8. s = 0.2
  9. t.setup(450*5*s,750*5*s)
  10. t.pencolor('black')
  11. t.fillcolor('purple')
  12. t.speed(100)
  13. t.penup()
  14. t.goto(0,900*s)
  15. t.pendown()
  16.  
  17. t.begin_fill()
  18. t.circle(200*s,30)
  19. Curve_Draw(60,50*s)
  20. t.circle(200*s,30)
  21. Curve_Draw(4,100*s)
  22. t.circle(200*s,50)
  23. Curve_Draw(50,50*s)
  24. t.circle(350*s,65)
  25. Curve_Draw(40,70*s)
  26. t.circle(150*s,50)
  27. Curve_Draw(20,50*s,-1)
  28. t.circle(400*s,60)
  29. Curve_Draw(18,50*s)
  30. t.fd(250*s)
  31. t.right(150)
  32. t.circle(-500*s,12)
  33. t.left(140)
  34. t.circle(550*s,110)
  35. t.left(27)
  36. t.circle(650*s,100)
  37. t.left(130)
  38. t.circle(-300*s,20)
  39. t.right(123)
  40. t.circle(220*s,57)
  41. t.end_fill()
  42.  
  43. t.left(120)
  44. t.fd(280*s)
  45. t.left(115)
  46. t.circle(300*s,33)
  47. t.left(180)
  48. t.circle(-300*s,33)
  49. Curve_Draw(70,225*s,-1)
  50. t.circle(350*s,104)
  51. t.left(90)
  52. t.circle(200*s,105)
  53. t.circle(-500*s,63)
  54. t.penup()
  55. t.goto(170*s,-30*s)
  56. t.pendown()
  57. t.left(160)
  58. Curve_Draw(20,2500*s)
  59. Curve_Draw(220,250*s,-1)
  60.  
  61. t.fillcolor('green')
  62. t.penup()
  63. t.goto(670*s,-180*s)
  64. t.pendown()
  65. t.right(140)
  66. t.begin_fill()
  67. t.circle(300*s,120)
  68. t.left(60)
  69. t.circle(300*s,120)
  70. t.end_fill()
  71. t.penup()
  72. t.goto(180*s,-550*s)
  73. t.pendown()
  74. t.right(85)
  75. t.circle(600*s,40)
  76.  
  77. t.penup()
  78. t.goto(-150*s,-1000*s)
  79. t.pendown()
  80. t.begin_fill()
  81. t.rt(120)
  82. t.circle(300*s,115)
  83. t.left(75)
  84. t.circle(300*s,100)
  85. t.end_fill()
  86. t.penup()
  87. t.goto(430*s,-1070*s)
  88. t.pendown()
  89. t.right(30)
  90. t.circle(-600*s,35)
  91. t.done()

1.2爱心

源码如下：

  1. import turtle as t
  2.  
  3. t.penup()
  4. t.seth(-90)
  5. t.fd(160)
  6. t.pendown()
  7. t.pensize(20)
  8. t.colormode(255)
  9. for j in range(10):
  10.   t.speed(1000)
  11.   t.pencolor(25*j,5*j,15*j)
  12.   t.seth(130)
  13.   t.fd(220)
  14.   for i in range(23):
  15.     t.circle(-80,10)
  16.   t.seth(100)
  17.   for i in range(23):
  18.     t.circle(-80,10)
  19.   t.fd(220)
  20. t.done()

1.3网页爱心树表白

 代码过长，仅展示部分代码：

  1. <body>
  2.  
  3. <audio autoplay="autopaly">
  4.  
  5.   <source src="renxi.mp3" type="audio/mp3" />
  6.  
  7. </audio>
  8.  
  9. <div id="main">
  10.  
  11.   <div id="wrap">
  12.  
  13.     <div id="text">
  14.  
  15.       <div id="code"> <font color="#FF0000"> <span class="say">浮世三千 吾爱有三 日月与卿</span><br>
  16.  
  17.         <span class="say"> </span><br>
  18.  
  19.         <span class="say">日为朝  月为暮  卿为朝朝暮暮</span><br>
  20.  
  21.         <span class="say"> </span><br>
  22.  
  23.         <span class="say">在这浮浮沉沉的大千世界里 我爱的只有三样</span><br>
  24.  
  25.         <span class="say"></span><br>
  26.  
  27.         <span class="say">太阳  月亮和我爱的你</span><br>
  28.  
  29.                 <span class="say"> </span><br>
  30.  
  31.         <span class="say">太阳带给我们白昼和希望 月亮带给我们夜幕和宁静  </span><br>
  32.  
  33.                         <span class="say"> </span><br>
  34.  
  35.         <span class="say"> 你与我的朝夕相伴 于我而言即是永恒 你是我一生挚爱</span><br>
  36.  
  37.         <span class="say"></span><br>
  38.  
  39.         <span class="say">一生爱一人很难，也不丢人</span><br>
  40.  
  41.              <span class="say"> </span><br>
  42.  
  43.                  <span class="say"> 最美的爱情愿景不就是"愿得一心人 白首不相离"嘛</span><br>
  44.  
  45.                          <span class="say"> </span><br>
  46.  
  47.                                  <span class="say"> 如果可以请牢记当初的爱情承诺 记住最初的美好</span><br>
  48.  
  49.                         <span class="say"> </span><br>
  50.  
  51.         <span class="say">愿岁月静好 浅笑安然 一切美好如约而至</span><br>
  52.  
  53.         <span class="say"> </span><br>
  54.  
  55.      </font>
  56.  
  57.  
  58.  
  59.       </div>
  60.  
  61.     </div>
  62.  
  63.     <div id="clock-box"> <span class="STYLE1"></span><font color="#33CC00">愿得一心人，白首不相离</font> <span class="STYLE1">这简单的话语……</span>
  64.  
  65.       <div id="clock"></div>
  66.  
  67.     </div>
  68.  
  69.     <canvas id="canvas" width="1100" height="680"></canvas>
  70.  
  71.   </div>
  72.  
  73. </div>

1.4 烟花表白

1.5网页爱心表白

源码如下：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>爱心</title>
  6.   <style>
  7.     *{margin:0; padding:0;}
  8.     body{ background-color: #1E1E1E;     }
  9.   </style>
  10. </head>
  11. <body>
  12.  
  13.   <canvas id="drawHeart"></canvas>
  14.  
  15.   <script>
  16.     var hearts = [];
  17.     var canvas = document.getElementById('drawHeart');
  18.     var wW = window.innerWidth;
  19.     var wH = window.innerHeight;
  20.     // 创建画布
  21.     var ctx = canvas.getContext('2d');
  22.     // 创建图片对象
  23.     var heartImage = new Image();
  24.     heartImage.src = 'img/heart.svg';
  25.     var num = 100;
  26.  
  27.     init();
  28.  
  29.     window.addEventListener('resize', function(){
  30.        wW = window.innerWidth;
  31.        wH = window.innerHeight;
  32.     });
  33.     // 初始化画布大小
  34.     function init(){
  35.       canvas.width = wW;
  36.       canvas.height = wH;
  37.       for(var i = 0; i < num; i++){
  38.         hearts.push(new Heart(i%5));
  39.       }
  40.       requestAnimationFrame(render);
  41.     }
  42.  
  43.     function getColor(){
  44.       var val = Math.random() * 10;
  45.       if(val > 0 && val <= 1){
  46.         return '#00f';
  47.       } else if(val > 1 && val <= 2){
  48.         return '#f00';
  49.       } else if(val > 2 && val <= 3){
  50.         return '#0f0';
  51.       } else if(val > 3 && val <= 4){
  52.         return '#368';
  53.       } else if(val > 4 && val <= 5){
  54.         return '#666';
  55.       } else if(val > 5 && val <= 6){
  56.         return '#333';
  57.       } else if(val > 6 && val <= 7){
  58.         return '#f50';
  59.       } else if(val > 7 && val <= 8){
  60.         return '#e96d5b';
  61.       } else if(val > 8 && val <= 9){
  62.         return '#5be9e9';
  63.       } else {
  64.         return '#d41d50';
  65.       }
  66.     }
  67.  
  68.     function getText(){
  69.       var val = Math.random() * 10;
  70.       if(val > 1 && val <= 3){
  71.         return '爱你一辈子';
  72.       } else if(val > 3 && val <= 5){
  73.         return '感谢你';
  74.       } else if(val > 5 && val <= 8){
  75.         return '喜欢你';
  76.       } else{
  77.         return 'I Love You';
  78.       }
  79.     }
  80.  
  81.     function Heart(type){
  82.       this.type = type;
  83.       // 初始化生成范围
  84.       this.x = Math.random() * wW;
  85.       this.y = Math.random() * wH;
  86.  
  87.       this.opacity = Math.random() * .5 + .5;
  88.  
  89.       // 偏移量
  90.       this.vel = {
  91.         x: (Math.random() - .5) * 5,
  92.         y: (Math.random() - .5) * 5
  93.       }
  94.  
  95.       this.initialW = wW * .5;
  96.       this.initialH = wH * .5;
  97.       // 缩放比例
  98.       this.targetScale = Math.random() * .15 + .02; // 最小0.02
  99.       this.scale = Math.random() * this.targetScale;
  100.  
  101.       // 文字位置
  102.       this.fx = Math.random() * wW;
  103.       this.fy = Math.random() * wH;
  104.       this.fs = Math.random() * 10;
  105.       this.text = getText();
  106.  
  107.       this.fvel = {
  108.         x: (Math.random() - .5) * 5,
  109.         y: (Math.random() - .5) * 5,
  110.         f: (Math.random() - .5) * 2
  111.       }
  112.     }
  113.  
  114.     Heart.prototype.draw = function(){
  115.       ctx.save();
  116.       ctx.globalAlpha = this.opacity;
  117.       ctx.drawImage(heartImage, this.x, this.y, this.width, this.height);
  118.       ctx.scale(this.scale + 1, this.scale + 1);
  119.         if(!this.type){
  120.           // 设置文字属性
  121.         ctx.fillStyle = getColor();
  122.           ctx.font = 'italic ' + this.fs + 'px sans-serif';
  123.           // 填充字符串
  124.           ctx.fillText(this.text, this.fx, this.fy);
  125.         }
  126.       ctx.restore();
  127.     }
  128.     Heart.prototype.update = function(){
  129.       this.x += this.vel.x;
  130.       this.y += this.vel.y;
  131.  
  132.       if(this.x - this.width > wW || this.x + this.width < 0){
  133.         // 重新初始化位置
  134.         this.scale = 0;
  135.         this.x = Math.random() * wW;
  136.         this.y = Math.random() * wH;
  137.       }
  138.       if(this.y - this.height > wH || this.y + this.height < 0){
  139.         // 重新初始化位置
  140.         this.scale = 0;
  141.         this.x = Math.random() * wW;
  142.         this.y = Math.random() * wH;
  143.       }
  144.  
  145.       // 放大
  146.       this.scale += (this.targetScale - this.scale) * .1;
  147.       this.height = this.scale * this.initialH;
  148.       this.width = this.height * 1.4;
  149.  
  150.       // -----文字-----
  151.       this.fx += this.fvel.x;
  152.       this.fy += this.fvel.y;
  153.       this.fs += this.fvel.f;
  154.  
  155.       if(this.fs > 50){
  156.         this.fs = 2;
  157.       }
  158.  
  159.       if(this.fx - this.fs > wW || this.fx + this.fs < 0){
  160.         // 重新初始化位置
  161.         this.fx = Math.random() * wW;
  162.         this.fy = Math.random() * wH;
  163.       }
  164.       if(this.fy - this.fs > wH || this.fy + this.fs < 0){
  165.         // 重新初始化位置
  166.         this.fx = Math.random() * wW;
  167.         this.fy = Math.random() * wH;
  168.       }
  169.     }
  170.  
  171.     function render(){
  172.       ctx.clearRect(0, 0, wW, wH);
  173.       for(var i = 0; i < hearts.length; i++){
  174.         hearts[i].draw();
  175.         hearts[i].update();
  176.       }
  177.       requestAnimationFrame(render);
  178.     }
  179.   </script>
  180. </body>
  181. </html>

二、程序语言表白

2.1程序语言表白一

2.2程序语言表白二

2.3程序语言表白三

2.4程序语言表白四

如果你也喜欢编程，想学C/C++的话！如果你也想让自己成为一个具有真材实料的厉害的程序员，不妨从现在开始！

C语言C++编程学习交流圈子，QQ群：829164294【点击进入】微信公众号：C语言编程学习基地

整理分享（多年学习的源码、项目实战视频、项目笔记，基础入门教程）

欢迎转行和学习编程的伙伴，利用更多的资料学习成长比自己琢磨更快哦！

编程学习视频分享：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/179798?site
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号