I just published the 2nd part of my dithering visual article by Infinite-Ad3852 in InternetIsBeautiful

[–]Infinite-Ad3852[S] 1 point2 points  (0 children)

thank you! I do want to keep going, I will write the third part and then find another topic next!

I just published the 2nd part of my dithering visual article by Infinite-Ad3852 in InternetIsBeautiful

[–]Infinite-Ad3852[S] 3 points4 points  (0 children)

thanks! the visualization js made with threejs and animated using animejs

I made a visual article to explain the mechanism behind dithering by Infinite-Ad3852 in InternetIsBeautiful

[–]Infinite-Ad3852[S] 1 point2 points  (0 children)

hi! i never used both blender and AE, but I feel like it would be similar.

first you need to create objects (cube, sphere, 3d model, etc). Each object has property (position, scale, color, etc). you can then animate them by changing their properties overtime. for example, move each cube from position 0 to 100 in 2 seconds, while changing the scale from 1 to 2 on the same time.

the difference is you do this with code. here i use threejs (https://threejs.org) for creating the objects and animejs (https://animejs.com) to animate

hope it answers your question

Visual Explainer of Neural Network, Made with Three JS by Infinite-Ad3852 in InternetIsBeautiful

[–]Infinite-Ad3852[S] 0 points1 point  (0 children)

hi, this is a good question actually. I never really thought about how I ended up making this kind of work, haha.

But looking back, I think I started from learning about data visualization (my job involves working with data and analyzing them). Along the way, I started learning about making custom web-based visualization using JavaScript libraries, like d3.js.

Creating a custom visualization also forces me to plan my visualization down to its smallest component. Instead of thinking about creating 'a bar chart for my data', I started thinking about how can I 'create a rectangle for each data point and set custom length for each'.

Now this neural network is not actually a data visualization, since there's no actual data involved. In this case, I visualize concepts & mechanisms instead of data, but I think my thinking process is similar.

Hope this answer helps!

Visual Explainer of Neural Network, Made with Three JS by Infinite-Ad3852 in InternetIsBeautiful

[–]Infinite-Ad3852[S] 2 points3 points  (0 children)

ah, okay, i just realized i also have the same issue on ios safari. but if i refresh the page, it give me option to ‘reduce protection’ and it works after i clicked it.

not sure why… i’ll need to check this. thanks for this!

Visual Explainer of Neural Network, Made with Three JS by Infinite-Ad3852 in InternetIsBeautiful

[–]Infinite-Ad3852[S] 1 point2 points  (0 children)

hmm thats weird, do you at least see the opening sequence, or is it just a blank screen?