流星雨效果模板

合集下载

描写《流星》作文6篇

描写《流星》作文6篇

描写《流星》作文6篇心中的美景——遥望那逝去的流星仰望星空仍是那么美,星星永久的闪烁,没有一颗坠落。

——题记遥望那逝去的流星(青春年华),我眼中闪过一丝泪光;遥望那逝去的流星,我心中充满了悔恨;遥望那逝去的流星,我充满了无限的感慨。

“光阴好比河中水,只能流去不能回。

”当时光飞逝,青春慢慢画为句点,你是否体会到了青春给你带来的收获?“不是。

”因为你并没有体会到青春的真谛,你让青春白白的流逝,你又做了些什么呢?青春就像一道风景线,沿途的景物真的好美好美,你是否看见了?;青春就像一壶美酒,细细品味,它真的很纯很纯,你是否体会出来了?;青春就像一盏明灯,照亮了我们前进的路,它真的好亮好亮,你是否发现了?眼下,一次青春的重大抉择出现在你的面前(中考),正虎视眈眈的看着你是否可以度过这一次青春的坎坷。

青春飞逝,你是否把握了这一次次机会?是否为了它们去奋斗?去拼搏?去努力?你们,还在起跑线上徘徊的你们,不要再犹豫了,不要再让你的年华虚度,当青春飞逝,你们不要在深山野岭之间,痛苦而陡然的呼唤;“归来兮,我逝去的青春,归来兮,我虚度的年华!仰望星空,看着那满天的繁星,我的思想早已飞翔,飘向那永不坠落的流星,而那永不坠落的流星将成为我心中永存的美景。

枣庄东方国际学校初三:王拓璀璨流星传说每当在寂静的夜空倏尔划过一道弧线,便会有成千上万人的心愿实现,因为大家,正在对着流星许愿。

“我希望……我希望……”这个时候,我也会通俗地合上双掌,切切念出埋藏心头已久的希望。

(一)我多希望我所有爱的人与爱我的人还有与我不相干的人幸福平安,拥有健壮体魄。

大家就可以不用害怕病魔的侵袭,可以尽情在大自然的原野中不断跳跃,奔跑。

我多希望大家没有烦恼,静静地,无忧无虑,可以尽情欣赏花开花落。

悠悠的蓝天一丝不苟,好比那么安静,美丽。

我多希望大家可以心想事成,我想这应该是大家最愿意听到也最喜欢听到的祝福,至少可以任何事都如愿以偿。

有时候就连冬季的阳光也刺眼,可以漫不经心洒向大地,校园里树与树之间的缝隙又可以被阳光刺破,胸前挂着时钟的兔公爵从身边飞奔,突然背上插着透明翅膀的白马挂满天空,这一切听起来都不真切——就连“心想事成”也不过如此,一切听起来都像是天马行空,倒不如真切些,希望大家以最好的心情面对世界,以最坚强的性格对抗挫折,不允许再有惆怅。

下定义专项练习【范本模板】

下定义专项练习【范本模板】

下定义专项练习1、从下面的材料中提取相关信息,给“书法”下一个准确的定义。

不超过50字。

(4分)书法是中国汉字在历代书法家长期艺术实践中积淀形成的,是中华民族传统文化的一大瑰宝。

作为一种造型艺术,书法与人们通常所说的“习字”有本质的区别.书法对于用笔、用墨有着独到的艺术追求。

书法的用笔主要包括笔法、笔力、笔势、笔意;用墨,指的是在书写过程中墨色浓、淡、干、湿、枯、润等富于节奏和韵律的变化。

笔意是书法家通过笔画线条所传达的审美情感、审美趣味和人格气质等。

书法家在运笔过程中,往往根据自己的审美经验和审美趣味,对每个汉字的结构作出疏密、欹正、聚散、虚实等巧妙的处理。

书法在章法上强调字与字之间上下顾盼,行与行之间气脉贯通.2、提取下列材料的要点,用一个单句给“3G"下定义。

(不超过60个字)(4分)①第三代移动通信系统简称“3G”。

在1985年由国际电讯联盟(ITU)提出,其标准化工作于1997 年开始逐渐进入实质阶段.②“3G”融合了电讯和电脑的技术优点【原理】,可以传送质量稳定的视像、语音和文字资料,【效果】速率达到当前一般移动电话的200倍。

③“3G”与前两代移动通讯系统相比,能够通过用户的手机或掌上电脑等通讯装置【原理】,为用户提供高速无线上网业务和多媒体业务。

【效果】④“3G"通过卫星移动通信网与地面移动通信网的结合【原理】,形成一个对全球无缝覆盖的立体通信网络,实现人们全球漫游的通信【效果】理想。

3、根据以下文字,给“知识经济"下一个定义。

(40字以内)以前的经济,以传统工业为产业支柱,以稀缺自然资源为主要依托。

而“知识经济"则(以高技术产业为第一产业支柱,以智力资源为首要依托)。

因此,“知识经济”是一种(可持续发展的)经济,它是一种(新型的)经济。

4、阅读下面的短文,给“禽流感"下一个定义.(4分)禽流感究竟是什么?通俗地说,就是禽类的病毒性流行性感冒【另一个名字】,是(由A 型流感病毒引起的)【起因】(禽类的)【范围】一种(从呼吸系统到全身严重败血症等多种症状)【后果】的传染病,禽类感染后死亡率很高【后果】.1997年5月,香港一名三岁男童体内分离出一株甲型流感病毒,8月确诊为全球首例由A型(H5NI)禽流感病毒引起的人间病例。

前端案例分享(一):CSS+JS实现流星雨动画

前端案例分享(一):CSS+JS实现流星雨动画

前端案例分享(⼀):CSS+JS实现流星⾬动画⽬录引⾔平常会做⼀些有意思的⼩案例练⼿,通常都会发到codepen上,但是codepen不能写分析。

