This documentation describes the core features of event, technical requirements, tools and software needed along with their installations, preparation and important resources to prepare.
The event offers an enriching experience for participants, equipping them with valuable skills, fostering creativity, and promoting collaboration within the exciting and innovative field of 3D game development using React 3 Fiber.
The aim of the event "Trinity 2.0: Journey towards the 3D World" is to share knowledge and skills needed to excel in 3D game development using React 3 Fiber. The event will provide a holistic learning experience that goes beyond theoretical knowledge, focusing on practical application, creativity, community building, and preparation for the future demands of the technology industry.
Second and Third Year Students with Basic Web Development Knowledge. Join us and get ready to broaden your horizons and expand your understanding of the software development process.
1. Introduction to React 3 Fiber & WebGL:
🔹 Overview of React 3 Fiber and its role in
web development.
🔹 Understanding the key features and benefits
of React 3 Fiber.
2. Basics of 3D Game Development:
🔹 Introduction to HTML, CSS, and
JavaScript.
🔹 Introduction to the fundamentals of 3D game
development.
🔹 Tips for writing clean, efficient and
maintainable code.
🔹 Exploring concepts such as rendering,
lighting, and camera perspectives in a 3D environment.
3. Building 3D Scenes:
🔹 Creating and designing 3D scenes for
games.
🔹 Implementing interactive elements within the
3D environment.
🔹 Implementing interactivity through user
inputs and events.
🔹 Adding animations to enhance the user
experience.
4. Optimizing Performance for 3D Games:
🔹 Techniques for optimizing the performance of
3D games developed with React 3 Fiber.
🔹 Handling complex scenes efficiently.
🔹 Hands-on sessions where participants work on
building a 3D game using R3F.
🔹 Common challenges and solutions in 3D game
development.
The event is scheduled on 24th feb 2024. At JSPM RSCOE, Computer Dept.
🔹 Laptops or desktop computers with at least 4GB of RAM and an
updated web browser (Recommended: Google Chrome)
🔹 Internet connectivity with sufficient bandwidth for online
learning and collaboration
🔹 A text editor for writing code (e.g.Recommended Visual Studio
Code, Other alternatives Sublime Text, Atom)
🔹 A version control system such as Git installed on the
computer
🔹
Node JS
v18.0+ Installed on your computer.
🔹 Stable power supply and backup power sources (e.g. power
banks, backup generators)
Attendees are expected to bring their own devices and ensure
they meet the minimum technical requirements. This will enable
them to participate effectively in the hands-on activities and
exercises. Having an account on hosting platforms like vercel is
optional, but we will do it anyways!.
1. React 3 Fiber Documentation:
Here are some recommended websites to learn
the basics of R3F:
🔹
PMNDRS
- Official documentation is a must-read for understanding React
3 Fiber.
2. 3D Graphics Basics:
Here are some recommended websites to learn
the basics of 3D graphics:
🔹
WebGL Fundamentals
- Learn the fundamentals of WebGL for 3D graphics.
🔹
MDN Web Docs
- Mozilla Developer Network's guide to computer graphics.
3. JavaScript ES6+ Features:
Here are some recommended websites to learn
the basics of JavaScript:
🔹
MDN Web Docs
- A comprehensive resource for web-dev, including detailed
information on JS.
4. GitHub:
Here are some important resources for
learning GitHub:
🔹
GitHub Guides
- GitHub's official documentation provides an in-depth guidance.
5. Game Development Principles:
Here are some important resources for
learning R3F game dev:
🔹
R3F game
- Article on fundamental game development principles.
Attending the event with a basic understanding of the
technologies will allow attendees to follow the flow of the
event and gain the most out of the experience. Therefore, it is
highly recommended for attendees to familiarize themselves with
the technologies before the event for a better learning
experience.