Rendering interactive 3D scene as a web-page using Three.js, WebGL, and Blender
This thesis is submitted in partial fulfillment of the requirements for the degree of Bachelor of Science in Computer Science, 2022.
| Tác giả chính: | |
|---|---|
| Tác giả khác: | |
| Định dạng: | Luận văn |
| Ngôn ngữ: | English |
| Được phát hành: |
Brac University
2023
|
| Những chủ đề: | |
| Truy cập trực tuyến: | http://hdl.handle.net/10361/18249 |
| id |
10361-18249 |
|---|---|
| record_format |
dspace |
| spelling |
10361-182492023-05-09T21:01:55Z Rendering interactive 3D scene as a web-page using Three.js, WebGL, and Blender Bose, Sudeepto Alam, Md. Golam Rabiul Department of Computer Science and Engineering, Brac University Three.js Renderer Scene WebGL Mesh Shaders Vertex Fragment Particles Three-dimensional imaging Computer graphics--Computer programs WebGL (Computer program language) Web sites--Design This thesis is submitted in partial fulfillment of the requirements for the degree of Bachelor of Science in Computer Science, 2022. Cataloged from PDF version of thesis. Includes bibliographical references (page 31). Building websites are the most sought skill in the tech world today. It has a low barrier of entry and is relatively easier to learn. Therefore, there is an abundance of web developers in our current market. Unfortunately, in Bangladesh, there are very few frontend developers and research show that most website developers become backend developers. The demand for frontend developers is ever increasing as users require a more immersive and new experience, therefore I decided to pursue it, but not in the traditional 2D way where it has only stylized HTML elements. I wanted to make immersive 3D websites that mimic the feel of video games. To do this, I had to learn and utilize the necessary 3D tools, Three.js, WebGL, and Blender. Native WebGL is very low level therefore to produce proper results I used the power of Three.js which is a graphics library that helps with rendering 3D rendering and many other features. Working with Three.js means working at the intersection of computer graphics and web development. The library is open source and freely available for anyone to use. Use cases for this project can be as simple as a product viewer for businesses or can be complex simulations that showcase the trajectory of a spaceship flying into orbit. For my project, I aimed to render a custom scene I created using Blender and display it as a web page for my fellow students to view. With the help of shaders, I wanted to further improve the viewing experience. Having my scene on a web page also means I can freely explore my artistic side and display it in my portfolio. Sudeepto Bose B. Computer Science 2023-05-09T05:10:50Z 2023-05-09T05:10:50Z 2022 2022-05 Thesis ID 18241016 http://hdl.handle.net/10361/18249 en Brac University theses are protected by copyright. They may be viewed from this source for any purpose, but reproduction or distribution in any format is prohibited without written permission. 31 pages application/pdf Brac University |
| institution |
Brac University |
| collection |
Institutional Repository |
| language |
English |
| topic |
Three.js Renderer Scene WebGL Mesh Shaders Vertex Fragment Particles Three-dimensional imaging Computer graphics--Computer programs WebGL (Computer program language) Web sites--Design |
| spellingShingle |
Three.js Renderer Scene WebGL Mesh Shaders Vertex Fragment Particles Three-dimensional imaging Computer graphics--Computer programs WebGL (Computer program language) Web sites--Design Bose, Sudeepto Rendering interactive 3D scene as a web-page using Three.js, WebGL, and Blender |
| description |
This thesis is submitted in partial fulfillment of the requirements for the degree of Bachelor of Science in Computer Science, 2022. |
| author2 |
Alam, Md. Golam Rabiul |
| author_facet |
Alam, Md. Golam Rabiul Bose, Sudeepto |
| format |
Thesis |
| author |
Bose, Sudeepto |
| author_sort |
Bose, Sudeepto |
| title |
Rendering interactive 3D scene as a web-page using Three.js, WebGL, and Blender |
| title_short |
Rendering interactive 3D scene as a web-page using Three.js, WebGL, and Blender |
| title_full |
Rendering interactive 3D scene as a web-page using Three.js, WebGL, and Blender |
| title_fullStr |
Rendering interactive 3D scene as a web-page using Three.js, WebGL, and Blender |
| title_full_unstemmed |
Rendering interactive 3D scene as a web-page using Three.js, WebGL, and Blender |
| title_sort |
rendering interactive 3d scene as a web-page using three.js, webgl, and blender |
| publisher |
Brac University |
| publishDate |
2023 |
| url |
http://hdl.handle.net/10361/18249 |
| work_keys_str_mv |
AT bosesudeepto renderinginteractive3dsceneasawebpageusingthreejswebglandblender |
| _version_ |
1814308246635151360 |