HTML实战演练之比心
在开始之前，我们需要先简单的了解一下这颗爱心的原理哦~
本期将用html实现这颗跳动的爱心，我们先从html开始吧！
HTML（HyperText Markup Language）是一种用于创建网页结构和内容的标记语言。它是Web开发中最基本的技术之一，用于描述和组织网页的内容。
HTML最初由Tim Berners-Lee于1991年创造，作为一种用于共享科学研究成果的标准化形式。HTML使用标记（tag）来定义文本的结构和语义，并将其呈现为具有超链接的富文本文档。通过使用标记、元素和属性，HTML可以定义文本的标题、段落、列表、表格和图像等内容。
HTML是一种使用尖括号包围的标签语言。标签通常由一个起始标签（opening tag）和一个结束标签（closing tag）组成，两个标签之间的内容表示要被标记的文本。起始标签和结束标签可以包含属性，用于进一步定义和修饰标记的行为和外观。
在HTML中，元素是由标签组成的，可以包含文本、其他元素或者二者的组合。最常见的HTML元素包括标题元素（如<h1>到<h6>）、段落元素（如<p>）、列表元素（如<ul>和<li>）和超链接元素（如<a>）。通过嵌套和组合这些元素，可以创建出复杂的网页结构。
HTML标记还可以使用属性来进一步定义和修饰元素。属性提供了关于元素的额外信息，如元素的尺寸、颜色或布局等。常见的HTML属性包括id（标识元素的唯一标识符），class（用于将元素分组或应用样式）和style（内联样式）等。
HTML是一种层次结构的语言，文档的整体结构由多个元素组成，可以组织成树状结构。通常使用<html>元素作为根元素，它包含<head>元素和<body>元素。<head>元素用于定义文档的元数据，如标题和链接，而<body>元素包含实际的内容。
HTML可以通过文本编辑器编写，并在Web浏览器中进行查看。一旦HTML文档完成，可以通过将其保存成.html文件并在浏览器中打开来实现呈现。浏览器将解析HTML代码并显示其内容，呈现为用户可见的网页。
虽然HTML本身具有一定的格式和样式，但它通常与CSS（Cascading Style Sheets）和JavaScript等技术一起使用，以实现更丰富和交互式的网页效果。CSS用于定义网页的样式和布局，而JavaScript用于添加交互性和动态效果。
总之，HTML是用于创建Web内容的基本技术之一，它定义了网页的结构和内容。通过使用标记、元素和属性，可以创建出具有超链接和富文本特性的网页。与CSS和JavaScript等技术结合使用，HTML可以实现更丰富和交互式的网页效果。
跳动的爱心
01
完整代码
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>跳动的爱心</title></head><body> <script src='./js/three.min.js'></script> <script src='./js/TrackballControls.js'></script> <script src='./js/simplex-noise.js'></script> <script src='./js/OBJLoader.js'></script> <script src='./js/gsap.min.js'></script> <script src="./js/script.js"></script> <script> (function () { const _face = new THREE.Triangle(); const _color = new THREE.Vector3(); class MeshSurfaceSampler { constructor(mesh) { let geometry = mesh.geometry; if (!geometry.isBufferGeometry || geometry.attributes.position.itemSize !== 3) { throw new Error('THREE.MeshSurfaceSampler: Requires BufferGeometry triangle mesh.'); }
