Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

How would I make a gradient?


DragonYT
 Share

Recommended Posts

Hello,

I have been trying to make a gradient, but it does not look how I want it to.

 

This is what it looks like:

Capture.PNG

 

This is what I want it to look like:

owo.PNG

 

This is my code:

 

   

GlStateManager.disableTexture2D();
        GlStateManager.enableBlend();
        GlStateManager.disableAlpha();
        GlStateManager.tryBlendFuncSeparate(770, 771, 1, 0);
        GlStateManager.shadeModel(7425);
        Tessellator tessellator = Tessellator.getInstance();
        WorldRenderer worldrenderer = tessellator.getWorldRenderer();
        worldrenderer.begin(7, DefaultVertexFormats.POSITION_COLOR);
        // top right
        worldrenderer.pos((double) 200, (double) 100, (double) 0).color(1.0f, 0, 0, 1.0f).endVertex();
        // top left
        worldrenderer.pos((double) 100, (double) 100, (double) 0).color(1.0f, 1.0f, 1.0f, 1.0f).endVertex();
        // bottom left
        worldrenderer.pos((double) 100, (double) 200, (double) 0).color(0, 0, 0, 1.0f).endVertex();
        // bottom right
        worldrenderer.pos((double) 200, (double) 200, (double) 0).color(0, 0, 0, 1.0f).endVertex();
        tessellator.draw();
        GlStateManager.shadeModel(7424);
        GlStateManager.disableBlend();
        GlStateManager.enableAlpha();
        GlStateManager.enableTexture2D();

 

 

How would I make my code look like my intended result?

Link to comment
Share on other sites

The problem is that 3d graphics are all built with triangles, so you can't get a hue-tinted diagonal line when the end points are black and white.

You need to construct the quad in such a way that the diagonal edge uses the other two corners (you should be able to do this simply by moving your first vert to be last, or vice versa).

  • Like 2

Apparently I'm a complete and utter jerk and come to this forum just like to make fun of people, be confrontational, and make your personal life miserable.  If you think this is the case, JUST REPORT ME.  Otherwise you're just going to get reported when you reply to my posts and point it out, because odds are, I was trying to be nice.

 

Exception: If you do not understand Java, I WILL NOT HELP YOU and your thread will get locked.

 

DO NOT PM ME WITH PROBLEMS. No help will be given.

Link to comment
Share on other sites

Posted (edited)
On 6/13/2022 at 11:41 PM, Draco18s said:

You need to construct the quad in such a way that the diagonal edge uses the other two corners (you should be able to do this simply by moving your first vert to be last, or vice versa).

Ok, so, what do you mean?

Do you want to me to this:

// top left
worldrenderer.pos((double) 100, (double) 100, (double) 0).color(1.0f, 1.0f, 1.0f, 1.0f).endVertex();
// bottom left
worldrenderer.pos((double) 100, (double) 200, (double) 0).color(0, 0, 0, 1.0f).endVertex();
// bottom right
worldrenderer.pos((double) 200, (double) 200, (double) 0).color(0, 0, 0, 1.0f).endVertex();
// top right
worldrenderer.pos((double) 200, (double) 200, (double) 0).color(1.0f, 0, 0, 1.0f).endVertex();

or how do you want me to do it?

 

EDIT:

unknown.png

I got this to work, but it makes a diagonal line from the top-right vertex..

 

// bottom right
worldrenderer.pos((double) 200, (double) 200, (double) 0).color(0, 0, 0, 1.0f).endVertex();
// top right
worldrenderer.pos((double) 200, (double) 100, (double) 0).color(1.0f, 0, 0, 1.0f).endVertex();
// top left
worldrenderer.pos((double) 100, (double) 100, (double) 0).color(1.0f, 1.0f, 1.0f, 1.0f).endVertex();
// bottom left
worldrenderer.pos((double) 100, (double) 200, (double) 0).color(0, 0, 0, 1.0f).endVertex();
// bottom right
worldrenderer.pos((double) 200, (double) 200, (double) 0).color(0, 0, 0, 1.0f).endVertex();
// top right
worldrenderer.pos((double) 200, (double) 100, (double) 0).color(1.0f, 0, 0, 1.0f).endVertex();

 

Edited by DragonYT
Update
Link to comment
Share on other sites

Yeah, because the real gradient (that you want) isn't truly linear across the diagonal.* It's close though.

The only way to get it to be smoother is to...break things into smaller triangles so you have more control points. But it also gets more complicated to set that up, as you have to compute the location and vertex color value yourself.

 

*This is actually a color-space problem with respect to how our brain interprets color.

Color_Space.jpg

Apparently I'm a complete and utter jerk and come to this forum just like to make fun of people, be confrontational, and make your personal life miserable.  If you think this is the case, JUST REPORT ME.  Otherwise you're just going to get reported when you reply to my posts and point it out, because odds are, I was trying to be nice.

 

Exception: If you do not understand Java, I WILL NOT HELP YOU and your thread will get locked.

 

