Search
187 results for “sibaku”
-
Today's post was mostly made for myself as a kind of notebook for algorithms and derivations for a few common sampling method for #pathtracing. https://sibaku.github.io/site/sampling/ Whenever I wanted to look these up, I found either differing syntax, missing derivations, or just everything being scattered around. So I wrote it down and added interactive visualizations (just remade them all from the first version actually). Maybe useful to someone else! #math #computergraphics
-
Recently saw some posts here again about #math notation being hard to read and I also saw the famous Freya Holmér tweet about for loops and sums again, so I thought I might just write up some common math notation and how that translates into simple #code. Maybe interesting for #gamedev folks who sometimes have to implement more complex algorithms.
Not sure if that is helpful to anyone, but if so, I would be glad. Utilizes #LiaScript for nicer design and code. -
Because of yesterday's post I looked at some other #liascript docs I made. Don't think I posted this one here, at least not for a while: https://liascript.github.io/course/?https://sibaku.github.io/quaternions/quaternions.md
It is about quaternions! I have seen a lot of #gamedev posts about how confusing and esoteric they are. The doc is about how you can understand the geometric meaning behind unit quaternions just from the formulas! It is just an axis to rotate around and an angle! Also contains a short intro into interpolation with animations! #math #cg -
Spent an hour or so tonight to make a quick and dirty visualization of inverse transform sampling! A very important tool in Monte Carlo integration. Basically, you compute the cumulative probability (CDF) from a density function (PDF). You then sample uniformly in [0,1] and invert the CDF for that value. The resulting points are distributed according to your PDF! Interactive Fiddle: https://jsfiddle.net/n5aeL2ms/1/
Made with: https://github.com/sibaku/algeobra
#math #sampling #diagrams #algeobra -
Yesterday I made a post about SAT. That got me thinking about another nice operation! The Minkowski difference. For two sets A and B, it is just the set of all points a (in A) - b (in B). One of the cool things about that is, that you can test two convex shapes for collisions! If they have a point in common, the Minkowski dif. contains the origin (a-b=0)! Try it out here: https://jsfiddle.net/b9tnpa5x/
#math #programming #javascript #collision #physics #algeobra
Made with https://github.com/sibaku/algeobra -
The separating axis theorem (SAT) is one of my fav theorems, since it is actually pretty simple and visually plausible, but also pretty powerful in the information you can get when applied to colliding objects. As I updated my #algeobra library (https://github.com/sibaku/algeobra *wink wink*) today to produce svgs, I made some svgs of the SAT demo! :)
The demo can be found here: https://jsfiddle.net/L4r6ktnh/1/
#math #geometry #collision #physics -
Did a bit of refactoring to my #algeobra #javascript library default rendering! Algeobra is a geogebra-esque tool to easily create all kinds of (interactive) #math #geometry diagrams for browsers in code. And now you can also export everything to SVG!
You can find the library here: https://github.com/sibaku/algeobra
There are quite a few demos with code and #JSFiddle as well.
The one for the video (with SVG export) is here: https://jsfiddle.net/kjsL84r0/
#programming #TeachingTools -
Did a bit of refactoring to my #algeobra #javascript library default rendering! Algeobra is a geogebra-esque tool to easily create all kinds of (interactive) #math #geometry diagrams for browsers in code. And now you can also export everything to SVG!
You can find the library here: https://github.com/sibaku/algeobra
There are quite a few demos with code and #JSFiddle as well.
The one for the video (with SVG export) is here: https://jsfiddle.net/kjsL84r0/
#programming #TeachingTools -
Did a bit of refactoring to my #algeobra #javascript library default rendering! Algeobra is a geogebra-esque tool to easily create all kinds of (interactive) #math #geometry diagrams for browsers in code. And now you can also export everything to SVG!
You can find the library here: https://github.com/sibaku/algeobra
There are quite a few demos with code and #JSFiddle as well.
The one for the video (with SVG export) is here: https://jsfiddle.net/kjsL84r0/
#programming #TeachingTools -
Did a bit of refactoring to my #algeobra #javascript library default rendering! Algeobra is a geogebra-esque tool to easily create all kinds of (interactive) #math #geometry diagrams for browsers in code. And now you can also export everything to SVG!
You can find the library here: https://github.com/sibaku/algeobra
There are quite a few demos with code and #JSFiddle as well.
The one for the video (with SVG export) is here: https://jsfiddle.net/kjsL84r0/
#programming #TeachingTools -
Did a bit of refactoring to my #algeobra #javascript library default rendering! Algeobra is a geogebra-esque tool to easily create all kinds of (interactive) #math #geometry diagrams for browsers in code. And now you can also export everything to SVG!
You can find the library here: https://github.com/sibaku/algeobra
There are quite a few demos with code and #JSFiddle as well.
The one for the video (with SVG export) is here: https://jsfiddle.net/kjsL84r0/
#programming #TeachingTools -
Quaternions are one of those things I see a lot of people in CG being confused about (doesn't help that a lot of people leave out "normalized"). If you are only planning to use them for rotations, their meaning is simple: A quaternion is a rotation about an angle around an axis. That's it. They are NOT three angles. I wrote a small derivation of the maybe confusing qpq* formula. Only really requires trigonometry and vectors.
https://liascript.github.io/course/?https://sibaku.github.io/quaternions/quaternions.md
#math #cg #quaternions -
Added another tutorial. This one is about showing the idea behind the wonderful separating axis theorem (SAT). We can check, if two shapes don't intersect, if we can find a separation line. You can find the full code together with online JSFiddle versions and the library itself here: https://github.com/sibaku/algeobra
#javascript #math #collisiondetection #programming -
Saw some post a few days ago showing some kind of fractal with varying density encoding an image, so I tried it as well :) This uses a Hilbert curve with adaptive subdivision to approximate the value of an image. The color one uses one curve per channel #programmingArt #mastoArt
-
Was praised by my #Japanese teacher for being able to speak a lot quicker than usual🥹Learning a language is such a long and hard endeavor, so it's nice to see small improvements even if you are far from fluent 🥹Finally finding speaking partners (on #helloTalk) and taking some speaking lessons (on #italki) did help a lot. Highly recommend using these or similar services to just find someone to talk to in your target language
-
Randomly thought about this topic tonight. One scary #math symbol that comes up in many places is the #Laplacian, that weird triangle Δ! What even is that? While you can do some smart math things to get an intuition for what it means, you can also try to make some simpler calculations! Turns out, it can be seen as a measure of how much a value at a point differs from its surroundings! Always liked this approach to show it to people, since imho you don't need too much background knowledge!
-
Made the first diagram for my simple visual geometric intuition behind the determinant document. This one is about adding one row/column to another one, which does not change the determinant. As expected, this is just the formula for the area of a parallelogram 😅 A bit more involved to code, but I think it looks kinda nice :)
#math #teaching #javascript #algeobra -
Hm... I think I will do a little visual intuition #LiaScript doc about the determinant and how it corresponds to area/volume 🤔 I feel that many people are very confused by the #determinant when they encounter it in a linear algebra #math class. At least in mine, it was this weird abstract function (granted, this way of going about things also has its positives), not like a geometric thing. Then you see it popping up in like multivariate integrals with volume elements and its like... huh?
-
Hm... I think I will do a little visual intuition #LiaScript doc about the determinant and how it corresponds to area/volume 🤔 I feel that many people are very confused by the #determinant when they encounter it in a linear algebra #math class. At least in mine, it was this weird abstract function (granted, this way of going about things also has its positives), not like a geometric thing. Then you see it popping up in like multivariate integrals with volume elements and its like... huh?
-
Hm... I think I will do a little visual intuition #LiaScript doc about the determinant and how it corresponds to area/volume 🤔 I feel that many people are very confused by the #determinant when they encounter it in a linear algebra #math class. At least in mine, it was this weird abstract function (granted, this way of going about things also has its positives), not like a geometric thing. Then you see it popping up in like multivariate integrals with volume elements and its like... huh?
-
Hm... I think I will do a little visual intuition #LiaScript doc about the determinant and how it corresponds to area/volume 🤔 I feel that many people are very confused by the #determinant when they encounter it in a linear algebra #math class. At least in mine, it was this weird abstract function (granted, this way of going about things also has its positives), not like a geometric thing. Then you see it popping up in like multivariate integrals with volume elements and its like... huh?
-
I had a small idea today. I am not a gamedev myself, but have seen/talked to folks without a math background confused about vector stuff. So I thought, why not show some applications with the math condensed for common tasks. Especially various dot product applications. Probably already exists somewhere, but it is a fun thing to make lol. Not finished, but made initial scripts for basic distance and a point in cone check with my #algeobra library. #math #gamedev #js #teaching
-
Here is an old shadertoy demo I made: Three shadow mapping techniques. Basic, PCF and variance shadow maps :)
Have a look, if you want to see how to implement the base level versions :)
https://www.shadertoy.com/view/MlKSRm
#graphicsprogramming #rendering #shadertoy #shadowmap -
Not sure how the vibe here is about sharing music, but I will just go ahead: Please have a listen to chelmico! They make super fun music and videos. First found them in the intro to the anime "Keep Your Hands Off Eizouken!" and found their other songs to be great as well!
https://youtu.be/P7ds78eOLjU
#music #chelmico -
Not sure how the vibe here is about sharing music, but I will just go ahead: Please have a listen to chelmico! They make super fun music and videos. First found them in the intro to the anime "Keep Your Hands Off Eizouken!" and found their other songs to be great as well!
https://youtu.be/P7ds78eOLjU
#music #chelmico -
Not sure how the vibe here is about sharing music, but I will just go ahead: Please have a listen to chelmico! They make super fun music and videos. First found them in the intro to the anime "Keep Your Hands Off Eizouken!" and found their other songs to be great as well!
https://youtu.be/P7ds78eOLjU
#music #chelmico -
#PortfolioDay My name is Sabaku, I'm a german based gamedev and artist, who worked on bangers like #Skellboy #Bubsy4D and #DemonTides . I feel familar in multiple mediums like Pixelart, 3D Asset Production and digital conceptart. I'm planning to open commissions somewhat this year!
-
#PortfolioDay My name is Sabaku, I'm a german based gamedev and artist, who worked on bangers like #Skellboy #Bubsy4D and #DemonTides . I feel familar in multiple mediums like Pixelart, 3D Asset Production and digital conceptart. I'm planning to open commissions somewhat this year!
-
#PortfolioDay My name is Sabaku, I'm a german based gamedev and artist, who worked on bangers like #Skellboy #Bubsy4D and #DemonTides . I feel familar in multiple mediums like Pixelart, 3D Asset Production and digital conceptart. I'm planning to open commissions somewhat this year!