|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<script src="https://cdn.socket.io/4.5.4/socket.io.min.js" integrity="sha384-/KNQL8Nu5gCHLqwqfQjA689Hhoqgi2S84SNUxC3roTe4EhJ9AfLkp8QiQcU8AMzI" crossorigin="anonymous"></script> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/addons/p5.sound.min.js"></script> |
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" crossorigin="anonymous"> |
|
<link rel="stylesheet" type="text/css" href="style.css"> |
|
<meta charset="utf-8" /> |
|
|
|
</head> |
|
<body> |
|
<div class="main-container"> |
|
<div id="left-panel"></div> |
|
<div id="center-panel"> |
|
<h1>ControlNet Animation Doodle</h1> |
|
<div id="canvas-ctn"></div> |
|
<div id="timeline-ctn"></div> |
|
</div> |
|
<div id="right-panel"></div> |
|
</div> |
|
<div class="main-container"> |
|
<div id="ml-config-ctn"> |
|
<div id="inner-left"></div> |
|
<div id="prompts-ctn"> |
|
<textarea id="prompt-inp" rows="2"></textarea> |
|
<textarea id="neg-prompt-inp" rows="2"></textarea> |
|
</div> |
|
<div id="inner-right"></div> |
|
</div> |
|
</div> |
|
<script src="./apiCall.js"></script> |
|
<script src="./OrientedCursor.js"></script> |
|
<script src="./brushpoint.js"></script> |
|
<script src="./DrawHandler.js"></script> |
|
<script src="././AnimSys.js"></script> |
|
|
|
<script src="./sketch.js"></script> |
|
</body> |
|
</html> |
|
|