DO NOT PM ME WITH PROBLEMS. No help will be given.

Link to comment
Share on other sites

So.. is there a different way that I could make a gradient that looks like my intended result?

On 6/16/2022 at 1:58 PM, Draco18s said:

 

The only way to get it to be smoother is to...break things into smaller triangles so you have more control points. But it also gets more complicated to set that up, as you have to compute the location and vertex color value yourself.

 

Link to comment
Share on other sites

On 6/16/2022 at 12:58 PM, Draco18s said:

you have to compute the location and vertex color value yourself.

 

Apparently I'm a complete and utter jerk and come to this forum just like to make fun of people, be confrontational, and make your personal life miserable.  If you think this is the case, JUST REPORT ME.  Otherwise you're just going to get reported when you reply to my posts and point it out, because odds are, I was trying to be nice.

 

Exception: If you do not understand Java, I WILL NOT HELP YOU and your thread will get locked.

 

DO NOT PM ME WITH PROBLEMS. No help will be given.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Recently Browsing

    • No registered users viewing this page.
  • Posts

    • I'm trying to make a block that is slippery in one direction: its friction depends on the angle of your motion. I've got it to work perfectly for nonplayer entities, but (once again), the player poses a different issue because of siding. My testing indicates that calling getDeltaMovement is giving (0, -1, 0) on serverside when it shouldn't be, and this screws up the calculation. How can I get accurate information here? @Override public float getFriction(BlockState state, LevelReader level, BlockPos pos, @org.jetbrains.annotations.Nullable Entity entity) { if (entity == null) { return 0.7F; } //Get a unit vector in the appropriate direction Vec3 axisUnitVector = Vec3.ZERO; if (state.getValue(AXIS) == Direction.Axis.X) { axisUnitVector = new Vec3(1, 0, 0); } else if (state.getValue(AXIS) == Direction.Axis.Z) { axisUnitVector = new Vec3(0, 0, 1); } //The block can't be placed vertically //Take the dot product of that vector with a unit vector in the direction of the entity's movement //This effectively just returns the cosine of the angle between the entity's vector and the chosen axis //i.e. 0 when perpendicular, 1 when parallel, etc. Vec3 normalizedMovement = entity.getDeltaMovement().normalize(); double dotProduct = Math.abs(normalizedMovement.dot(axisUnitVector)); //Produce a string for reporting String vectorString = "(" + StringUtils.truncate(String.valueOf(normalizedMovement.x), 4) + "," + StringUtils.truncate(String.valueOf(normalizedMovement.y), 4) + "," + StringUtils.truncate(String.valueOf(normalizedMovement.z), 4) + ")"; //Friction ranges from 0.6 to 1 depending on that cosine double finalMultiplier = Mth.lerp(dotProduct, 0.6, 1); chatPrint("Friction: " + StringUtils.truncate(String.valueOf(finalMultiplier), 5) + ", dot:" + StringUtils.truncate(String.valueOf(dotProduct), 5) + ", vector:" + vectorString + (level.isClientSide() ? "clientside" : "serverside"), (Level) level); return (float) finalMultiplier; } Walking on the block in the slippery direction produces this output: [CHAT] Friction: 0.6, dot:0.0, vector:(0.0,-1.0,0.0) serverside [CHAT] Friction: 0.981, dot:0.953, vector:(-0.0,-0.3,-0.9) clientside [CHAT] Friction: 0.6, dot:0.0, vector:(0.0,-1.0,0.0) serverside [CHAT] Friction: 0.981, dot:0.952, vector:(-0.0,-0.3,-0.9) clientside [CHAT] Friction: 0.6, dot:0.0, vector:(0.0,-1.0,0.0) serverside [CHAT] Friction: 0.981, dot:0.952, vector:(-0.0,-0.3,-0.9) clientside [CHAT] Friction: 0.6, dot:0.0, vector:(0.0,-1.0,0.0) serverside [CHAT] Friction: 0.981, dot:0.952, vector:(-0.0,-0.3,-0.9) clientside [CHAT] Friction: 0.6, dot:0.0, vector:(0.0,-1.0,0.0) serverside [CHAT] Friction: 0.980, dot:0.952, vector:(-0.0,-0.3,-0.9) clientside [CHAT] Friction: 0.6, dot:0.0, vector:(0.0,-1.0,0.0) serverside [CHAT] Friction: 0.980, dot:0.952, vector:(-0.0,-0.3,-0.9) clientside [CHAT] Friction: 0.6, dot:0.0, vector:(0.0,-1.0,0.0) serverside [CHAT] Friction: 0.980, dot:0.952, vector:(-0.0,-0.3,-0.9) clientside  
    • The 1.19 optifine previews are not compatible with forge, see the release notes: https://optifine.net/changelog?f=preview_OptiFine_1.19_HD_U_H8_pre2.jar
    • deleted the folder, and still, not working.
  • Topics

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.