# Brohann's 3D devlog

**URL:** https://forum.makecode.com/t/brohanns-3d-devlog/20917
**Category:** Game Design
**Tags:** javascript, art, extension, demo, graphics-and-math
**Created:** [June 27, 2023, 5:01pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917 "2023-06-27T17:01:31Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)
#### Post date: [June 27, 2023, 5:01pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/1 "2023-06-27T17:01:32Z")

</div>

A while ago ChatGPT and I made a basic wireframe 3D engine. By adding @AqeeAqee 's triangle filler now you can fill in sides (without sorting ☹ )  
So, here I’m just going to play around and make some 3D games and models.  
The first thing I’m going to show you is a 3D tennis court! I am going to make this into a game if I can.

> **[3D tennis court](https://arcade.makecode.com/23206-91822-85152-80342)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

if you flip it upside down, it will look weird. this is because I haven’t done any depth sorting code so all of the lines and triangles draw in the same order

---

<div class="post-metadata">

### Author: ![KIKIvsIT](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/kikivsit/32/10492_2.png) [@KIKIvsIT](https://forum.makecode.com/u/KIKIvsIT)
#### Post date: [June 27, 2023, 5:02pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/2 "2023-06-27T17:02:54Z")

</div>

It reminds me of one of those old-timey wooden mazes…

[![](https://i.ebayimg.com/images/g/ahoAAOSw3AtkR02Q/s-l1600.jpg) ](https://i.ebayimg.com/images/g/ahoAAOSw3AtkR02Q/s-l1600.jpg)

---

<div class="post-metadata">

### Author: ![randomuser](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/randomuser/32/32505_2.png) [@randomuser](https://forum.makecode.com/u/randomuser)
#### Post date: [June 27, 2023, 6:37pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/3 "2023-06-27T18:37:55Z")

</div>

Woah awesome! Thats so cool! ❤

---

<div class="post-metadata">

### Author: ![Sarge](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sarge/32/19590_2.png) [@Sarge](https://forum.makecode.com/u/Sarge)
#### Post date: [June 29, 2023, 4:42pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/4 "2023-06-29T16:42:07Z")

</div>

This is very impressive! I’m looking forward to any future developments on this topic

---

<div class="post-metadata">

### Author: ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)
#### Post date: [June 29, 2023, 10:15pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/5 "2023-06-29T22:15:58Z")

</div>

I’ve done some more work, and with some help by ChatGPT, I’ve implemented the painter’s algorithm! now there is a basic form of sorting.

> **[3D cube with sorting](https://arcade.makecode.com/S74299-90902-78882-44273)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<div class="post-metadata">

### Author: ![Sarge](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sarge/32/19590_2.png) [@Sarge](https://forum.makecode.com/u/Sarge)
#### Post date: [June 29, 2023, 10:44pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/6 "2023-06-29T22:44:36Z")

</div>

Okay, now this is _really_ cool! 🤯

---

<div class="post-metadata">

### Author: ![randomuser](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/randomuser/32/32505_2.png) [@randomuser](https://forum.makecode.com/u/randomuser)
#### Post date: [June 29, 2023, 10:44pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/7 "2023-06-29T22:44:49Z")

</div>

Preeeeeeeeeeeeeeeeeeeeeeety

---

<div class="post-metadata">

### Author: ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)
#### Post date: [June 30, 2023, 4:42pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/8 "2023-06-30T16:42:12Z")

</div>

I have created an Arwing from Starfox! hopefully sometime I can finish my starfox game and make it in real 3D.

> **[3D Arwing fixed](https://arcade.makecode.com/63816-55867-71044-27620)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

hold A and move the arrow keys to free rotate

there can be a lot of z-fighting with some models, but I tried to work around it in this one.  
in case you didn’t know what z-fighting is I’ll explain:  
The painter’s algorithm gets the average depth of each triangle using it’s 3 vertices and then draws the triangles with the most depth first, and then the ones closer to the viewer last. Z - fighting as far as I can tell is when the average depth of a triangle behind another is higher than the one that is supposed to be in front. This usually happens with long, skinny triangles. But there are ways that you can get rid of it making small adjustments to your model.

also, If anyone is wondering how to make your own model, all you have to do is edit the 3d cube with sorting project, set your desired amount of vertices to the positions you want them to be in, (try to use multiplications and divisions of the “size” variable instead of integers so it will look the same when the size is changed) find the triangles array thing. each triangle needs 3 vertices and one color so change the vertices in your desired amount of triangles and choose a color. now, you are done! but it takes a whole lot more to create a **3D game**!

---

<div class="post-metadata">

### Author: ![Sarge](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sarge/32/19590_2.png) [@Sarge](https://forum.makecode.com/u/Sarge)
#### Post date: [June 30, 2023, 9:39pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/9 "2023-06-30T21:39:23Z")

</div>

Imagine the possibilities if you merged this with @Kiwiphoenix364’s spatial projection

---

<div class="post-metadata">

### Author: ![danger\_kitty](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/danger_kitty/32/32006_2.png) [@danger\_kitty](https://forum.makecode.com/u/danger_kitty)
#### Post date: [July 1, 2023, 11:40pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/10 "2023-07-01T23:40:10Z")

</div>

Can you make a basic project that I can add on to because I want to make something made up of a bunch of small cubes

---

<div class="post-metadata">

### Author: ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)
#### Post date: [July 3, 2023, 5:06pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/11 "2023-07-03T17:06:42Z")

</div>

could you give some more information? i’m not sure I understand.

---

<div class="post-metadata">

### Author: ![danger\_kitty](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/danger_kitty/32/32006_2.png) [@danger\_kitty](https://forum.makecode.com/u/danger_kitty)
#### Post date: [July 4, 2023, 9:34pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/12 "2023-07-04T21:34:28Z")

</div>

Just want to make a mini skyblock island

---

<div class="post-metadata">

### Author: ![Segatendo](https://avatars.discourse-cdn.com/v4/letter/s/898d66/32.png) [@Segatendo](https://forum.makecode.com/u/Segatendo)
#### Post date: [July 5, 2023, 6:07pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/13 "2023-07-05T18:07:17Z")

</div>

could you make some sort of 3d Mario land type game made of cubes or just anything as a 3d platformer engine

---

<div class="post-metadata">

### Author: ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)
#### Post date: [July 5, 2023, 6:18pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/14 "2023-07-05T18:18:41Z")

</div>

sorry everyone, I will not accept requests until I am done with my game jam game

---

<div class="post-metadata">

### Author: ![Taser](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/taser/32/29517_2.png) [@Taser](https://forum.makecode.com/u/Taser)
#### Post date: [July 6, 2023, 4:50pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/15 "2023-07-06T16:50:52Z")

</div>

Man’s bending makecode

---

<div class="post-metadata">

### Author: ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)
#### Post date: [July 12, 2023, 4:14pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/16 "2023-07-12T16:14:22Z")

</div>

A sneak peak of my game jam submission!

> **[3D dinosaur model](https://arcade.makecode.com/24794-44311-09711-13209)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

It has taken me up until today to finish this model. (I really need to finish my obj to java converter…)

---

<div class="post-metadata">

### Author: ![TheConeGuy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/theconeguy/32/13840_2.png) [@TheConeGuy](https://forum.makecode.com/u/TheConeGuy)
#### Post date: [July 12, 2023, 4:30pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/17 "2023-07-12T16:30:52Z")

</div>

Woah, I wonder if you could make a 3D platformer with this stuff! I might ask ChatGPT later…

---

<div class="post-metadata">

### Author: ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)
#### Post date: [July 12, 2023, 4:31pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/18 "2023-07-12T16:31:36Z")

</div>

here is a higher resolution one, it is slower and will have more glitches, also, the animations are less noticeable, but you can see the model better

> **[3D dinosaur model resolution increase](https://arcade.makecode.com/24342-21962-42869-16769)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<div class="post-metadata">

### Author: ![Brohann](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/brohann/32/17380_2.png) [@Brohann](https://forum.makecode.com/u/Brohann)
#### Post date: [July 12, 2023, 5:08pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/19 "2023-07-12T17:08:11Z")

</div>

I’ve tried this before, but it seems like it is not really in ChatGPT’s capabilities. I am just going to code this game by myself this time. I’m thinking of calling it: **Escape From the Huge Disgusting Dinosaur Bugs 3D**

---

<div class="post-metadata">

### Author: ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)
#### Post date: [July 12, 2023, 5:40pm UTC](https://forum.makecode.com/t/brohanns-3d-devlog/20917/20 "2023-07-12T17:40:32Z")

</div>

The dinosaur looks suspiciously like Kermit the frog

[Next page](https://forum.makecode.com/t/brohanns-3d-devlog/20917.md?page=2)