所以就在博客上开个案例分享系列,对demo做个剖析。

⽬的以分享为主,然后也希望各路⼤神能给出改进的想法,在review中提升技术,发现乐趣~ 1、效果图完整效果,请移步纯CSS案例及本篇案例完整源码,请移步2、源码HTML<body><div class="container"><div id="mask"></div><div id="sky"></div><div id="moon"></div><div id="stars"></div><div class="cloud cloud-1"></div><div class="cloud cloud-2"></div><div class="cloud cloud-3"></div></div></body>CSS/* ------------reset------------ */* {margin: 0;padding: 0;}html,body {width: 100%;min-width: 1000px;height: 100%;min-height: 400px;overflow: hidden;}/* ------------画布 ------------ */.container {position: relative;height: 100%;}/* 遮罩层 */#mask {position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .8);z-index: 900;}/* 天空背景 */#sky {width: 100%;height: 100%;background: linear-gradient(rgba(0, 150, 255, 1), rgba(0, 150, 255, .8), rgba(0, 150, 255, .5));}/* ⽉亮 */#moon {position: absolute;top: 50px;right: 200px;width: 120px;height: 120px;background: rgba(251, 255, 25, 0.938);border-radius: 50%;box-shadow: 0 0 20px rgba(251, 255, 25, 0.5);z-index: 9999;}/* 闪烁星星 */.blink {position: absolute;background: rgb(255, 255, 255);border-radius: 50%;box-shadow: 0 0 5px rgb(255, 255, 255);/* 流星 */.star {position: absolute;opacity: 0;z-index: 10000;}.star::after {content: "";display: block;border: solid;border-width: 2px 0 2px 80px;/*流星随长度逐渐缩⼩*/border-color: transparent transparent transparent rgba(255, 255, 255, 1); border-radius: 2px 0 0 2px;transform: rotate(-45deg);transform-origin: 0 0 0;box-shadow: 0 0 20px rgba(255, 255, 255, .3);}/* 云 */.cloud {position: absolute;width: 100%;height: 100px;}.cloud-1 {bottom: -100px;z-index: 1000;opacity: 1;transform: scale(1.5);-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);}.cloud-2 {left: -100px;bottom: -50px;z-index: 999;opacity: .5;transform: rotate(7deg);-webkit-transform: rotate(7deg);-moz-transform: rotate(7deg);-ms-transform: rotate(7deg);-o-transform: rotate(7deg);}.cloud-3 {left: 120px;bottom: -50px;z-index: 999;opacity: .1;transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg);}.circle {position: absolute;border-radius: 50%;background: #fff;}.circle-1 {width: 100px;height: 100px;top: -50px;left: 10px;}.circle-2 {width: 150px;height: 150px;top: -50px;left: 30px;}.circle-3 {width: 300px;height: 300px;top: -100px;left: 80px;}.circle-4 {width: 200px;height: 200px;top: -60px;left: 300px;}.circle-5 {width: 80px;height: 80px;top: -30px;left: 450px;}.circle-6 {width: 200px;height: 200px;.circle-7 {width: 100px;height: 100px;top: -10px;left: 650px;}.circle-8 {width: 50px;height: 50px;top: 30px;left: 730px;}.circle-9 {width: 100px;height: 100px;top: 30px;left: 750px;}.circle-10 {width: 150px;height: 150px;top: 10px;left: 800px;}.circle-11 {width: 150px;height: 150px;top: -30px;left: 850px;}.circle-12 {width: 250px;height: 250px;top: -50px;left: 900px;}.circle-13 {width: 200px;height: 200px;top: -40px;left: 1000px;}.circle-14 {width: 300px;height: 300px;top: -70px;left: 1100px;}JS//流星动画setInterval(function() {const obj = addChild("#sky", "div", 2, "star");for (let i = 0; i < obj.children.length; i++) {const top = -50 + Math.random() * 200 + "px",left = 200 + Math.random() * 1200 + "px",scale = 0.3 + Math.random() * 0.5;const timer = 1000 + Math.random() * 1000;obj.children[i].style.top = top;obj.children[i].style.left = left;obj.children[i].style.transform = `scale(${scale})`; requestAnimation({ele: obj.children[i],attr: ["top", "left", "opacity"],value: [150, -150, .8],time: timer,flag: false,fn: function() {requestAnimation({ele: obj.children[i],attr: ["top", "left", "opacity"],value: [150, -150, 0],time: timer,flag: false,fn: () => {obj.parent.removeChild(obj.children[i]); }})}});}}, 1000);//闪烁星星动画setInterval(function() {const obj = addChild("#stars", "div", 2, "blink");for (let i = 0; i < obj.children.length; i++) {const top = -50 + Math.random() * 500 + "px",left = 200 + Math.random() * 1200 + "px",round = 1 + Math.random() * 2 + "px";obj.children[i].style.height = round;requestAnimation({ele: obj.children[i],attr: "opacity",value: .5,time: timer,flag: false,fn: function() {requestAnimation({ele: obj.children[i],attr: "opacity",value: 0,time: timer,flag: false,fn: function() {obj.parent.removeChild(obj.children[i]);}});}});}}, 1000);//⽉亮移动requestAnimation({ele: "#moon",attr: "right",value: 1200,time: 10000000,});// 添加云const clouds = addChild(".cloud", "div", 14, "circle", true);for (let i = 0; i < clouds.children.length; i++) {for (let j = 0; j < clouds.children[i].length;) {clouds.children[i][j].classList.add(`circle-${++j}`);}}//云动画let flag = 1;setInterval(function() {const clouds = document.querySelectorAll(".cloud");const left = Math.random() * 5;bottom = Math.random() * 5;let timer = 0;for (let i = 0; i < clouds.length; i++) {requestAnimation({ele: clouds[i],attr: ["left", "bottom"],value: flag % 2 ? [-left, -bottom] : [left, bottom],time: timer += 500,flag: false,fn: function() {requestAnimation({ele: clouds[i],attr: ["left", "bottom"],value: flag % 2 ? [left, bottom] : [-left, -bottom],time: timer,flag: false})}});}flag++;}, 2000)封装⽅法//———————————————————————————————————————————动画———————————————————————————————————————————————————//运动动画,调⽤Tween.js//ele: dom | class | id | tag 节点 | 类名 | id名 | 标签名,只⽀持选择⼀个节点,class类名以及标签名只能选择页⾯中第⼀个//attr: attribute 属性名//value: target value ⽬标值//time: duration 持续时间//tween: timing function 函数⽅程//flag: Boolean 判断是按值移动还是按位置移动,默认按位置移动//fn: callback 回调函数//增加返回值: 将内部参数对象返回,可以通过设置返回对象的属性stop为true打断动画function requestAnimation(obj) {//—————————————————————————————————————参数设置—————————————————————————————————————————————//默认属性const parameter = {ele: null,attr: null,value: null,time: 1000,tween: "linear",flag: true,stop: false,fn: ""}//合并传⼊属性Object.assign(parameter, obj); //覆盖重名属性//—————————————————————————————————————动画设置—————————————————————————————————————————————//创建运动⽅程初始参数,⽅便复⽤let start = 0; //⽤于保存初始时间戳time = parameter.time, //运动持续时间,tween = parameter.tween, //运动函数flag = parameter.flag,callback = parameter.fn, //回调函数curVal = 0; //运动当前值//判断传⼊函数是否为数组,多段运动(function() {if (attr instanceof Array) {beginAttr = [];count = [];for (let i of attr) {const val = parseFloat(getComputedStyle(target)[i]);beginAttr.push(val);count.push(value - val);}}if (value instanceof Array) {for (let i in value) {count[i] = value[i] - beginAttr[i];}}})();//运动函数function animate(timestamp) {if (parameter.stop) return; //打断//存储初始时间戳if (!start) start = timestamp;//已运动时间let t = timestamp - start;//判断多段运动if (beginAttr instanceof Array) {// const len = beginAttr.length //存数组长度,复⽤//多段运动第1类——多属性,同⽬标,同时间/不同时间if (typeof count === "number") { //同⽬标//同时间if (typeof time === "number") {if (t > time) t = time; //判断是否超出⽬标值//循环attr,分别赋值for (let i in beginAttr) {if (flag) curVal = Tween[tween](t, beginAttr[i], count, time); //调⽤Tween,返回当前属性值,此时计算⽅法为移动到写⼊位置else curVal = Tween[tween](t, beginAttr[i], count + beginAttr[i], time); //调⽤Tween,返回当前属性值,此时计算⽅法为移动了写⼊距离if (attr[i] === "opacity") target.style[attr[i]] = curVal; //给属性赋值else target.style[attr[i]] = curVal + "px"; //给属性赋值if (t < time) requestAnimationFrame(animate); //判断是否运动完else callback && callback(); //调⽤回调函数}return;}//不同时间if (time instanceof Array) {//循环time,attr,分别赋值for (let i in beginAttr) {//错误判断if (!time[i] && time[i] !== 0) {throw new Error("The input time's length is not equal to attribute's length");}//判断是否已经完成动画,完成则跳过此次循环if (parseFloat(getComputedStyle(target)[attr[i]]) === (typeof value === "number" ? value : value[i]))continue;// t = timestamp - start; //每次循环初始化tif (t > time[i]) t = time[i]; //判断是否超出⽬标值if (flag || attr[i] === "opacity") curVal = Tween[tween](t, beginAttr[i], count, i); //调⽤Tween,返回当前属性值,此时计算⽅法为移动到写⼊位置else curVal = Tween[tween](t, beginAttr[i], count + beginAttr[i], i); //调⽤Tween,返回当前属性值,此时计算⽅法为移动了写⼊距离if (attr[i] === "opacity") target.style[attr[i]] = curVal; //给属性赋值else target.style[attr[i]] = curVal + "px"; //给属性赋值}if (t < Math.max(...time)) requestAnimationFrame(animate); //判断函数是否运动完else callback && callback(); //如果已经执⾏完时间最长的动画,则调⽤回调函数return;}}//多段运动第2类——多属性,不同⽬标,同时间/不同时间if (count instanceof Array) {//同时间if (typeof time === "number") {if (t > time) t = time; //判断是否超出⽬标值for (let i in beginAttr) { //循环attr,count,分别赋值//错误判断if (!count[i] && count[i] !== 0) {throw new Error("The input value's length is not equal to attribute's length");}if (flag || attr[i] === "opacity") curVal = Tween[tween](t, beginAttr[i], count[i], time); //调⽤Tween,返回当前属性值,此时计算⽅法为移动到写⼊位置 else curVal = Tween[tween](t, beginAttr[i], count[i] + beginAttr[i], time); //调⽤Tween,返回当前属性值,此时计算⽅法为移动了写⼊距离if (attr[i] === "opacity") target.style[attr[i]] = curVal; //给属性赋值else target.style[attr[i]] = curVal + "px"; //给属性赋值}if (t < time) requestAnimationFrame(animate); //判断函数是否运动完else callback && callback(); //如果已经执⾏完时间最长的动画,则调⽤回调函数return;}//错误判断if (!time[i] && time[i] !== 0) {throw new Error("The input time's length is not equal to attribute's length");}//判断是否已经完成动画,完成则跳过此次循环if (parseFloat(getComputedStyle(target)[attr[i]]) === (typeof value === "number" ? value : value[i]))continue;if (t > time[i]) t = time[i]; //判断是否超出⽬标值//错误判断if (!count[i] && count[i] !== 0) {throw new Error("The input value's length is not equal to attribute's length");}if (flag || attr[i] === "opacity") curVal = Tween[tween](t, beginAttr[i], count[i], time[i]); //调⽤Tween,返回当前属性值,此时计算⽅法为移动到写⼊位置 else curVal = Tween[tween](t, beginAttr[i], count[i] + beginAttr[i], time[i]); //调⽤Tween,返回当前属性值,此时计算⽅法为移动了写⼊距离if (attr[i] === "opacity") target.style[attr[i]] = curVal;else target.style[attr[i]] = curVal + "px";}if (t < Math.max(...time)) requestAnimationFrame(animate);else callback && callback();return;}}}//单运动模式if (t > time) t = time;if (flag || attr === "opacity") curVal = Tween[tween](t, beginAttr, count, time); //调⽤Tween,返回当前属性值,此时计算⽅法为移动到写⼊位置else curVal = Tween[tween](t, beginAttr[i], count + beginAttr, time); //调⽤Tween,返回当前属性值,此时计算⽅法为移动了写⼊距离if (attr === "opacity") target.style[attr] = curVal;else target.style[attr] = curVal + "px";if (t < time) requestAnimationFrame(animate);else callback && callback();}requestAnimationFrame(animate);return parameter; //返回对象,供打断或其他⽤途}//Tween.js/** t : time 已过时间* b : begin 起始值* c : count 总的运动值* d : duration 持续时间** 曲线⽅程** /bluedream2009/archive/2010/06/19/1760909.html* */let Tween = {linear: function(t, b, c, d) { //匀速return c * t / d + b;},easeIn: function(t, b, c, d) { //加速曲线return c * (t /= d) * t + b;},easeOut: function(t, b, c, d) { //减速曲线return -c * (t /= d) * (t - 2) + b;},easeBoth: function(t, b, c, d) { //加速减速曲线if ((t /= d / 2) < 1) {return c / 2 * t * t + b;}return -c / 2 * ((--t) * (t - 2) - 1) + b;},easeInStrong: function(t, b, c, d) { //加加速曲线return c * (t /= d) * t * t * t + b;},easeOutStrong: function(t, b, c, d) { //减减速曲线return -c * ((t = t / d - 1) * t * t * t - 1) + b;},easeBothStrong: function(t, b, c, d) { //加加速减减速曲线if ((t /= d / 2) < 1) {return c / 2 * t * t * t * t + b;}return -c / 2 * ((t -= 2) * t * t * t - 2) + b;},elasticIn: function(t, b, c, d, a, p) { //正弦衰减曲线(弹动渐⼊)if (t === 0) {return b;}if ((t /= d) == 1) {return b + c;}if (!p) {p = d * 0.3;}if (!a || a < Math.abs(c)) {a = c;var s = p / 4;} else {var s = p / (2 * Math.PI) * Math.asin(c / a);}return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;},elasticOut: function(t, b, c, d, a, p) { //正弦增强曲线(弹动渐出)return b + c;}if (!p) {p = d * 0.3;}if (!a || a < Math.abs(c)) {a = c;var s = p / 4;} else {var s = p / (2 * Math.PI) * Math.asin(c / a);}return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b;},elasticBoth: function(t, b, c, d, a, p) {if (t === 0) {return b;}if ((t /= d / 2) == 2) {return b + c;}if (!p) {p = d * (0.3 * 1.5);}if (!a || a < Math.abs(c)) {a = c;var s = p / 4;} else {var s = p / (2 * Math.PI) * Math.asin(c / a);}if (t < 1) {return -0.5 * (a * Math.pow(2, 10 * (t -= 1)) *Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;}return a * Math.pow(2, -10 * (t -= 1)) *Math.sin((t * d - s) * (2 * Math.PI) / p) * 0.5 + c + b;},backIn: function(t, b, c, d, s) { //回退加速(回退渐⼊)if (typeof s == 'undefined') {s = 1.70158;}return c * (t /= d) * t * ((s + 1) * t - s) + b;},backOut: function(t, b, c, d, s) {if (typeof s == 'undefined') {s = 3.70158; //回缩的距离}return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;},backBoth: function(t, b, c, d, s) {if (typeof s == 'undefined') {s = 1.70158;}if ((t /= d / 2) < 1) {return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b;}return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b;},bounceIn: function(t, b, c, d) { //弹球减振(弹球渐出)return c - Tween['bounceOut'](d - t, 0, c, d) + b;},bounceOut: function(t, b, c, d) {if ((t /= d) < (1 / 2.75)) {return c * (7.5625 * t * t) + b;} else if (t < (2 / 2.75)) {return c * (7.5625 * (t -= (1.5 / 2.75)) * t + 0.75) + b;} else if (t < (2.5 / 2.75)) {return c * (7.5625 * (t -= (2.25 / 2.75)) * t + 0.9375) + b;}return c * (7.5625 * (t -= (2.625 / 2.75)) * t + 0.984375) + b;},bounceBoth: function(t, b, c, d) {if (t < d / 2) {return Tween['bounceIn'](t * 2, 0, c, d) * 0.5 + b;}return Tween['bounceOut'](t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b;}}//———————————————————————————————————————————DOM操作———————————————————————————————————————————————————// 添加节点// ele: ⽗节点,⽀持输⼊变量,id值,class值,标签值。

