当前位置：网站首页>Qixi Festival code confession

Qixi Festival code confession

2022-08-05 03:43:00 【If you never betray, dependent life and death I will】

——【The origin of the qixi brief introduction】——

七夕节,又称七巧节、Due to the July 7th of the lunar calendar in China,Is one of China's traditional festival,To have a history of more than one thousand years.Chinese valentine's day is the first by the birth of stars worship culture,But then worked as vega and the spread of love story is widely spread,To this day add a lot of love the color,随后,Symbol is defined directly in order to love the festival,简称为“中国情人节”.

在这里插入图片描述

——【The legend of the Chinese valentine's day】——
　　The legend of Chinese valentine's day is comes from vega's love story,I am one of China's four major folk legends.Below small make up will come with brief language to talk about in one thousand before moving love.
在这里插入图片描述

According to legend beautiful clever、Xinlingshouqiao vega is the queen mother beside a fairy,The cowboy is a poor human FangNiuLang,Cowherd due to intellectualize through the spirit of the old cow,Inadvertently left earth play vega,两人一见钟情,Under common knot to couple,And have a pair of children after marriage.
　　But fairy all that different from,She is the queen mother took heaven,ACTS leave a cowherd and a pair of children in the world,And the cowherd won't give up vowed to catch up with the heaven,When two people to meet each other,To remove the head of the heavenly queen gold zan galaxy a pen,Former QingJian galaxy gradually become turbid monstrous,On both sides of the Milky Way between vega and.从此,Vega and tears,隔河相望.
　　To remove the head of the heavenly queen gold zan galaxy a pen,Former QingJian galaxy gradually become turbid monstrous,On both sides of the Milky Way between vega and.从此,Vega and tears,隔河相望.From then on, Chinese valentine's day this day became a day shall be well, jack shall have Jill.
在这里插入图片描述

——【The custom of Chinese valentine's day】——
　　In the modern modern Chinese valentine's day,Most lovers will defines the day as valentine's day,To date there is quite a sense of ceremony together,Single people will travel together to keep warm and have fun.In short is a spare not down day,But a lot of young people and even people all parents do not know much about the past traditional folk custom is how to celebrate Chinese valentine's day,So first below small make up to enumerate the past to you what the needlework section of the folk custom.　香桥会;接露水;拜七姐;Dou qiao;To beg for marriage;Seven elder sister water swim;Kind of gave birth to son;Chinese water storage;For NiuQingSheng;Seven qiao gong case;Welcome fairy;拜神;Worshipped cowherd;拜魁星;Mother worship the bed;染指甲;Chinese valentine's day that watch;Listen to the whispers;Water purification see shadow;结红头绳;The girl wash hair;Sun book clothes;Ligation qiao gu;Grinding drink le.

记录一起走过的那些日子

讲述和亲爱的TA一起经历的那些故事

那些初见印象
那些浪漫的开始
那些铭记于心的大小事
那些经历的曲折
那些经历的幸福与快乐
那些珍贵的瞬间
那些对未来的期许/计划
…

创意代码表白

使用js来写的,Simple introduce page index.html

下面的文字Do you want to replace the discourse content,日期变量textAnimate,And you said you together of the time date.
Just change the two is about the same

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>给你的一封信</title>	    
        <link type="text/css" rel="stylesheet" href="./file/default.css">
		<script type="text/javascript" src="./file/jquery.min.js"></script>
		<script type="text/javascript" src="./file/jscex.min.js"></script>
		<script type="text/javascript" src="./file/jscex-parser.js"></script>
		<script type="text/javascript" src="./file/jscex-jit.js"></script>
		<script type="text/javascript" src="./file/jscex-builderbase.min.js"></script>
		<script type="text/javascript" src="./file/jscex-async.min.js"></script>
		<script type="text/javascript" src="./file/jscex-async-powerpack.min.js"></script>
		<script type="text/javascript" src="./file/functions.js" charset="utf-8"></script>
		<script type="text/javascript" src="./file/love.js" charset="utf-8"></script>
	    <style type="text/css">
        </style>
