html--一朵花

html

html 复制代码
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Flowers</title>

<link rel="stylesheet" href="css/style.css">

</head>
<body>

<div id="controls"></div>

<script src='js/p5.min.js'></script>
<script src="js/script.js"></script>

</body>
</html>

css

css 复制代码
* { margin:0; padding:0; } 
html, body { width:100%; height:100%; overflow: hidden; background:black;} 
canvas { display:block; }
#controls {
  z-index: 2;
  margin: 20px;
  position: absolute;
  top: 0; left: 0;
  color: white;
}

js


相关推荐
前端小趴菜052 分钟前
vue3-signature实现电子签名
前端·javascript·vue.js
玉米Yvmi4 分钟前
React自定义Hook实战指南:从入门到精通,让你的代码像乐高一样灵活
前端·react.js·面试
CharlieWang13 分钟前
AI + Cloudflare = 你需要的全部
前端·敏捷开发·全栈
董员外16 分钟前
从零实现 AI 编程助手:LangChain.js + ReAct 循环实战
前端·javascript·后端
bluceli17 分钟前
JavaScript BigInt:处理大数值的终极解决方案
前端·javascript
不懂代码的切图仔19 分钟前
小程序web-view嵌入h5扫码 html5-qrcode库使用方法
前端·微信
不懂代码的切图仔19 分钟前
小程序web-view嵌入h5扫码 jssdk方式
前端·微信小程序
软弹22 分钟前
Vue2、Vue3、React 状态管理全方位对比
前端·javascript·vue.js·react.js
王启年24 分钟前
npm link 详解:本地包开发与测试的利器
前端
Presto24 分钟前
HMR 是为人类设计的,不是为 Agent 设计的
前端