{"page":"\n\n
\n
\n
\n
\n
\n\nVideo\n
\n

\nCreating Your Own Avatar Generator in JavaScript\n

\n
\n
\nGet Free Access for 10 Days!\n
\n
\n
\n
\n
\n
×
\n\n\n
\n\nPublisher:\n\nCurated Video\n\n\n
\n
\nIn this video, the presenter demonstrates how to create an avatar generator using JavaScript and HTML. The generator allows users to create unique robot avatars by randomly selecting different parts, such as heads and eyes, and combining...\nIn this video, the presenter demonstrates how to create an avatar generator using JavaScript and HTML. The generator allows users to create unique robot avatars by randomly selecting different parts, such as heads and eyes, and combining them. The presenter also shows how to download the necessary files and customize the generator to fit different needs, like creating avatars for book covers or personal profiles. With billions of possible combinations, each user can have their own unique avatar.\n
\n
\n\n
\n
\n
\n
\n

Resource Details

\n
\n
\n
\n
Curator Rating
\n
\n
\n
\n
\n
\n
Educator Rating
Not yet Rated
\n
\n
\n
\n
\n
Media Length
\n
53:32
\n
\n
\n
\n
\n
Grade
Pre-K - Higher Ed
\n
\n
\n
\n
\n
Subjects
STEM
7 more...
\n
\n
\n
\n
\n
Media Type
Instructional Videos
\n
\n
\n
\n
\n
Source:
\n
\nThe Tech Train\n\n
\n
\n
\n
\n
\n
Date
\n
2020
\n
\n
\n
\n
\n\n
Language
English
\n
\n
\n
\n
\n
Audiences
For Teacher Use
2 more...
\n
\n
\n
\n
\n
Usage Permissions
Fine Print: Educational Use
\n
\n
\n
\n
\n
\n

Additional Materials

\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Transcript\n
\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Preview\n
\n
\n
\n

Concepts

\n
\n
google classroom, javascript
\n
\n\n\n
\n
\n
\n
\n

Additional Tags

\n
\n
avatar, generator, avatar generator, javascript image, javascript generator, image generator, random, random avatar, random image, javascript random, random generator, canvas, javascript canvas, body part, shadow effect, dot png, semi colon, speech marks, closing brace, web page, absolutely fine, curly braces, hand side, generate button, slash head, division section, word head, randomly choose, title tag, background color, canvas id, canvas tag, click generate, basic code, transparent background, file names, body section, random file, random number, link underneath, head section, called canvas
\n
\n\n\n
\n
\n
\n
\n

Classroom Considerations

\n
Video is ad-free
\n
\n
\n

Educator Ratings

\n
\n
\n
\n
\n
\n\nShow resource details\n
\n
\n\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" aria-label=\"Play video: Creating Your Own Avatar Generator in JavaScript\" href=\"/subscription/new\">\"Creating\n\n
\n
\n
\n\n\n\n"}