Model-viewer: Web 3D made easy

Display interactive 3D models in a browser with augmented reality, AR, using no or minimal code

4.65 (81 reviews)

Udemy

platform

English

language

3D & Animation

What you will learn

Easily display 3D models on a website

Easily add multi-platform AR experiences with the 3D models

Learn how to source, edit and export 3D model files to work with model-viewer

Learn the complete model-viewer API

Why take this course?

Model-viewer is a web component created by Google. It makes displaying user interact-able 3D models on a web page a walk in the park. In this course I show you

How to source 3D assets online free or at low cost.
How to use the free 3D modelling program Blender to prepare the assets to work with model-viewer
How to use the online model-viewer editor to create a 3D web app
How to add augmented reality (AR) experiences to the page.
How to use pre-set model positions to direct a user to a product’s key features
How to setup a template for a shop featuring 3D displays of products for sale
A guide to the model-viewer API for more advanced developers

The course is aimed at Front-End developers with some HTML experience wanting to use the simplest and most robust Web Component to display 3D content on a web page. No programming experience is assumed.

Working with real-time 3D is fun and playing with AR is fascinating. You’ll be amazed at how much can be done with minimal HTML mark-up.

As usual there is a 30-day money back guarantee, so you have nothing to lose.

The course includes some useful examples that could form the starting templates for your own pages.

Time to bring your webpages into the 3rd dimension.

Student Feedback

"I was a bit skeptical after seeing the trailer because I thought I was already very familiar with model-viewer and wouldn't learn anything new. I was very wrong. Model-viewer has many more features (beyond those shown in the examples on the project website) and Nicholas does a very good job of presenting them with useful examples."

"I just completed this course and found it to be very informative. As someone always eager to learn, It was fun to discover and learn new information and techniques throughout the course. One of the best part for me was the 'Code Together' chapters, which were very engaging and also enhanced my understanding by applying concepts in a practical setting. I would highly recommend it to others looking to expand their knowledge in this field."

Screenshots

Model-viewer: Web 3D made easy - Screenshot_01

Model-viewer: Web 3D made easy - Screenshot_02

Model-viewer: Web 3D made easy - Screenshot_03

Model-viewer: Web 3D made easy - Screenshot_04

Reviews

Andrew

July 8, 2023

There's not too much out there on this topic and Nick does a fantastic job covering it for beginners. His generosity in posting the Model Viewer Editor video was what won me over to ultimately purchase the course.

Sunsocool

September 6, 2022

Nicolas Lever, thank you for your course on three.js and 3d world, I benefit a lot from what you have shared with over 20 years experiences on gaming. Thanks a lot !

Grzegorz

May 6, 2022

I was a bit skeptical after seeing the trailer because I thought I was already very familiar with model-viewer and wouldn't learn anything new. I was very wrong. Model-viewer has many more features (beyond those shown in the examples on the project website) and Nicholas does a very good job of presenting them with useful examples.

Charts

Price

Rating

Enrollment distribution

Model-viewer: Web 3D made easy - Distribution chart