A Pen by Chandra
How do I make an a pen by chandra?
What is a a pen by chandra? How do you make a a pen by chandra? This script and codes were developed by Chandra on 27 August 2022, Saturday.
A Pen by Chandra - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Chandra</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
</head>
<body> <div class='col-md-2'> <h2>Settings</2> <h4>Red</h4> <input type='range' min='0' max='255' id='red'> <h4>Green</h4> <input type='range' min='0' max='255' id='green'> <h4>Blue</h4> <input type='range' min='0' max='255' id='blue'> <h4>Opacity <input type='range' min='0' max='255' id='opacity'> <button onclick='bigger()' class='btn btn-success'>Big!</button> <button onclick='smaller()' class='btn btn-danger'>Small!</button>
</div>
<div class='col-md-10' id='dylan'>
</div> <script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.4/p5.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
A Pen by Chandra - Script Codes JS Codes
var s=10;
function setup()
{ var can=createCanvas(1200,800); can.parent('dylan');
}
function draw()
{ var r = document.getElementById('red').value; var g = document.getElementById('green').value; var b = document.getElementById('blue').value; var o = parseInt(document.getElementById('opacity').value); fill(color(r,g,b,o)) stroke(color(r,g,b,o)) if(mouseIsPressed) { ellipse(mouseX,mouseY,s,s) }
}
function bigger()
{ s+=5;
}
function smaller()
{ s-=5
}
Developer | Chandra |
Username | chandralil |
Uploaded | August 27, 2022 |
Rating | 3 |
Size | 1,835 Kb |
Views | 52,624 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Home Page 2 | 2,493 Kb |
2016 Election Page | 2,398 Kb |
Testing Divs | 1,865 Kb |
TinFoil Boats | 4,577 Kb |
The Final | 3,349 Kb |
Pups and Cats | 1,842 Kb |
Final Practice | 1,770 Kb |
Home Page | 1,894 Kb |
Hour of Code | 1,775 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Buttons with style | Chbymnky | 2,082 Kb |
Hard-Stop Gradients | Mackdoyle | 2,288 Kb |
Drag and Drop Quiz | Cgspicer | 3,837 Kb |
Wikipedia Viewer | Odylic | 2,333 Kb |
LeMandinque | Aadesida | 9,046 Kb |
SVG Basics | HipsterBrown | 1,852 Kb |
Caputre Cam with JS | KimmoCommit | 2,795 Kb |
A Pen by Oliver Schafeld | Schafeld | 1,720 Kb |
Twitch Live Channels | Inkblotty | 4,956 Kb |
Spiralator 9000 | AdmiralPotato | 4,671 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!