GithubHelp home page GithubHelp logo

rreusser / rreusser.github.io Goto Github PK

View Code? Open in Web Editor NEW
227.0 9.0 23.0 44.46 MB

rreusser.github.io

Home Page: https://rreusser.github.io/

HTML 78.22% JavaScript 20.63% CSS 0.66% GLSL 0.48% M4 0.01%
webgl regl

rreusser.github.io's Issues

Question about your notebook "Adaptive Contouring in Fragment Shaders"

@rreusser

Hi Ricky: I really enjoy the notebooks you have shared on Observablehq. They are beautifully designed and your explanations are fantastic. Thank you for generously sharing your knowledge!

Recently, I have been studying your notebook Locally Scaled Domain Coloring Part 1: Contour Plots. However, there are some parts that I don't quite understand, so I was hoping to ask for your help.

I know that opening an issue to ask questions in your personal project may not be the most appropriate approach, but mathstodon has a limitation on the words I can send, and your twitter account seems has been deleted. If that is indeed the case, please allow me to extend my apologies to you.

Below are my questions:

The first part that I'm having trouble with is the following:

截图 2023-02-17 09-56-26

I can understand that both sides are using values in pixels, but I don't quite understand why it can be used to draw contours with uniform width. I understand that for a function f, (0.5-abs(fract(f)-0.5)) gives the distance between a pixel and contour lines $\{ f(x)=k\mid k\in\mathbb{Z} \}$. But it seems difficult to predict the change of (0.5-abs(fract(f) - 0.5))/fwidth(f) between different pixels? (Did I miss something?) So I don't quite understand why doing it as below can give contours with uniform width.

截图 2023-02-17 14-11-49

Another aspect that I don't quite understand is how the value of N_octave below is derived:

截图 2023-02-17 14-14-50

It seems in the code below this paragraph, $\nabla f$ is calculated using screen-space derivatives, while $f$ is a standard unit. I don't quite understand why this is being done. I apologize if these questions were explained in your article or if they are self-evident. My level of expertise in shaders is limited, and I have been unable to understand it for some time. So I hope you can provide some help and answer my questions. I'm sorry to bother you and thank you very much!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.