地球上的星星观后感模板(二篇)

地球上的星星观后感模板(二篇)

地球上的星星观后感模板星星观后感模板-地球上的星星地球上的星星,通过对自然界的观察和人类文明的积淀,形成了丰富多样的星星文化。

在观看《地球上的星星》这部纪录片后,我深深被地球上星星的众多方面所打动和启发。

以下是我的观后感,希望能够与大家分享和交流。

第一印象上,《地球上的星星》给人的感觉很震撼和壮美。

片中展示了各种各样的星星景观,包括星空、流星雨、彗星等等。

这些美景带给我一种宏大和深邃的感受,让我对地球上星星的无限可能性感到惊叹。

影片还让我意识到星星的存在对人类文明的影响。

星星作为夜空中的明亮点缀,是人类探索、冒险和热情的象征。

星星在导航、农历等方面都发挥着非常重要的作用,同时也启发了许多文化和艺术作品的创作。

这些星星文化凝聚着人类对于星空的向往和想象,给人以无限憧憬和寄托。

值得一提的是,影片中还展示了地球上特殊的现象——北极光。

北极光的美丽和神奇令人陶醉,仿佛是地球与宇宙之间的桥梁和交流。

这种奇观让我感受到了地球与宇宙的密切联系,也让我意识到我们与自然界的和谐共处是多么重要。

