Animated Tracie
How do I make an animated tracie?
The animate your name exercise by Codecademy. http://www.codecademy.com/goals/animate-your-name. What is a animated tracie? How do you make a animated tracie? This script and codes were developed by Tracie Holton on 27 August 2022, Saturday.
Animated Tracie - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Animated Tracie</title>
</head>
<body> <html> <head> <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script> </head> <body> <canvas id="myCanvas"></canvas> <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script> <script type="text/javascript" src="main.js"></script> </body>
</html> <script src="js/index.js"></script>
</body>
</html>
Animated Tracie - Script Codes JS Codes
var red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];
var myName = "Tracie";
var letterColors = [red, orange, green, blue, purple]
if(15 > 5) { bubbleShape = "circle";
}
else { bubbleShape = "square";
}
drawName(myName, letterColors);
bounceBubbles()
Developer | Tracie Holton |
Username | TracieH |
Uploaded | August 27, 2022 |
Rating | 3 |
Size | 1,677 Kb |
Views | 56,672 |
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 |
A Pen by Tracie Holton | 5,148 Kb |
Poem Typesetting | 2,045 Kb |
Sun and Moon | 2,056 Kb |
My First Home Page | 2,106 Kb |
Newsweek Project for FCC | 23,421 Kb |
First Codecademy Exercise | 2,499 Kb |
Unmasking HTML Emails | 2,910 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 |
A Pen by Jess | Jessamyne | 5,100 Kb |
Loading animation - freedom purchase | Rocbear | 2,567 Kb |
Apple website | Jds317 | 1,835 Kb |
A Pen by lizz | Lizz | 10,068 Kb |
Css or Czz.. | Judag | 4,111 Kb |
The CodePen Logo | Kindofone | 4,259 Kb |
NeeilTimer | Neeilan | 2,836 Kb |
CSS Gem Badge | Orchard | 3,335 Kb |
Experiment | Toddmoy | 2,849 Kb |
A Pen by aleen42 | Aleen42 | 11,473 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!