Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certifications Network & Security Hardware Operating Systems & Servers Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Paid Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement & Gardening Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition & Diet Yoga Mental Health Martial Arts & Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React Angular CSS Node.Js HTML5 PHP Vue JS
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA Microsoft AZ-900 AWS Certified Developer - Associate
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Business Intelligence MySQL Qlik Sense Blockchain
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Virtual Reality
Google Flutter Android Development iOS Development React Native Swift Dart (programming language) Mobile App Development Kotlin SwiftUI
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting Canva InDesign Character Design Procreate Digital Illustration App
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Life Purpose Mindfulness Meditation CBT Cognitive Behavioral Therapy Sound Therapy
Entrepreneurship Fundamentals Business Fundamentals Freelancing Business Strategy Startup Business Plan Online Business Blogging Home Business
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Google Analytics Copywriting Email Marketing YouTube Marketing Podcasting

IT & SoftwareOther IT & SoftwareThree.JS

Creating an Augmented Reality Web Page. Blender and Three.js

Step by step Augmented Reality Web Page. Blender and Three.js
Rating: 4.1 out of 54.1 (2 ratings)
17 students
Created by Oscar Villarreal
Last updated 1/2022
English
English

What you'll learn

  • Create a 3D Model with Blender
  • Create Custom QR Codes with javascript
  • Create an Augmented Reality Web page to use with your mobile device with Three js
  • Scanning QR Codes with javascript
  • Load a 3D Model in a Augmented Reality Environment
  • Create an electron app

Requirements

  • Basic understanding of Blender
  • Basic understanding of Javascript
  • Basic understanding of Visual Studio Code

Description

Hello and welcome.

If you are a web developer or designer interested in creating a web page that has the ability to use your device to use it in an augmented reality environment, this course is for you.

This course is focused on using Blender, Javascript and Three.js to create an augmented reality application.

We will create step by step the 3D model that we will deploy, the QR codes that we will read with our device to load the environment and finally we will create our web application.

In this course you will learn:

  • Create 3D models in Blender.

  • Create a scenario in Blender that will be used in an Augmented Reality environment.

  • Export the 3D scenario.

  • Create an application in electron to generate QR codes and save them as images.

  • Read QR codes using javascript.

  • Load 3D models on a web page.

  • Create an augmented reality application using a Three.js.

  • Use the a-frame library as support.

  • Use Visual Studio Code to create the projects.

You may find this course attractive because it can serve as the basis for creating a prototype augmented reality app that you can later customize.

In addition, you will have access to the content created during the course, such as the 3D model and the code.

I hope you find the content useful and that you can apply it to your personal projects.

Have fun and happy learning

Who this course is for:

  • Web developers that want to create a Augmented Reality App.
  • Designers that want to implement their 3d designs in a web page

Instructor

Oscar Villarreal
Software developer
Oscar Villarreal
  • 4.1 Instructor Rating
  • 57 Reviews
  • 7,752 Students
  • 7 Courses

Hello, my name is Oscar Villarreal.


I'm a software developer with over 10 years of experience working mostly with web technologies like html,css and javascript in the front end.


I like open source technologies and most of the projects that i used to participate tended to look for that kind technology to reduce the cost and to allow further customization.


So, i would like to share  a little of what i know about open source solutions.


Hope you find something useful here.


Note: Check out my linktree (Website link) for more info

Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.