Creating an Augmented Reality Web Page. Blender and Three.js
Step by step, we’re going to make an Augmented Reality Web Page. People use Blender and Three.js to make things.
What you’ll learn
Blender lets you make a 3D model, so you can do that.
Using jаvascript, you can make your own QR Codes.
Using Three.js, you can make an Augmented Reality page that you can use with your phone.
When you use jаvascript to scan QR Codes
It is possible to load a 3D model into an Augmented Reality setting.
Build an electron app.
Basic knowledge of how Blender works.
Having a basic understanding of jаvascript
Having some knowledge of Visual Studio Code
People: Hello, and welcome. This class is about how to use Blender, jаvascript, and Three.js to make an augmented reality app. Create a 3D model, QR codes, and web app in order. We’ll do this step by step.
You will learn:
In Blender, you can make 3D objects.
In Blender, make a scene that will be used in an Augmented Reality environment.
Export the 3D game.
In electron, make a program that makes QR codes and saves them as images.
jаvascript can be used to read QR codes.
It is possible to put 3D models on a web page.
Create an augmented reality app with Three.js.
Use the a-frame library to help you.
The projects will be made with Visual Studio Code.
You might like this class because it can help you make a prototype augmented reality app that you can later change. In addition, you will be able to see the 3D model and the code that was made during the course. I hope you find the information useful and that you can use it in your own projects.
Who this course is for:
Web developers that want to create an Augmented Reality App.
Designers that want to implement their 3d designs on a web page