How to render 3D graphics?

ironmannn

I probably should've gone here first.

So I am trying to learn how to render more advanced 3D graphics than the wire frames that I currently know how to render. However while I know about Z-buffers and rasterization I do not know how to perform the latter or even what I need to do before I can do either of those.

So, here are my two questions, first off, are there custom blocks available that allow me to run pure JS within Scratch?
And second, where do I begin? What do I need to learn first?

_nix

No pure JS without the user doing something a little technical manually, but you can learn more about extensions here.

gdpr533f604550b2f20900645890

Hi! You don't need JavaScript to program three-dimensional graphics. Rasterization is the process of turning shapes into pixels, and the z-buffer records the z-positions of pixels so that faces in the back are not rendered over faces in the front. The Scratch Wiki has an article about three-dimensional graphics.

IcyCoder

ironmannn wrote:
I probably should've gone here first.

So I am trying to learn how to render more advanced 3D graphics than the wire frames that I currently know how to render. However while I know about Z-buffers and rasterization I do not know how to perform the latter or even what I need to do before I can do either of those.

So, here are my two questions, first off, are there custom blocks available that allow me to run pure JS within Scratch?
And second, where do I begin? What do I need to learn first?

Check out my sprite-based raycaster it is the simplest (and I think fastest) form of scratch 3D…
https://scratch.mit.edu/projects/132743008/

jokebookservice1

IcyCoder wrote:
ironmannn wrote:
I probably should've gone here first.

So I am trying to learn how to render more advanced 3D graphics than the wire frames that I currently know how to render. However while I know about Z-buffers and rasterization I do not know how to perform the latter or even what I need to do before I can do either of those.

So, here are my two questions, first off, are there custom blocks available that allow me to run pure JS within Scratch?
And second, where do I begin? What do I need to learn first?

Check out my sprite-based raycaster it is the simplest (and I think fastest) form of scratch 3D…
https://scratch.mit.edu/projects/132743008/

Fastest would be using a non-sprite based raycaster. Unless you mean fastest of the other sprite based raycasters

IcyCoder

jokebookservice1 wrote:
IcyCoder wrote:
ironmannn wrote:
I probably should've gone here first.

So I am trying to learn how to render more advanced 3D graphics than the wire frames that I currently know how to render. However while I know about Z-buffers and rasterization I do not know how to perform the latter or even what I need to do before I can do either of those.

So, here are my two questions, first off, are there custom blocks available that allow me to run pure JS within Scratch?
And second, where do I begin? What do I need to learn first?

Check out my sprite-based raycaster it is the simplest (and I think fastest) form of scratch 3D…
https://scratch.mit.edu/projects/132743008/
Fastest would be using a non-sprite based raycaster. Unless you mean fastest of the other sprite based raycasters

Nah I would not say mine is the fastest mostly because it is untested speed wise…

gdpr533f604550b2f20900645890

Raycasting is not true 3D.

-stache-

Chibi-Matoran wrote:
Raycasting is not true 3D.

No software is (that renders on a flat panel).

Last edited by -stache- (Dec. 3, 2016 02:07:46)

IcyCoder

Chibi-Matoran wrote:
Raycasting is not true 3D.

YOUR NOT REAL 3D!

CodeLegend

-stache- wrote:
Chibi-Matoran wrote:
Raycasting is not true 3D.
No software is (that renders on a flat panel).

But most software show accurate projections of three dimensional objects.

IcyCoder wrote:
Chibi-Matoran wrote:
Raycasting is not true 3D.
YOUR NOT REAL 3D!

Whereas raycasted images, and Chibi-Matoran, are not true projections of 3d objects.

gdpr533f604550b2f20900645890

CodeLegend wrote:
-stache- wrote:
Chibi-Matoran wrote:
Raycasting is not true 3D.
No software is (that renders on a flat panel).
But most software show accurate projections of three dimensional objects.
IcyCoder wrote:
Chibi-Matoran wrote:
Raycasting is not true 3D.
YOUR NOT REAL 3D!
Whereas raycasted images, and Chibi-Matoran, are not true projections of 3d objects.

chibiMatoranTransform = chibiMatoran.translation * chibiMatoran.rotation * chibiMatoran.scale;
cameraTransform = camera.translation * camera.rotation * camera.scale;
screenPosition = projectionMatrix * inverse(cameraTransform) * chibiMatoranTransform;

I've been transformed.

Last edited by gdpr533f604550b2f20900645890 (Dec. 4, 2016 00:54:41)

IcyCoder

Chibi-Matoran wrote:
CodeLegend wrote:
-stache- wrote:
Chibi-Matoran wrote:
Raycasting is not true 3D.
No software is (that renders on a flat panel).
But most software show accurate projections of three dimensional objects.
IcyCoder wrote:
Chibi-Matoran wrote:
Raycasting is not true 3D.
YOUR NOT REAL 3D!
Whereas raycasted images, and Chibi-Matoran, are not true projections of 3d objects.
chibiMatoranTransform = chibiMatoran.translation * chibiMatoran.rotation * chibiMatoran.scale;
cameraTransform = camera.translation * camera.rotation * camera.scale;
screenPosition = projectionMatrix * inverse(cameraTransform) * chibiMatoranTransform;
I've been transformed.

This is totally going in my siggy…

Aurori

I remember a while ago JamesOuO posted a video tutorial on his youtube channel. Sadly it was deleted, by him.

I'll get back to you when i find the tutorial, or an example which i made following it

Discuss Scratch