c语言写一个爱心代码
时间: 2023-11-08 17:59:13 浏览: 122
```
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<style>
* {
padding: 0;
margin: 0;
}
html,
body {
height: 100%;
padding: 0;
margin: 0;
background: #000;
}
canvas {
position: absolute;
width: 100%;
height: 100%;
}
.aa {
position: fixed;
left: 50%;
bottom: 10px;
color: #ccc;
}
</style>
<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>
```
阅读全文
相关推荐
大家在看
常用的网络拓朴图素材.zip
一些常用的网络拓朴图素材，包括路由器、交换机、visio图标等，可以用于网络图的绘制和展示，希望能有所帮助。
最新VISIO各种图形图标大集合.
最新VISIO各种图形图标大集合.
2020_0610_应对新兴毫米波应用的测试挑战.pdf
应对新兴毫米波应用的测试挑战
新兴毫米波应用
毫米波应用中的测试挑战
毫米波频段应用----低轨宽带卫星
毫米波频段应用----802.11ay及微波回传
总结
国家/地区：国家/地区信息应用
国家/地区：国家/地区信息应用
Xilinx 7系列FPGA手册[打包下载]
Xilinx 7系列FPGA手册打包下载，包括以下手册：
1）ug470_7Series_Config.pdf
2）ug471_7Series_SelectIO.pdf
3）ug472_7Series_Clocking.pdf
4）ug473_7Series_Memory_Resources.pdf
5）ug474_7Series_CLB.pdf
6）ug479_7Series_DSP48E1.pdf
7）ug480_7Series_XADC.pdf
8）ug482_7Series_GTP_Transceivers.pdf
最新推荐
学籍管理系统C语言实训报告.doc
学籍管理系统C语言实训报告.doc
东北大学2021年9月《计算机基础》作业考核试题及答案参考17.docx
东北大学2021年9月《计算机基础》作业考核试题及答案参考17.docx
如何做好软件销售及企业管理软件销售就业机会.doc
如何做好软件销售及企业管理软件销售就业机会.doc
基于单片机的恒流开关电源-新.doc
基于单片机的恒流开关电源-新.doc
基石油长输管道SCADA系统设计与研究的开题报告.docx
基石油长输管道SCADA系统设计与研究的开题报告.docx
全面解析SOAP库包功能与应用
从给定的文件信息中，我们可以提取到的核心知识点主要集中在“SOAP”这一项技术上，由于提供的信息量有限，这里将尽可能详细地解释SOAP相关的知识。
首先，SOAP代表简单对象访问协议（Simple Object Access Protocol），是一种基于XML的消息传递协议。它主要用于在网络上不同应用程序之间的通信。SOAP定义了如何通过HTTP和XML格式来构造消息，并规定了消息的格式应遵循XML模式。这种消息格式使得两个不同平台或不同编程语言的应用程序之间能够进行松耦合的服务交互。
在分布式计算环境中，SOAP作为一种中间件技术，可以被看作是应用程序之间的一种远程过程调用（RPC）机制。它通常与Web服务结合使用，Web服务是使用特定标准实现的软件系统，它公开了可以通过网络（通常是互联网）访问的API。当客户端与服务端通过SOAP进行通信时，客户端可以调用服务端上特定的方法，而不需要关心该服务是如何实现的，或者是运行在什么类型的服务器上。
SOAP协议的特点主要包括：
1. **平台无关性**：SOAP基于XML，XML是一种跨平台的标准化数据格式，因此SOAP能够跨越不同的操作系统和编程语言平台进行通信。
2. **HTTP协议绑定**：虽然SOAP协议本身独立于传输协议，但是它通常与HTTP协议绑定，这使得SOAP能够利用HTTP的普及性和无需额外配置的优势。
3. **消息模型**：SOAP消息是交换信息的载体，遵循严格的结构，包含三个主要部分：信封（Envelope）、标题（Header）和正文（Body）。信封是消息的外壳，定义了消息的开始和结束；标题可以包含各种可选属性，如安全性信息；正文则是实际的消息内容。
4. **错误处理**：SOAP提供了详细的错误处理机制，可以通过错误码和错误信息来描述消息处理过程中的错误情况。
5. **安全性和事务支持**：SOAP协议可以集成各种安全性标准，如WS-Security，以确保消息传输过程中的安全性和完整性。同时，SOAP消息可以包含事务信息，以便于服务端处理事务性的业务逻辑。
在描述中提到的“所有库包”，这可能意味着包含了SOAP协议的实现、相关工具集或库等。由于信息不足，这里的“库包”具体指的是什么并不清楚，但可以理解为与SOAP相关的软件开发工具包（SDK）或框架，它们使得开发者可以更加方便地创建SOAP消息，处理SOAP请求和响应，以及实现Web服务。
至于“压缩包子文件的文件名称列表”中只有一个单词“soap”，这可能表明实际文件内容仅有一个与SOAP相关的文件，或者是一个压缩包文件的名称为“soap”。由于缺乏更详尽的文件列表，无法进一步分析其可能的内容。
综上所述，SOAP作为一种实现Web服务的技术标准，通过HTTP和XML实现系统间的通信。它支持跨平台、跨语言的服务调用，并具备强大的安全性和错误处理机制。在具体应用中，开发者可能需要用到与之相关的库包或工具集来开发和部署Web服务。
编程语言选择指南：为不同项目量身定制的编程语言策略
# 摘要
选择合适的编程语言对于软件项目的成功至关重要。本文首先探讨了编程语言选择的重要性，并对不同分类和特点的编程语言进行了详尽分析，重点介绍了静态与动态类型、解释型与编译型、面向对象与函数式编程语言的区别和应用场景。接着，文章根据项目需求详细讨论了如何选择适合的编程语言，包括功能需求、性能考量、开发效率和团队技能等关键因素。通过实践案例分析，本文进一步探讨了不同
手写vue2的插件vue-router
<think>我们正在手写一个简化版的vue-router插件，用于Vue2。主要步骤：1.定义一个类VueRouter，包含路由映射、当前路由状态等。2.实现install方法，用于Vue.use()安装插件，在install方法中：-混入beforeCreate生命周期钩子，在组件创建时初始化router。-全局注册router-view和router-link组件。3.实现路由映射：将路由配置转换为路径与组件的映射表。4.监听hashchange事件（或者使用history模式，这里以hash模式为例）来响应路由变化。5.实现router-view组件，根据当前路由渲染对应组件。6.实现
《软件工程：实践者的方法》第6版课件解析
根据提供的文件信息，我们可以推断出以下知识点：
1. 课程名称：“SOFTWARE ENGINEERING A practitioner's approach 6e”，表明这是关于软件工程的课程教材，第6版，针对实践者的教学方法。
2. 版本信息：由于标题中明确指出是第6版（6e），我们知道这是一系列教科书或课件的最新版本，这意味着内容已经根据最新的软件工程理论和实践进行了更新和改进。
3. 课程类型：课程是针对“practitioner”，即实践者的，这表明教材旨在教授学生如何将理论知识应用于实际工作中，注重解决实际问题和案例学习，可能包含大量的项目管理、需求分析、系统设计和测试等方面的内容。
4. 适用范围：文件描述中提到了“仅供校园内使用”，说明这个教材是专为教育机构内部学习而设计的，可能含有某些版权保护的内容，不允许未经授权的外部使用。
5. 标签：“SOFTWARE ENGINEERING A practitioner's approach 6e 软件工程”提供了关于这门课程的直接标签信息。标签不仅重复了课程名称，还强化了这是关于软件工程的知识。软件工程作为一门学科，涉及软件开发的整个生命周期，从需求收集、设计、编码、测试到维护和退役，因此课程内容可能涵盖了这些方面。
6. 文件命名：压缩包文件名“SftEng”是“SOFTWARE ENGINEERING”的缩写，表明该压缩包包含的是软件工程相关的教材或资料。
7. 关键知识点：根据标题和描述，我们可以推测课件中可能包含的知识点有：
- 软件工程基础理论：包括软件工程的定义、目标、原则和软件开发生命周期的模型。
- 需求分析：学习如何获取、分析、记录和管理软件需求。
- 系统设计：涉及软件架构设计、数据库设计、界面设计等，以及如何将需求转化为设计文档。
- 实现与编码：包括编程语言的选择、代码编写规范、版本控制等。
- 测试：软件测试的原则、方法和测试用例的设计。
- 项目管理：时间管理、团队协作、风险管理、成本估算等与软件项目成功相关的管理活动。
- 质量保证：软件质量模型、质量度量和质量控制措施。
- 维护和演化：软件部署后如何进行持续维护、升级和系统退役。
- 软件工程的新兴领域：包括敏捷开发方法、DevOps、用户体验设计等现代软件开发趋势。
8. 版权和使用限制：由于是专供校园内使用的教材，课件可能包含版权声明和使用限制，要求用户在没有授权的情况下不得对外传播和用于商业用途。
综上所述，这门课程的课件是为校园内的学生和教职员工设计的，关于软件工程的全面教育材料，覆盖了理论知识和实践技巧，并且在版权方面有所限制。由于是最新版的教材，它很可能包含了最新的软件工程技术和方法论。
QUARTUS II 13.0全攻略：新手到专家的10个必备技能
# 摘要
本文旨在详细介绍QUARTUS II 13.0软件的使用，包括其安装、FPGA基础、项目设置、设计流程、高级功能应用