影片中也提到了星星的保护问题。

星星的数量和质量受到了许多因素的影响,包括灯光污染、大气污染等等。

这些问题让我深感责任重大,我们每个人都应以行动来保护和照顾地球上的星星。

减少光污染、提高环境意识等等举措都能够为星星的保护做出贡献。

最让我感动的是,影片中通过讲述一个个星星的故事,勾勒出了星星与人类之间的情感纽带。

星星是我们童年时最宝贵的记忆,也是我们心灵的向导和朋友。

星星的存在使我们感到不再孤独,它们是我们共同的陪伴和安慰。

总之,《地球上的星星》让我对地球上星星的多样性和美丽有了更深刻的认识和体验。

这部纪录片不仅展示了星星的壮丽,也呼吁大家保护星星,维护地球的生态平衡。

通过观看这部纪录片,我相信每个人都能够更加珍视地球上的星星,为它们的存在和繁荣而努力。

在今后的生活中,我会更加留意星空,静心去感受星星的存在和神奇。

同时,我也会积极参与到星星的保护活动中,为保护地球上星星的生存环境而努力。

c语言流星雨课程设计

c语言流星雨课程设计

c语言流星雨课程设计一、课程目标知识目标:1. 学生能理解C语言中随机数的生成原理,掌握rand()和srand()函数的使用方法。

