regl实现多色方块粒子组成数字翻转动画效果

代码语言:html

所属分类:三维

代码描述:regl实现多色方块粒子组成数字翻转动画效果

代码标签: 方块 粒子 组成 数字 翻转 动画 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
html,
body {
	height: 100%;
}

body {
	background-image: radial-gradient(ellipse at center, #2c0c00 8.0%, #000 100.0%);
	background-size: 160% 160%;
	background-position: 50% 50%;
	overflow: hidden;
}

h1 {
	position: relative;
	z-index: 1;
	color: rgb(255, 94, 30);
	font-family: 'Luckiest Guy', sans-serif;
	font-size: min(8vw, 64px);
	text-align: center;
	top: 65vh;
}

img {
	display: none;
}
</style>

</head>
<body translate="no">
<h1>Followers!</h1>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgCAIAAAAt/+nTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACJRJREFUeNrU2EePFEkQBWAGGu+99957EHBBgMQJzlz4k1yRkBAehPfee+897Df1ZnOKnoGdlXYlyEOruioj4sULl1Xduv3hq6XTu927d2+68+3btz/AAbh79OjRq1evnj17umhpaX36/fv3r1+/fv78+dOnTy5+N0/aHIC10Wj0799/yJAhw4cPHzp0aL9+/fjgEdDv3r17/vz506dPX7x48fbt2y9fvvDqpxqrVb/zvVpdBfQvxVsig3K4p0+fPnv27GnTpo0ZM2bAgAFc8hTcN2/ePHjw4Nq1a5cuXfLLk48fP3ZUKoD0JIAlCUUs0fP7i+jBUMTZ7bp4I4bBnTVr1vr161esWDFp0iRx6N27d7QQA/fly5e3bt06efLkgQMHTp8+/fDhw7oPoUAAsTBq1CjicLhpA9vi9ujRI26LHhydem7/oEGDhg0bNmLECBddF2/EPAemTJmydOnSxYsXA1GnMD7QC5lHffv2pYKix48f+404bxPAuXPnzpw5UwD79OkTBB8+fBC9y5cvnz9//urVqx2jJ1GlK5EZM2bMmTMHDKq6Lt6oKyJGVx19MtJfYXXfL+HXr19TJK9klz3Qjx49euHChWvXrkXB5MmTBw8ebGcQ2CN6N2/edH///v1N0aOZxalTpy5btmzVqlXz588fO3asSLKV7G8SP3XqFHFhKT40so+jL6olTJSWugluAeWea8GliJlz585RarP7CIN+w4YNa9asAcUeIqUQ6dES5IZf0aP8xIkTARHncb98+fJNmzYtWbIEenvifJN40pI/BNGX4Lc5IEM4IM9gog4myDQfWpAxulpyrEe1XIypVnhiT+bgHnrJA31Kv77ifGBR+7FaQHgkVtrG6tWrhW7ixInxsKm4I+430dAP379/LwtS020RoPHevXvHjh179erVkydP7t+/zyW6sAvZxo0bEe9vKVZu9KqWDfPmzWM+3Ad95oZfVjNS3IdVfwt09YMjO8eNG6fqBDDcJ/hkk5yJf1o85cTF6u7duxCCR1V7DRAQgcOHD4uvRNL4macOVlvhmzBhQlNX9lTNQJDKYwDQ9A08sUGJ/B45cmS6iqcu7AT34sWLShMybktI3NtJYWYOD589e8aEzEFQJhIfZJFCX7BggZqmP421zYFI3rlzp5waEru4AWgGc/AJn0C5wNn48eMFh6WUnZvY1TEUKxx616JFi7QmbqQHiIM2TQQIOpHKpRQ9uzBIY83aU9okJ3EbBg4cmFZLD5+xqSPpIj90IfKhFlCIR1ZLemzZsoW94OOP+LBx+/ZtiUivCKiQRJ8Gvl24cGHXrl2CyQEa7FepWER/QPBWwvANaNzbYwOjGMXr8ePHd+7ciQJgjCYuMc.........完整代码请登录后点击上方下载按钮下载查看

网友评论0