Personal project where alicia-granados and I will be using javascript to experiment with augmented reality on https://sudo-von.github.io/augmented-reality-javascript/.
Explore the docs »
·
Report Bug
·
Request Feature
Table of Contents
alicia-granados and I wanted to develop this project using Javascript and Blender, so we looked for a library that would allow us to use Blender's models to be able to render them on a website, that's how we found the Google model viewer library. So, using Google model viewer and ReactJS we achieve this result where we developed and sold out an "idea" for a furniture store to show the models of the catalogues using augmented reality, in this way the people could look the models in their homes instead of exposing them to coronavirus. We make the website responsive for all the screen resolutions and added a dark mode theme. Also, this models work for computer, android and IOS.
- git
- node
- npm
- Clone the repo.
git clone https://github.com/sudo-von/augmented-reality-javascript.git
- Use npm install to install the dependencies.
npm install
Use npm start to start development mode.
npm start
Use npm build to generate the production bundle.
npm build
If you want to add more piece of furnitures, just add a new json at the src/data/catalogue.json file and add the respectives models for ios/android at the public/assets folder. Also, you will be able to edit this json if you want to change some values.
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE
for more information.
[email protected] |
---|
[email protected] |
---|