2. 学生能运用C语言的基本语法,实现流星雨动画的基本效果。

3. 学生了解C语言中循环和条件语句在动画中的应用。

技能目标:1. 学生能够运用所学知识,独立编写并调试简单的C语言程序,实现流星雨动画效果。

2. 学生通过实践,掌握C语言编程的基本技巧,提高解决问题的能力。

情感态度价值观目标:1. 学生通过课程学习,培养对编程的兴趣和热情,增强对计算机科学的认识。

2. 学生在合作学习中,培养团队精神和沟通能力,学会相互鼓励和帮助。

3. 学生在课程实践过程中,培养耐心和细心的品质,体会编程带来的成就感。

课程性质:本课程为C语言编程入门课程,通过实现流星雨动画,让学生在实践中掌握C语言的基本语法和应用。

学生特点:本课程面向初学C语言的学生,他们对编程有一定的好奇心,但可能缺乏实际编程经验。

教学要求:教师需引导学生掌握C语言基本知识,关注学生在实践中的个体差异,鼓励学生主动思考和解决问题。

在教学过程中,注重培养学生的编程兴趣和团队协作能力。

通过课程目标的实现,使学生在知识、技能和情感态度价值观方面得到全面提升。

二、教学内容1. C语言基本语法回顾:变量声明与赋值、数据类型、运算符、表达式。

2. 控制结构:顺序结构、分支结构(if-else)、循环结构(for、while)。

3. 函数:函数定义、函数调用、全局变量与局部变量。

4. 随机数生成:rand()和srand()函数的使用,随机数的应用。

5. 图形编程:了解C语言中的图形编程库(如curses),绘制基本图形。

6. 动画实现:利用循环和延时,实现流星雨动画效果。

7. 键盘输入:捕捉用户按键,实现动画的暂停与退出。

教学内容安排与进度:第一课时:回顾C语言基本语法,介绍课程目标和教学内容。

第二课时:讲解控制结构,重点强调循环结构在动画中的应用。

公司团建活动策划主题优秀7篇

公司团建活动策划主题优秀7篇

公司团建活动策划主题优秀7篇范文为教学中作为模范的文章,也常常用来指写作的模板。

常常用于文秘写作的参考,也可以作为演讲材料编写前的参考。

大家想知道怎么样才能写一篇比较优质的范文吗?该页是美丽的编辑为家人们收集整理的公司团建活动策划主题优秀7篇,仅供借鉴。

公司团建活动策划主题篇一1)许愿灯:你,是否有几多心愿,那么让许愿灯带着你五彩的梦,遨游天际,随着许愿灯冉冉起的升,让我们心想事成,美梦成真!把自己的愿望写许愿灯上,然后放飞在天空。

2)击鼓传花:各同事围坐在会议桌边,击鼓者眼蒙丝巾击鼓,通过鼓声传递一朵花。

当鼓声停时花落谁家,谁就得表一个即兴节目,表演好的员工给予奖励。

3)“你信任我吗?”活动员工站在相隔2米远的地方,前面的人站在约50cm高的地方上,然后毫无预警地往后倒,看看后面同事能否及时接住她/他。

主要考大家彼此之间的信任度及灵敏度。

材料:软垫、凳子、桌子。

5)我爱记歌词:先给选手放一段音乐前奏,音乐一停,选手须马上接唱,而且歌词一字不能错,唱错要受罚,把气球绑在身上,其他人用尖锐的东西刺破气球。

而较后胜出的人将获得精美礼品一份。

6)麻将大赛:麻将爱好员工可以在烧烤活动时间内,轮番制和牌对家下场谁保持时间较长谁胡的牌较多,他将活得公司牌王称号。

7)流星雨游戏:人数较多时,需要将队员划分成若干个由20—30个人组成的小组。

让参与游戏的队员找到一件可以扔却又没有杀伤力的东西,每人手里都有了可以扔的东西之后,让小组面向圆心站成一个大圈。

邀请3个志愿者站在圆圈的中心,背对背站成一个紧密的小圆圈。

