https://github.com/lbaiyat/three-js-orbiting-camera-demo

React.js app with Three.js rendering to orbit over a basic scene. [DOCUMENTED]
https://github.com/lbaiyat/three-js-orbiting-camera-demo

3d animation react react-js three three-js threejs

Last synced: 18 days ago
JSON representation

React.js app with Three.js rendering to orbit over a basic scene. [DOCUMENTED]

• Host: GitHub
• URL: https://github.com/lbaiyat/three-js-orbiting-camera-demo
• Owner: lbaiyat
• Created: 2024-05-11T22:05:08.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-30T23:45:04.000Z (6 months ago)
• Last Synced: 2024-10-17T10:45:01.266Z (about 1 month ago)
• Topics: 3d, animation, react, react-js, three, three-js, threejs
• Language: JavaScript
• Homepage:
• Size: 216 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Three.JS Orbitting Camera Demo





Table of Contents



    
Overview

    
About Three.JS

    


Instructions

        


            
Install dependencies and run application

        

    



Scene









Overview:



This is a demo created in React.js using the Three.js 3D graphics library.

The application renders a scene with a camera orbiting around a point of interest.







About Three.JS:



Three.js is a cross-browser JavaScript library and API used to create and display animated 3D computer graphics in a web browser using WebGL. It simplifies the development of 3D content by providing an extensive set of tools and features for rendering, animating, and interacting with 3D objects.







Instructions:




Follow the process below to get the application running.





Install dependencies and run application





npm run start;







Scene


https://github.com/lbaiyat/three-js-orbiting-camera-demo/assets/30711209/a091f13a-8759-4d14-8f83-23cacc96a6d1