</head>
    <body>
        <div id="main">
            <div id="error">本页面采用HTML5编辑,目前您的浏览器无法显示,请换成谷歌(<a href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html?hl=zh-CN&brand=CHMI">Chrome</a>)或者火狐(<a href="http://firefox.com.cn/download/">Firefox</a>)浏览器,或者其他游览器的最新版本.</div>
             <div id="wrap">
                <div id="text">
                    <div id="code"> <font color="#FF0000"> <span class="say">亲爱的宝宝,我爱你</span><br>
                      <span class="say"> 我知道我不会甜言蜜语,</span><br>
                      <span class="say"> 但是我会用行动证明一切</span><br>
                      <span class="say">你说我啰嗦,</span><br>             
                          <span class="say"> Some things because the more care so more afraid lose</span><br>
                      <span class="say">因为我太爱你了,So I'm afraid to lose you</span><br>
                      <span class="say">因为我太爱你了,So I always wordy for you</span><br>
                      <span class="say">Hope can hand,与子偕老</span><br>
                      <span class="say">If the god let me make three wishes,</span><br>
                              <span class="say">The first is to share the rest of my life with you, </span><br>
                           <span class="say"> The second is the regeneration near-re-embodiment with you,</span><br>
                           <span class="say">The third is forever and you are not isolated </span><br>
                      <span class="say"><span class="space"></span> -- Those who love you</span> </font>
                          <br />
                          <br />
                      </p>
                    </div>
                  </div>
                <div id="clock-box">
                    <span class="STYLE1"></span><font color="#33CC00">亲爱的,我喜欢你</font>
<span class="STYLE1">已经是……</span>
                  <div id="clock"></div>
              </div>
                <canvas id="canvas" width="1100" height="680"></canvas>
            </div>
            
        </div>
    
    <script>
    </script>

    <script>
    (function(){
    
        var canvas = $('#canvas');
		
        if (!canvas[0].getContext) {
    
            $("#error").show();
            return false;        }

        var width = canvas.width();
        var height = canvas.height();        
        canvas.attr("width", width);
        canvas.attr("height", height);
        var opts = {
    
            seed: {
    
                x: width / 2 - 20,
                color: "rgb(190, 26, 37)",
                scale: 2
            },
            branch: [
                [535, 680, 570, 250, 500, 200, 30, 100, [
                    [540, 500, 455, 417, 340, 400, 13, 100, [
                        [450, 435, 434, 430, 394, 395, 2, 40]
                    ]],
                    [550, 445, 600, 356, 680, 345, 12, 100, [
                        [578, 400, 648, 409, 661, 426, 3, 80]
                    ]],
                    [539, 281, 537, 248, 534, 217, 3, 40],
                    [546, 397, 413, 247, 328, 244, 9, 80, [
                        [427, 286, 383, 253, 371, 205, 2, 40],
                        [498, 345, 435, 315, 395, 330, 4, 60]
                    ]],
                    [546, 357, 608, 252, 678, 221, 6, 100, [
                        [590, 293, 646, 277, 648, 271, 2, 80]
                    ]]
                ]] 
            ],
            bloom: {
    
                num: 700,
                width: 1080,
                height: 650,
            },
            footer: {
    
                width: 1200,
                height: 5,
                speed: 10,
            }
        }

        var tree = new Tree(canvas[0], width, height, opts);
        var seed = tree.seed;
        var foot = tree.footer;
        var hold = 1;

        canvas.click(function(e) {
    
            var offset = canvas.offset(), x, y;
            x = e.pageX - offset.left;
            y = e.pageY - offset.top;
            if (seed.hover(x, y)) {
    
                hold = 0; 
                canvas.unbind("click");
                canvas.unbind("mousemove");
                canvas.removeClass('hand');
            }
        }).mousemove(function(e){
    
            var offset = canvas.offset(), x, y;
            x = e.pageX - offset.left;
            y = e.pageY - offset.top;
            canvas.toggleClass('hand', seed.hover(x, y));
        });

        var seedAnimate = eval(Jscex.compile("async", function () {
    
            seed.draw();
            while (hold) {
    
                $await(Jscex.Async.sleep(10));
            }
            while (seed.canScale()) {
    
                seed.scale(0.95);
                $await(Jscex.Async.sleep(10));
            }
            while (seed.canMove()) {
    
                seed.move(0, 2);
                foot.draw();
                $await(Jscex.Async.sleep(10));
            }
        }));

        var growAnimate = eval(Jscex.compile("async", function () {
    
            do {
    
    	        tree.grow();
                $await(Jscex.Async.sleep(10));
            } while (tree.canGrow());
        }));

        var flowAnimate = eval(Jscex.compile("async", function () {
    
            do {
    
    	        tree.flower(2);
                $await(Jscex.Async.sleep(10));
            } while (tree.canFlower());
        }));

        var moveAnimate = eval(Jscex.compile("async", function () {
    
            tree.snapshot("p1", 240, 0, 610, 680);
            while (tree.move("p1", 500, 0)) {
    
                foot.draw();
                $await(Jscex.Async.sleep(10));
            }
            foot.draw();
            tree.snapshot("p2", 500, 0, 610, 680);

            // 会有闪烁不得意这样做, (＞﹏＜)
            canvas.parent().css("background", "url(" + tree.toDataURL('image/png') + ")");
            canvas.css("background", "#ffe");
            $await(Jscex.Async.sleep(300));
            canvas.css("background", "none");
        }));

        var jumpAnimate = eval(Jscex.compile("async", function () {
    
            var ctx = tree.ctx;
            while (true) {
    
                tree.ctx.clearRect(0, 0, width, height);
                tree.jump();
                foot.draw();
                $await(Jscex.Async.sleep(25));
            }
        }));

        var textAnimate = eval(Jscex.compile("async", function () {
    
		    var together = new Date();
		    together.setFullYear(2019,1 , 15); 			//时间年月日
		    together.setHours(16);						//小时 
		    together.setMinutes(53);					//分钟
		    together.setSeconds(0);					//秒前一位
		    together.setMilliseconds(2);				//秒第二位

		    $("#code").show().typewriter();
            $("#clock-box").fadeIn(500);
            while (true) {
    
                timeElapse(together);
                $await(Jscex.Async.sleep(1000));
            }
        }));

        var runAsync = eval(Jscex.compile("async", function () {
    
            $await(seedAnimate());
            $await(growAnimate());
            $await(flowAnimate());
            $await(moveAnimate());

            textAnimate().start();

            $await(jumpAnimate());
        }));

        runAsync().start();
    })();
    </script></body></html>