芝麻web文件管理V1.00
编辑当前文件:/home/qrafawbu/thefirstcookout.com/canvas/index3.html
<!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Physics menu with Three.js and Cannon.js | Codrops</title> <meta name="description" content="A menu that shows how to do physics in WebGL using Three.js and Cannon.js" /> <meta name="keywords" content="physics, webgl, menu, three.js, cannon.js, web development, demo" /> <meta name="author" content="Arno Di Nunzio" /> <link rel="shortcut icon" href="favicon.ico"> <link rel="stylesheet" href="https://use.typekit.net/euc3dhz.css"> <link rel="stylesheet" type="text/css" href="dist/app.css" /> <script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script> <script src="dist/app.js"></script> </head> <body class="demo-3"> <main> <div class="frame"> <div class="frame__title-wrap"> <h1 class="frame__title">Physics menu</h1> <p class="frame__tagline">with <a href="https://threejs.org" target="_blank" rel="noopener">Three.js</a> & <a href="https://github.com/schteppe/cannon.js" rel="noopener" target="_blank">Cannon.js</a></p> </div> <div class="frame__demos"> <a href="index.html" class="frame__demo">Demo 1</a> <a href="index2.html" class="frame__demo">Demo 2</a> <a href="index3.html" class="frame__demo frame__demo--current">Demo 3</a> </div> <div class="frame__links"> <a href="https://tympanus.net/Tutorials/InfiniteLights/">Previous Demo</a> <a href="https://tympanus.net/codrops/?p=45191">Article</a> <a href="https://github.com/Aqro/Physics-menu-threejs-cannonjs">GitHub</a> </div> </div> <div class="content"> <nav class="mainNav | visually-hidden"> <ul> <li><a href="#">Lettuce</a></li> <li><a href="#">Cucumber</a></li> <li><a href="#">Spinach</a></li> </ul> </nav> <canvas id="stage"></canvas> </div> </main> <!--script src="https://tympanus.net/codrops/adpacks/demoad.js"></script--> </body> </html>