Three.js Jello City Game: System Design & Vibe Coding (28+h) | Udemy [Update 04/2026]
English | Size: 29.4 GB
Genre: eLearning[/center]
Create a game engine and a mobile/PC game in Three.JS / Webgl. The right mix of system design and AI assisted coding
What you'll learn
Learn ThreeJS for 3D visualizations & Game development on the web
Design & Implement a mini game engine following a component-based architecture on top of ThreeJS
Implement a full game using the custom game engine & ThreeJs
Proper software engineering decisions for clean & scalable development
Understand the standard computer graphics rasterization pipeline
Understand how objects are drawn on the screen in a 3D scene
The era of Agentic coding has changed how we build, but it hasn't changed the need for solid engineering.
This is a 28+ hour course on Three.js game development that explores this exact balance: high-level system design paired with AI-assisted coding. It is a `learn by doing` experience that focuses on managing a reasonably-complex project where the architecture is yours, but the velocity is AI-powered.
By the end of this course, you will have created and deployed a full isometric-view game on PC & Mobile phones (as a progressive web app).
The course curriculum can be roughly partitioned in the following big logical units.
Unit 1: The Three.JS basics:
1) Introduce webgl & webgpu fundamentals.
2) Introduce to the standard computer graphics rasterization pipeline (including vertex & fragment shaders)
3) Introduce the most important vertex attributes (position, color, UV coordinates, vertex normals)
4) Introduce the basics of Three.JS (Camera, Renderer, Scene, Canvas, Meshes, Geometries, Materials)
5) Explain the Three.JS order of transformations (scale, rotation, position)
6) Explain the order of Euler rotations
7) Create a mini solar system project
Unit 2: The component-based architecture & creating a mini game engine
This is similar to the architecture used in professional game engines like Unity. We will create together, step by step, a similar system (although obviously a super minimal version, just enough for our own game). The main goal here is to enforce proper software engineering and clean code from the start.
That mini game engine & the generic components we will create together will handle the standard game operations (e.g.: Movement, Collision, Selection, Sound, etc.)
Unit 3: Create a full PC & Mobile game using our custom mini game engine
It is important to note that the engine development will not be created in isolation from the game development. We will implement what we need in the engine based on our game requirements. So developing both will go hand-in-hand. However, once the engine is created, it can be used in different similar games, not just this one.
Please have a look at the course curriculum for more details. Lecture titles are very descriptive.
Important note : Agentic AI Coding or Manual Coding?
This is a naturally super important question. This course is recorded in 2026, and AI agents are all over the place. I personally believe that AI is a super powerful tool that makes you 10x the engineer you are if you use it correctly. I still believe that you need to understand what you are doing on a deep level to make the most use of AI
In this course, I write code in a hybrid way that I think is reasonably good for learning: I depend on AI autocomplete a lot to hike the development speed. However, I explain every single line of code that I think is worth explaining.
I sometimes use the agents for repetitive tasks. e.g.: If there is something I explained very clearly and we implemented it together manually a couple of times already, it makes more sense to use the AI agents to do more boilerplate code for he same type of task. For example: If we already created a rock visual, a ground visual, a Jello visual manually, we can use the agents to create a tree visual for us, following the same established patterns. If we already know how to create one building procedurally, we can let the agents create more building variants for us. For math-heavy parts (e.g.: Aligning a Jello's rotation to the surface normal and movement direction), I always explain the math first on a virtual board before diving into code.
The only exception for this rule is for HTML/CSS styling, which I admit I am not very strong at, so I let the AI agents do the styling for me. I see this course as a 3D game development & Three.JS course. So it is okay to let the AI handle the UI, since it is not the main target point of the course. Note, however, that reacting to UI events in a clean and scalable way IS considered part of the game development logic. Hence, we will do that manually together, and not let the AI handle it. For example, we need to enforce a design where we have proper separation of concerns: The UI shouldn't have references of game logic instances, and game logic instances shouldn't have references of UI objects. We will make proper designs to enforce this decoupling.
Who this course is for:
Software developers looking to learn 3D visualizations on the web
Software developers looking to learn how to create games in a scalable & clean way
[align=center]
download скачать FROM RAPIDGATOR
https://rapidgator.net/file/bec6e9e30737e534b6c51f00b541bc10/LearnThreeJSCreateagameengineTheJellocityGame.part01.rar.html https://rapidgator.net/file/23949ec38140aa89d27743bf04ccbc82/LearnThreeJSCreateagameengineTheJellocityGame.part02.rar.html https://rapidgator.net/file/b1c6f7fd908a0ea6d7fdb52eb2e6e9ec/LearnThreeJSCreateagameengineTheJellocityGame.part03.rar.html https://rapidgator.net/file/1de4e715afca202d9ab7ca9376f30a65/LearnThreeJSCreateagameengineTheJellocityGame.part04.rar.html https://rapidgator.net/file/08dc77913b7f0c5e3f7b24b99c21212e/LearnThreeJSCreateagameengineTheJellocityGame.part05.rar.html https://rapidgator.net/file/7b50bc463e20807c80cb058ac861db0b/LearnThreeJSCreateagameengineTheJellocityGame.part06.rar.html https://rapidgator.net/file/6e23abfe22820314143bb43b5672af27/LearnThreeJSCreateagameengineTheJellocityGame.part07.rar.html https://rapidgator.net/file/53ab350063dfd1895581e14aa9fb8359/LearnThreeJSCreateagameengineTheJellocityGame.part08.rar.html https://rapidgator.net/file/bfe18f9d95eb2cf8365b7d78196eb7c2/LearnThreeJSCreateagameengineTheJellocityGame.part09.rar.html https://rapidgator.net/file/1c742fb1ac85e232a5539171a9adee86/LearnThreeJSCreateagameengineTheJellocityGame.part10.rar.html https://rapidgator.net/file/8c22199545142638a7e6d66802c2b4f6/LearnThreeJSCreateagameengineTheJellocityGame.part11.rar.html https://rapidgator.net/file/45e69daf730c5da5e7032feb9e73ad9e/LearnThreeJSCreateagameengineTheJellocityGame.part12.rar.html https://rapidgator.net/file/67e5512c3bd9d263079bb8fcad4c83e5/LearnThreeJSCreateagameengineTheJellocityGame.part13.rar.html https://rapidgator.net/file/88c93902946a6542763634a2d4021d50/LearnThreeJSCreateagameengineTheJellocityGame.part14.rar.html https://rapidgator.net/file/a47e1785f335016c95484adaaf7bcdcf/LearnThreeJSCreateagameengineTheJellocityGame.part15.rar.html https://rapidgator.net/file/0a25f7707997f0ddfd6b128b587a430c/LearnThreeJSCreateagameengineTheJellocityGame.part16.rar.html https://rapidgator.net/file/349ea5e753c17f68497a8e3039adac06/LearnThreeJSCreateagameengineTheJellocityGame.part17.rar.html https://rapidgator.net/file/012f43446992c72bfc29c574d2cf3a32/LearnThreeJSCreateagameengineTheJellocityGame.part18.rar.html https://rapidgator.net/file/4b1a911ec28cd2a16bf88815c49d777c/LearnThreeJSCreateagameengineTheJellocityGame.part19.rar.html https://rapidgator.net/file/da8d88c48db21d23878d3d1e23ff8b98/LearnThreeJSCreateagameengineTheJellocityGame.part20.rar.html https://rapidgator.net/file/fc2f4961d0a2250c526e33012934b1b1/LearnThreeJSCreateagameengineTheJellocityGame.part21.rar.html https://rapidgator.net/file/cb5acc3f022cdc2e9ff95c8f993e4118/LearnThreeJSCreateagameengineTheJellocityGame.part22.rar.html https://rapidgator.net/file/e009e67b0a92f2f39f2c9726db7e42fd/LearnThreeJSCreateagameengineTheJellocityGame.part23.rar.html https://rapidgator.net/file/9a0a34bdd7dbbd6363d8b869a678d5a7/LearnThreeJSCreateagameengineTheJellocityGame.part24.rar.html https://rapidgator.net/file/b4254b6c100922aaa65c079ffd400afa/LearnThreeJSCreateagameengineTheJellocityGame.part25.rar.html https://rapidgator.net/file/6fe42df227916f8e65f447c36343437a/LearnThreeJSCreateagameengineTheJellocityGame.part26.rar.html https://rapidgator.net/file/5db249d1037686ee38cffbda80f05d98/LearnThreeJSCreateagameengineTheJellocityGame.part27.rar.html https://rapidgator.net/file/c1ac7db42d740f220d07acc8542ad454/LearnThreeJSCreateagameengineTheJellocityGame.part28.rar.html https://rapidgator.net/file/e0993cc75bf39c21baddef3719151584/LearnThreeJSCreateagameengineTheJellocityGame.part29.rar.html https://rapidgator.net/file/1fe46e66e920a56e75a89680e8d210e1/LearnThreeJSCreateagameengineTheJellocityGame.part30.rar.html
download скачать FROM TURBOBIT
https://trbt.cc/l1ztr02a2lcl/LearnThreeJSCreateagameengineTheJellocityGame.part01.rar.html https://trbt.cc/e30sryt2qr8x/LearnThreeJSCreateagameengineTheJellocityGame.part02.rar.html https://trbt.cc/kllq2hv8wif6/LearnThreeJSCreateagameengineTheJellocityGame.part03.rar.html https://trbt.cc/col2kor9i5w2/LearnThreeJSCreateagameengineTheJellocityGame.part04.rar.html https://trbt.cc/dk4t8ogu8nj9/LearnThreeJSCreateagameengineTheJellocityGame.part05.rar.html https://trbt.cc/f83xetm1zhx7/LearnThreeJSCreateagameengineTheJellocityGame.part06.rar.html https://trbt.cc/90izf8653kfl/LearnThreeJSCreateagameengineTheJellocityGame.part07.rar.html https://trbt.cc/uemrx0ccixkl/LearnThreeJSCreateagameengineTheJellocityGame.part08.rar.html https://trbt.cc/5fvlziw9s7uw/LearnThreeJSCreateagameengineTheJellocityGame.part09.rar.html https://trbt.cc/dwophy8guhga/LearnThreeJSCreateagameengineTheJellocityGame.part10.rar.html https://trbt.cc/mcpz7i3nwqmr/LearnThreeJSCreateagameengineTheJellocityGame.part11.rar.html https://trbt.cc/9kqrwcr6qcv1/LearnThreeJSCreateagameengineTheJellocityGame.part12.rar.html https://trbt.cc/vyzhhnwjntkx/LearnThreeJSCreateagameengineTheJellocityGame.part13.rar.html https://trbt.cc/t5mdj47no2xj/LearnThreeJSCreateagameengineTheJellocityGame.part14.rar.html https://trbt.cc/586nc6c1kxu0/LearnThreeJSCreateagameengineTheJellocityGame.part15.rar.html https://trbt.cc/u2pzud9j6jg7/LearnThreeJSCreateagameengineTheJellocityGame.part16.rar.html https://trbt.cc/nxut7qfkotc0/LearnThreeJSCreateagameengineTheJellocityGame.part17.rar.html https://trbt.cc/vfcsvm8bli3e/LearnThreeJSCreateagameengineTheJellocityGame.part18.rar.html https://trbt.cc/6htkju3w84dw/LearnThreeJSCreateagameengineTheJellocityGame.part19.rar.html https://trbt.cc/kmmg758o3ikk/LearnThreeJSCreateagameengineTheJellocityGame.part20.rar.html https://trbt.cc/d1ls1b934ipz/LearnThreeJSCreateagameengineTheJellocityGame.part21.rar.html https://trbt.cc/jph4d1kd99op/LearnThreeJSCreateagameengineTheJellocityGame.part22.rar.html https://trbt.cc/kkkl46q9ykwr/LearnThreeJSCreateagameengineTheJellocityGame.part23.rar.html https://trbt.cc/71ydlb8xfigt/LearnThreeJSCreateagameengineTheJellocityGame.part24.rar.html https://trbt.cc/ffs1tqrjq2b0/LearnThreeJSCreateagameengineTheJellocityGame.part25.rar.html https://trbt.cc/c90hc6uvlf6l/LearnThreeJSCreateagameengineTheJellocityGame.part26.rar.html https://trbt.cc/5ewr7jwtaryy/LearnThreeJSCreateagameengineTheJellocityGame.part27.rar.html https://trbt.cc/yfkxep63ccp0/LearnThreeJSCreateagameengineTheJellocityGame.part28.rar.html https://trbt.cc/imy9zwkdrqv3/LearnThreeJSCreateagameengineTheJellocityGame.part29.rar.html https://trbt.cc/n9rrqzv5evz0/LearnThreeJSCreateagameengineTheJellocityGame.part30.rar.html
If any links die or problem unrar, send request to
https://forms.gle/e557HbjJ5vatekDV9
