SwitchUp SwitchUp Ranked Best Coding Bootcamps 2025

What should I learn if I want to create 3D website animations, characters and games?

Altcademy Team wrote on 7 February 2018

I want to create great-looking animations and games that are displayed on a website. Should I learn canvas/SVG or do I need any specific frameworks for that purpose?

Hi @hamzicabdulah, what kind of animations or games are you planning to make? Are they going to be 2D or 3D? More specifics and some examples would definitely help us understand. Thanks!

3D animations and games that contain 3D animations and 3D characters

You should learn JavaScript with canvas/SVG to make these animations since they are 2D, pretty straightforward and don't require a lot of user interactions.
For the 3D game, I recommend that you build on top of existing JavaScript "game engines". You can imagine that these "game engines" will have a lot of pre-built features, like a physics engine, for you to use. Check them out in the following list:

Learn web development online

Cohort 111 begins on March 2nd, 2026

Most Popular

Most Popular7 Courses
Front-end
Back-end

Full-stack Web Development

Learn full-stack development with HTML, CSS, JavaScript, React, Ruby and Rails, Computer science fundamentals & programming skills.

VIEW DETAILS

Upgrade FSWD to include Python, Data Science, AI Application, TypeScript and more.
3 Courses
HTML
CSS
JavaScript

Front-end Web Development

Learn front-end development with HTML, CSS, JavaScript, and jQuery. Computer science fundamentals & programming skills.

VIEW DETAILS
2 Courses
Database
API
Testing

Back-end Web Development

Learn back-end development with Ruby and Rails, M-V-C. Computer science fundamentals with practical programming skills.

VIEW DETAILS

Trusted by

Students and instructors from world-class organizations

Imperial College London
Carnegie Mellon University
City University of Hong Kong
Hack Reactor
Cisco Meraki
University of Oxford
Swift
Bazaarvoice
Waterloo
Uber
AtlanTech
Tumblr
Boston College
Bombardier Aerospace
University of St. Andrews
New York University
Minerva Schools at KGI
Merrill Lynch
Riot Games
JP Morgan
Morgan Stanley
Advanced Placement®
Google
KPMG
The University of Hong Kong
University of Toronto
SCMP
Moat
Zynga
Hello Toby
Deloitte
Goldman Sachs
Yahoo
HSBC
General Assembly
Tesla
McGill University
Microsoft
Logos provided by Logo.dev

Join the upcoming Cohort #111

Enroll for March 2nd, 2026