js实现等高图线条效果代码
代码语言:html
所属分类:其他
代码描述:js实现等高图线条效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
body {
padding: 20px;
background: #fbf5e7;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
}
canvas,
svg {
width: 100% !important;
max-width: 1000px !important;
height: auto !important;
position: relative;
margin: 10px auto 0;
display: block;
}
</style>
</head>
<body>
<div>Noise seed: <span class="seed"></span></div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/p5.0.10.2.js"></script>
<script>
// Inspired by
// https://i.redd.it/pij77ougdwr01.png
// https://www.reddit.com/r/generative/comments/8c8g9k/generative_design_for_a_handpainted_mural/
const rows = 120;
const columns = 120;
const step = 6;
const velocity = step;
const w = columns * step;
const h = rows * step.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0