Giter Club home page Giter Club logo

rreusser.github.io's Introduction

rreusser.github.io

Hi! Perhaps you're here because you found something interesting on my sketches page. If so, welcome! And don't fear! It's not completely impossible to run the code. Steps:

  1. git clone https://github.com/rreusser/rreusser.github.io.git
  2. cd rreusser.github.io/src
  3. npm install (fsevents might fail to build, but things still seem to work?)
  4. Now start a project in the src/ subdirectory (that's src/src from the project root) by typing, e.g. npm start clifford-torus

First of all, why a src directory within src? Because I wanted to deploy one branch and not worry about a docs directory or gh-pages branch for github pages. TBH I don't totally remember the rationale and I kinda wonder whether docs/ was an option when I set this up, becuase I feel like I should have definitely chosen that insetad.

Second, what actually happened when we used npm start <project-name> to start up a project? I didn't want to maintain a site with a bunch of interconnected build and layout stuff, so when you type npm start <project-name>, it looks in src/src for a directory with that name. It detects the type of project by checking for 1) markdown, 2) idyll, or 3) raw js. It runs a dev server or builds accordingly. Each project is completely independent. One page can't send you to another while developing. If you change the layout or any common code, you'd have to rebuild all the affected projects manually, one by one. I've only had to do that once or twice though, so I'm pretty content with it.

Beyond that, I hope something here is useful or informative. I also hope the code is more or less clear, though it's definitely varying levels of cryptic at times since it's not a day job and since the goal here has been to crank out visualizations and not so much to convey how it's done. If you're looking for code that's at times more polished and has a bit more context and comments, you might try checking out my projects page instead.

🚀

© 2020 Ricky Reusser. MIT License.

rreusser.github.io's People

Contributors

rreusser avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

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.