站在圆周上的队员们听主持人数到3后,大家要把手中的东西一齐高高抛给3个站在中间的人,站在圆心的3个人则需要尽可能多地接住抛过来的东西。

升级版流星雨:可以蒙住站在圆心的队员的眼睛。

或是给站在圆心的队员30秒时间,让他们集体筹划一下如何相互配合,以便接住更多的东西。

8)大风吹游戏:全体围坐成圈,野外可划地固定各人的位置,主持人没有位置,立于中央。

ppt模板:动态星空通用模板星辰大海

ppt模板:动态星空通用模板星辰大海
我们的征途是 星辰大海
SEA OF STARS
目录
在此输入文字
在此输入文字
在此输入文字
在此输入文字
在此输入文字
点击输入文本点击输入文本点击输入文本点击输入文 本点击输入文本点击输入文本点击输入文本点击输入 文本。
点击输入文本点击输入文本点击输入文本点击输入文 本。 点击输入文本点击输入文本点击输入文本点击输入文 本。
点击输入标题
点击输入文本点击输入文本 点击输入文本点击输入文 本。
点击输入标题
点击输入标题
01 02
点击输入文本点击输入文本 点击输入文本点击输入文 本。
点击输入文本点击输入文本 点击输入文本点击输入文 本。
点击输入标题
点击输入标题
06 03
点击输入文本点击输入文本 点击输入文本点击输入文 本。
点击输入文本点击输入文本 点击输入文本点击输入文 本。
点击输入标题
点击输入文本点击输入文本点击输入文本点击输入文 本点击输入文本点击输入文本点击输入文本点击输入 文本。
点击输入标题
点击输入标题
点击输入标题
点击输入文本点击输入文本点 击输入文本点击输入文本点击 输入文本点击输入文本点击输 入文本点击输入文本。
销售额
点击输入文本点击输入文本点 击输入文本点击输入文本点击 输入文本点击输入文本点击输 入文本点击输入文本。
点击输入标题
2015
点击输入标题
点击输入文本点击输入文本点击输入文本点 击输入文本点击输入文本点击输入文本点击 输入文本点击输入文本。
点击输入标题
点击输入文本点击输入文本点击输入文本点 击输入文本点击输入文本点击输入文本点击 输入文本点击输入文本。

利用HTMLcanvas制作酷炫星星坠地粒子特效

利用HTMLcanvas制作酷炫星星坠地粒子特效

利⽤HTMLcanvas制作酷炫星星坠地粒⼦特效去年在电影院看过的电影,印象最深刻的,算是电影《你的名字》了,⽽且被其中的画⾯深深吸引了,尤其是陨⽯划过天空的场景,太美啦!所以想着哪天做⼀个canvas的流星效果。

最近刚好看到油管上的⼀个视频,作者的主页就是陨⽯坠落的粒⼦效果为背景,虽然没有《你的名字》中那么写实,但也是很漂亮了,效果⼤概长这样,附上链接在这个基础上,我做了⼀些修改,将圆形粒⼦换成五⾓星,背景星空⽆限右移,且随机产⽣流星。

下⾯我把制作过程详细讲解⼀下。

初始设置⽣成canvas标签,设置canvas长宽const canvas = document.createElement('canvas');document.body.appendChild(canvas);canvas.width = window.innerWidth;canvas.height = window.innerHeight;因为要将canvas设置成背景,所以要绝对定位canvasconst canvas = document.createElement('canvas');canvas.style.position = 'absolute';canvas.style.top = 0;canvas.style.left = 0;canvas.style.zIndex = -1;document.body.appendChild(canvas);canvas.width = window.innerWidth;canvas.height = window.innerHeight;const c = canvas.getContext('2d');先画个渐变⾊作为背景//createLinearGradient的4个参数:startX,startY,EndX,EndYconst backgroundGradient = c.createLinearGradient(0, 0, 0, canvas.height);backgroundGradient.addColorStop(0, 'rgba(23, 30, 38, 0.7)');backgroundGradient.addColorStop(1, 'rgba(63, 88, 107, 0.7)');c.fillStyle = backgroundGradient;c.fillRect(0, 0, canvas.width, canvas.height);看下效果接下去画⼏座⼭,⽤三⾓形来模拟画⼭要有⼏个设置参数:1.位置 2.颜⾊ 3.画⼏个从简单开始,我们将⼭的坐标点设在三⾓形的最左边那个⾓,先画三⾓形的底边,然后画上顶⾓c.beginPath();c.moveTo(0, canvas.height / 2);c.lineTo(300, canvas.height / 2);c.lineTo(150, canvas.height / 4);c.closePath();c.fill();接下去,我们想画连起来的⼭显然这⼭画得...我们要想有那种峰峦叠嶂的感觉,那就必须把⼭脚和⼭脚之间重叠起来,像这样That's it! 下⾯我们来分析⼀下如何⽤⼀个通⽤的⽅法来画出这样的峰峦叠嶂⾸先,定义⼀个函数drawMountains(),要传⼊的参数:1、⼭的数量number,2、⼭的坐标y(坐标x直接根据⼭的数量计算出来,3、⼭的⾼度height,4、⼭的颜⾊color),5、重叠偏移量offset,好了就这些,让我们来实现它,go这⾥来说⼀下x坐标如何计算,我们假设绘制出的⼭横跨整个canvas,那么每座⼭的宽度就是canvas.width / number了,如果都按这个x坐标来绘制,结果就是画出没重叠的⼭。

电脑流星雨代码文本文档

电脑流星雨代码文本文档

