# Raycasting 3D render -- Blocks Edition

**URL:** <https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921>\
**Category:** Game Design\
**Tags:** game, graphics-and-math, extension\
**Created:** [April 1, 2022, 6:23pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921 "2022-04-01T18:23:28Z")\
**Posts on this page:** 20\
**Page:** 6

<div class="post-metadata">

**Author:** ![CuteMrMerp](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/cutemrmerp/32/6671_2.png) [@CuteMrMerp](https://forum.makecode.com/u/CuteMrMerp)\
**Post date:** [August 2, 2022, 11:05pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/103 "2022-08-02T23:05:44Z")

</div>

I have tried using that flag and it did not work

---

<div class="post-metadata">

**Author:** ![Unique](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unique/32/32724_2.png) [@Unique](https://forum.makecode.com/u/Unique)\
**Post date:** [August 2, 2022, 11:20pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/104 "2022-08-02T23:20:34Z")

</div>

@CuteMrMerp & @AqeeAqee, I was having the same issue with the extension. I figure there must be an issue with the latest build of the extension. I loaded 3.13 onto my project, and UI was working just fine.

Someone else referred to the same issue in your repo, I have a more in-depth solution there.

> <https://github.com/AqeeAqee/pxt-raycasting/issues/12#issuecomment-1199415046>
>
> First, thanks for sharing this extension and getting it into Makecode Arcade's s…tandard extension list. 
> 
> My son was very excited to try using it as he has used similar things in Scratch. However, we quickly found that all forms of GUI -- such as showing lives remaining or score -- don't seem to work in raycast view. While this is hinted at in your extension documentation, I would call it out as a limitation explicitly (or tell us what we're missing).
> 
> Lastly, we are requesting that you add some sort of support to draw GUI sprites onto the screen. Even just supporting putting the background image on top of the raycasted view would enable us to draw on top. Really appreciated!

---

<div class="post-metadata">

**Author:** ![Kiwiphoenix364](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/kiwiphoenix364/32/14368_2.png) [@Kiwiphoenix364](https://forum.makecode.com/u/Kiwiphoenix364)\
**Post date:** [August 3, 2022, 2:25am UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/105 "2022-08-03T02:25:09Z")

</div>

Try putting the z(depth) to a high level (Idk what the z layer of the raycasting screen is though)

---

<div class="post-metadata">

**Author:** ![AqeeAqee](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/aqeeaqee/32/5424_2.png) [@AqeeAqee](https://forum.makecode.com/u/AqeeAqee)\
**Post date:** [August 3, 2022, 5:04pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/106 "2022-08-03T17:04:36Z")

</div>

Hi !

Thanks @CuteMrMerp for report this issue, and thanks @Unique for the hint for debuging. And thanks @jackal and @Kiwiphoenix364 kindly helping.  
This should come from the “fake screen” for supporting particle effects.  
I will debug and try to fix it ASAP recent, maybe in a week.

---

<div class="post-metadata">

**Author:** ![AqeeAqee](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/aqeeaqee/32/5424_2.png) [@AqeeAqee](https://forum.makecode.com/u/AqeeAqee)\
**Post date:** [August 4, 2022, 6:08pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/107 "2022-08-04T18:08:18Z")

</div>

Hi @CuteMrMerp and @Unique  
This issue has been fixed in new release v0.3.15.  
Have a try and let me know the result pls.

---

<div class="post-metadata">

**Author:** ![CuteMrMerp](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/cutemrmerp/32/6671_2.png) [@CuteMrMerp](https://forum.makecode.com/u/CuteMrMerp)\
**Post date:** [August 5, 2022, 5:50pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/108 "2022-08-05T17:50:10Z")

</div>

It does work!  
Thank you so much!

🙂

---

<div class="post-metadata">

**Author:** ![EuJeen](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/eujeen/32/12807_2.png) [@EuJeen](https://forum.makecode.com/u/EuJeen)\
**Post date:** [August 19, 2022, 4:24pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/109 "2022-08-19T16:24:47Z")

</div>

Wow, I didn’t know the extension could create such a realistic gun game!

---

<div class="post-metadata">

**Author:** ![Shade9788](https://avatars.discourse-cdn.com/v4/letter/s/e9c0ed/32.png) [@Shade9788](https://forum.makecode.com/u/Shade9788)\
**Post date:** [September 1, 2022, 12:26am UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/111 "2022-09-01T00:26:56Z")

</div>

Here is a backrooms game that i made the map took ages to but im happy to show you my game that i made

also i had took some inspiration on a bunch of other games if you know it then you know it:D

> **[backrooms](https://arcade.makecode.com/42966-20301-04382-27202)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<div class="post-metadata">

**Author:** ![Shade9788](https://avatars.discourse-cdn.com/v4/letter/s/e9c0ed/32.png) [@Shade9788](https://forum.makecode.com/u/Shade9788)\
**Post date:** [September 1, 2022, 12:26am UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/112 "2022-09-01T00:26:57Z")

</div>

oh also i forgot to say you can use the left and right buttons left is to shoot and i think i remember press right left button 5 times enjoy!

---

<div class="post-metadata">

**Author:** ![Shade9788](https://avatars.discourse-cdn.com/v4/letter/s/e9c0ed/32.png) [@Shade9788](https://forum.makecode.com/u/Shade9788)\
**Post date:** [September 1, 2022, 12:27am UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/113 "2022-09-01T00:27:30Z")

</div>

also i got a question how can we make the lantern effects it will help a lot if somebody tells me how or show me a example on how to make that kind of effect cause if you look at the game. I made a running scene where its suppose to be dark and hard to complete and if you say its impossible i will say this it is possible but it will take a lot of will power to complete

---

<div class="post-metadata">

**Author:** ![Shade9788](https://avatars.discourse-cdn.com/v4/letter/s/e9c0ed/32.png) [@Shade9788](https://forum.makecode.com/u/Shade9788)\
**Post date:** [September 1, 2022, 8:25pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/114 "2022-09-01T20:25:29Z")

</div>

sorry for the messy code

---

<div class="post-metadata">

**Author:** ![NxNMatrixGL](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/nxnmatrixgl/32/2553_2.png) [@NxNMatrixGL](https://forum.makecode.com/u/NxNMatrixGL)\
**Post date:** [September 1, 2022, 8:27pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/115 "2022-09-01T20:27:27Z")

</div>

Look up further in this thread. There is the lantern demo by @AqeeAqee. You can use that to show you how to use the lantern effect.

---

<div class="post-metadata">

**Author:** ![Shade9788](https://avatars.discourse-cdn.com/v4/letter/s/e9c0ed/32.png) [@Shade9788](https://forum.makecode.com/u/Shade9788)\
**Post date:** [September 7, 2022, 6:03pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/116 "2022-09-07T18:03:00Z")

</div>

i tried already but it did not give me the same effects but i cannot wait till somebody make it in block form so i could understand it alot better

---

<div class="post-metadata">

**Author:** ![MrFranko](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/mrfranko/32/6920_2.png) [@MrFranko](https://forum.makecode.com/u/MrFranko)\
**Post date:** [September 26, 2022, 5:11pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/117 "2022-09-26T17:11:18Z")

</div>

Hi, thanks for great extension  
I could’t stand those jittering inside blitRow and tried to fix that  
My solution is to break blitRow in two separate rows, one from horizon line up, one down  
Right now its inside .ts, when it would be implemented in core arcade (.cpp) there should be no performance difference

> **[3d-blitRowFixw](https://arcade.makecode.com/46279-83354-19578-28573)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<div class="post-metadata">

**Author:** ![AqeeAqee](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/aqeeaqee/32/5424_2.png) [@AqeeAqee](https://forum.makecode.com/u/AqeeAqee)\
**Post date:** [September 27, 2022, 11:02pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/118 "2022-09-27T23:02:46Z")

</div>

Hi @MrFranko !

Thanks for your efforts! That looks much better, and it is what I want too.  
Have you tried on device, how perfermence it runs?

---

<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:** [September 29, 2022, 9:26pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/119 "2022-09-29T21:26:37Z")

</div>

Could you add some ground tiles for the ground if you can

---

<div class="post-metadata">

**Author:** ![Shade9788](https://avatars.discourse-cdn.com/v4/letter/s/e9c0ed/32.png) [@Shade9788](https://forum.makecode.com/u/Shade9788)\
**Post date:** [October 17, 2022, 9:43pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/120 "2022-10-17T21:43:23Z")

</div>

Is there any possible way to break down how you made the lantern I tried using JavaScript but my braindead mind could not comprehend 90% of the code all I’m just asking is can anybody please break down the script for me or you can show me in block form thanks!

---

<div class="post-metadata">

**Author:** ![teach42](https://avatars.discourse-cdn.com/v4/letter/t/a3d4f5/32.png) [@teach42](https://forum.makecode.com/u/teach42)\
**Post date:** [October 21, 2022, 5:43pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/121 "2022-10-21T17:43:21Z")

</div>

A student of mine built a game off of this, and we’re trying to download it as a .elf file. Unfortunately, it keeps saying, “The Hex file is not available. Please connect to the internet.” I can assure you, we’re connect to the internet 🙂

Any idea what may be going wrong? Link to game is: [https://arcade.makecode.com/S86561-30939-69458-07956](https://arcade.makecode.com/S86561-30939-69458-07956)

---

<div class="post-metadata">

**Author:** ![teach42](https://avatars.discourse-cdn.com/v4/letter/t/a3d4f5/32.png) [@teach42](https://forum.makecode.com/u/teach42)\
**Post date:** [October 24, 2022, 4:40pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/122 "2022-10-24T16:40:02Z")

</div>

Just in case anybody else comes here and sees this, I think I got it figured it out. Turns out it had nothing to do with the Raycasting extension. It was actually the “Mouse” extension (that wasn’t even being used in the game). Once I removed that, it was able to be downloaded.

---

<div class="post-metadata">

**Author:** ![Shade9788](https://avatars.discourse-cdn.com/v4/letter/s/e9c0ed/32.png) [@Shade9788](https://forum.makecode.com/u/Shade9788)\
**Post date:** [October 24, 2022, 4:56pm UTC](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921/123 "2022-10-24T16:56:21Z")

</div>

I am a student myself in 8th grade but I can assure you that its either makecode arcade or something but currently I’m dealing with the same issue so at least ur not alone

[Previous page](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921.md?page=5)

[Next page](https://forum.makecode.com/t/raycasting-3d-render-blocks-edition/12921.md?page=7)
