Trinity Docs

This documentation describes the core features of event, technical requirements, tools and software needed along with their installations, preparation and important resources to prepare.

🚀 Introduction


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.

Target Audience:

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.

📅 Agenda

Topics Covered:

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.

Schedule of the event:

The event is scheduled on 24th feb 2024. At JSPM RSCOE, Computer Dept.

👨🏻‍💻 Prerequisites

Technical Requirements & Installations:

🔹 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!.

📝 Preparation

Where to prepare from ?:

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.