电脑流星雨代码文本文档案例一:Html代码如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>漫天流星雨</title><link rel="stylesheet" type="text/css" href="index.css"/></head><body><div class="container"><div class="line"style="--color:#ec3e27;--x:3;--z:3;--d:1;"></div> <div class="line"style="--color:#fff;--x:3;--z:2;--d:2;"></div><div class="line"style="--color:#fff;--x:4;--z:1;--d:3;"></div><div class="line"style="--color:#fd79a8;--x:4;--z:0;--d:1;"></div><div class="line"style="--color:#fff;--x:6;--z:-1;--d:2;"></div><div class="line"style="--color:#0984e3;--x:6;--z:-2;--d:3;"></div> <div class="line"style="--color:#fff;--x:8;--z:-3;--d:1;"></div><div class="line"style="--color:#fff;--x:10;--z:-4;--d:2;"></div><div class="line"style="--color:#fff;--x:12;--z:-5;--d:3;"></div><div class="line"style="--color:#fff;--x:14;--z:-6;--d:1;"></div><div class="line"style="--color:#fff;--x:16;--z:-7;--d:2;"></div><div class="line"style="--color:#fff;--x:18;--z:-8;--d:3;"></div><div class="line"style="--color:#e056fd;--x:20;--z:-9;--d:1;"></div> </div></body></html>案例二:Css代码如下:root {--background-color: #2c3e50;--border-color: #7591AD;--text-color: #34495e;--color1: #ec3e27;--color2: #fd79a8;--color3: #0984e3;--color4: #00b894;--color5: #fdcb6e;--color6: #e056fd;--color7: #F97F51;--color8: #BDC581;}* {margin: 0;padding: 0;}html {font-size: 14px;}body {width: 100vw;height: 100vh;background-color: var(--background-color);display: flex;justify-content: center;align-items: center;/* font-family: 'Times New Roman', Times, serif; */ }.channel {position: absolute;width: 80%;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -200px);font-size: 30px;font-weight: bold;color: #fff;z-index: 999;}.container {position: relative;width: 100vw;height: 100vh;background-color: #000;overflow: hidden;display: flex;justify-content: center;align-items: center;perspective: 800px;/* perspective-origin: left bottom; */transform-style: preserve-3d;}.line {position: absolute;width: 200px;height: 3px;border-radius: 3px;/* background-color: #fff; */background-image: linear-gradient(to right, var(--color), #ffffff50, transparent);animation: down 1s linear infinite both;animation-delay: calc(var(--d) * 0.3s);}.line::before,.line::after {position: absolute;content: "";width: inherit;height: inherit;background-image: inherit;}.line::before {filter: blur(5px);}.line::after {filter: blur(10px);}@keyframes down {0% {transform: translateY(calc(var(--z) * 60px))translateZ(calc(var(--z) * 100px))rotate(-45deg)translateX(calc(var(--x) * 100px));}100% {transform: translateY(calc(var(--z) * 60px))translateZ(calc(var(--z) * 100px))rotate(-45deg)translateX(calc(var(--x) * -100px));}}。

C语言实现流星雨效果流程

C语言实现流星雨效果流程

C语⾔实现流星⾬效果流程⽬录⼀、头⽂件⼆、结构体三、初始化四、绘制函数五、移动函数六、界⾯设计七、主函数总结视频讲解感谢序再亮眼的流星,也会⼀闪⽽过。

嗨!这⾥是狐狸~~没错,我⼜来了,上次的“烟花”表⽩程序你学废了吗,这次我次我⼜来给⼤家⽀招啦,学会了“烟花”,我们⼀起来看“流星⾬”吧直接上界⾯上次忘记说了,因为我们是⽤C语⾔写的所以是控制台程序,创造不出来界⾯,那怎么办呢,我们就要⽤Windows的远房表亲EasyX图形库来建界⾯了,上次忘记说了,望谅解我们今天就和往常⼀样⼀步⼀步的教⼤家如何去完成这个“流星⾬”表⽩程序吧!⼀、头⽂件最近总是被吐槽为什么没有头⽂件,原因是呢,我觉得我分享项⽬最主要的⽬的是让⼤家学知识,头⽂件这些没营养的,开始就没有考虑,但鉴于需要的⼩伙伴太多了,我就发出来吧#include<stdio.h>#include<easyx.h> //第三⽅图形库,需要安装#include<time.h>#include<conio.h>#include<mmsystem.h>#pragma comment(lib,"winmm.lib")⼆、结构体⽼朋友结构体他⼜来了,不⽤多说,直接看struct Star //⼩星星{int x;int y;int r;int speed; //速度COLORREF color; //颜⾊};struct Meteor{int x;int y;int speed;};三、初始化初始化星星以及流星,要⽤到随机函数哦,让星星和流星看起来更⾃然。

//初始化星星void initStar(int i){star[i].x = rand() % getwidth();star[i].y = rand() % getheight();star[i].r = rand() % 3 + 1;star[i].speed = rand() % 5; //0 1 2 3 4star[i].color = RGB(rand() % 256, rand() % 256, rand() % 256);}//初始化流星void initMeteor(int i){//[0,2400)//[-1200,1200)meteor[i].x = rand() % (2 * getwidth()) - getwidth(); //[-1200,1200)meteor[i].y = 20 - 200;meteor[i].speed = rand()%15+1;}四、绘制函数绘制星星以及流星,简单的贴图就⾏啦绘制星星void drawStar(){for (size_t i = 0; i < STAR_NUM; i++){//putpixel(star[i].x, star[i].y, star[i].color);setfillcolor(star[i].color);solidcircle(star[i].x, star[i].y, star[i].r);}}//绘制流星void drawMeteor(){for (size_t i = 0; i < METEOR_NUM; i++){putimage(meteor[i].x, meteor[i].y, img + rand() % 2,SRCPAINT);}}五、移动函数不仅流星要动,星星也要跟着动,怎么动才能更⾃然,⾃⼰也可以优化⼀下。

关于流星雨的介绍PPT课件

关于流星雨的介绍PPT课件
现。一般来说,流星的数目大约为每小时 10至15颗,但平均每33至34年狮子座流星 雨会出现一次高峰期,流星数目可超过每 小时数千颗。这个现象与谭普-塔特而彗星 的周期有关。流星雨产生时,流星看来会 像由天空上某个特定的点发射出来,这个 点称为“辐射点”,由于狮子座流星雨的 辐射点位于狮子座,因而得名。
六、近期的流星雨
流星雨名称:双子座流星群[4] (Geminids ) 辐射点:双子座(Gemini) 预计出现日期:13日-14日 概况描述:一年中最为稳定、最为炫丽多彩的流星雨,其中白
色大约为65%、黄色26,其它的为呈蓝色、红色和绿色。 双子座流星雨是唯一一个非慧星母体的流星雨,其母体是 小行星 3200 Phaethon。峰值时每小时流量可上百颗。
当然,这是古人对于科学了解不过的情况下的不科学地的说 法,身为有科学知识的现代人,应该对这类说法心中有数。 当然这有一定的科学依据,根据物理现象我们能看到的某 些星星的光经过几十甚至几万光年的光,光年是很长的, 所以我们看到的是几年前的星星。
五、著名流星雨
1、狮子座流星雨 狮子座流星雨在每年的11月14至21日左右出
狮子座流星雨
2、双子座流星雨
双子座流星雨在每年的12月13至14日左右出 现,最高时流量可以达到每小时120颗,且 流量极大的持续时间比较长。双子座流星 雨源自小行星1983 TB,该小行星由IRAS 卫星在1983年发现,科学家判断其可能是 “燃尽”的彗星遗骸。双子座流星雨辐射 点位于双子座,是著名的流星雨。
流星雨(Meteor Shower)的产生一般 认为是由于流星体与地球大气层相摩擦的结 果
• 流星群往往是由彗星分裂的碎片产生,因 此,流星群的轨道常常与彗星的轨道相关。 成群的流星就形成了流星雨。

微电影脚本模板_共10篇.doc

微电影脚本模板_共10篇.doc

★微电影脚本模板_共10篇范文一:爱,无处不在强生杨森微电影大赛剧本脚本模板剧本类型:作者:品牌标题:人物介绍:主要场景:男主角、妻子、老师、一群小朋友、若干护士、家属客厅、十字路口、医院急诊室、大楼外“创意,无处丌在”强生·杨森微电影设计大赛剧本脚本模板华中科技大学TLS团队达克宁散派瑞松采乐(3选1)剧本总时间:XX分XX秒场景一(约XX分XX秒)客厅(客厅的餐桌上,男主角用完早餐从餐桌向厨房走过去,给温柔的妻子拿来一杯牛奶。

)旁白(切入):强生相信,在我们身边存在着一些丌平凡的普通人,他们用自己的方式关爱着家庭,集体和社会。

爱,无处丌在。

男主角:平时也要注意补充营养,趁热喝吧。

妻子:还有点烫,先凉一会儿,我送你去上班。

男主角:嗯,丌用送了,我直接去。

你待会要记得去趟咱爸妈家,老爸的皮肤炎症犯了,又和医生闹别扭,你带的派瑞松他才用得舒心。

妻子:好,记着呢。

(.)(男主角和妻子向玄关处走去,和帮他整理衣领的妻子拥抱吻别)男主角(搂住妻子):自己一个人要注意安全。

妻子(微笑,用手整理好丈夫的衣领,然后抬头看向他):我会注意的,晚上如果没有急诊就按时回家吃饭吧。

(切换)场景二(约XX分XX秒)十字路口(男主角闲适地开着小车在马路上奔驰,前方的红绿灯变成黄色,人行道绿灯开始亮起,马路右侧安全岛上的女老师开始指挥5、6个幼儿园小朋友过马路,男主角把车靠右停下来,打上右转向灯。

老师经过男主角的车时,感激的朝他颔首,笑一笑;男主角微笑回应。

)(切换)场景三(约XX分XX秒)医院急诊室(医院里,一个昏迷丌醒的病人被匆忙推进急诊室,陪伴着的还有要随着病人冲进急诊室的家属,家属被护士拦下,她泪如泉涌。

男主角穿着白大褂,停下来,跟家属交流。

)家属(泪流满面,断断续续的说):医~生~~,他~会丌会有事?您~帮帮他吧!您帮帮他吧!男主角(面向家属):你放心,我们一定尽全力!(男主角说完后,立即跟上移动急救床。

动态动画类型PPT模板(82)

动态动画类型PPT模板(82)
添加标题
在此录入上述图表的描述说明,在此录入上述图表的描述说明。
添加标题
在此录入上述图表的描述说明,在此录入上述图表的描述说明。
添加标题
在此录入上述图表的描述说明,在此录入上述图表的描述说明。
添加标题
在此录入上述图表的描述说明,在此录入上述图表的描述说明。
添加标题
在此录入上述图表的描述说明,在此录入上述图表的描述说明。
2016
单击添加文本内容单击添加文本内容单击添加文本内容单击添加文本内容
2017
单击添加文本内容单击添加文本内容单击添加文本内容单击添加文本内容
2018
单击添加文本内容单击添加文本内容单击添加文本内容单击添加文本内容
添加标题
添加标题
添加标题
添加标题
请输入标题
请输入标题
请输入标题
请输入标题
请在此添加相关文字内容
夏夜星空下动态PPT模板
CONTENTS
ONE
请输入你的题目
请在此处添加详细描述文本,尽量与标题文本语言风格相符合,语言描述尽量简洁生动。
添加标题
Click here to add your title text.
添加标题
Click here to add your title text.
添加标题
此处添加详细文本描述,建议与标题相关并符合整体语言风格,语言描述尽量。……
此处添加详细文本描述,建议与标题相关并符合整体语言风格,语言描述尽量。……
此处添加详细文本描述,建议与标题相关并符合整体语言风格,语言描述尽量。……
A
C
B
D
添加标题
添加标题
添加标题
添加标题
1
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
相关文档
最新文档