@Simone_dev_com profile picture
Simone Andreotti @Simone_dev_com

Frontend & Creative Web, passionate about graphics and 3D, with 4 years of professional experience and a degree in Computer Science from the University of Pisa.

Joined November 2018
  • Tweets 69
  • Following 27
  • Followers 13
58 Photos and videos
Scaled my web physics engine to 30M shaded particles at 60 FPS (40M at 30 FPS). Compute shaders handle the entire state to eliminate CPU bottlenecks. What is your preferred method for handling parallel work in the browser? #WebGPU #ThreeJS
0:19
7
How do you build a pixelated holographic wave effect in Three.js? Apply standard wave displacement to a low-polygon plane, then use a semi-transparent material with strong color dispersion. What is your go-to technique for web-based glitch art? #ThreeJS #webdev
0:15
3
83
Built a glasses-free 3D parallax showcase in the browser using MediaPipe for head tracking. The crazy part? Zero 3D assets. Every shape is Three.js code generated by ChatGPT 5.5. What is the most complex WebGL scene you have fully coded with AI? #ThreeJS #MediaPipe
0:09
2
109
3 million shaded particles running natively on an iPhone Safari browser at ~60 FPS. To avoid bottlenecks I implemented a spatial grid to only calculate collision distances for particles in nearby cells. What is your go-to optimization for mobile web graphics? #WebGPU #ThreeJS
0:18
3
151
Scaled my web physics engine from 1.5M to 15M shaded particles at 60 FPS. Shaders handle the entire state to eliminate CPU bottlenecks, utilizing atomic writes for spatial grid density. What is your preferred method for handling parallel cell counts in browser? #WebGPU #ThreeJS
0:18
4
178
Added a custom GUI to my local Obsidian second brain using Ollama. When I query the knowledge base, the specific files being read are highlighted directly in the document graph. Are you running your LLMs locally or relying on cloud APIs for your personal notes? #LLM #Obsidian #ai
0:09
41
Experimenting with custom GLSL fragment shaders to build a real-time dither effect in #ThreeJS. It is fully editable via a browser GUI and works across any WebGL canvas.  What is your preferred method for optimizing post-processing performance on web builds? 👇 #CreativeCoding
0:15
6
288
Pushing 1.5 million particles at ~70 FPS on a laptop using Three.js TSL to keep the compute entirely on the GPU. The particle fields react and collide with the mouse-bound sphere in real-time.  #ThreeJS #WebGPU
0:11
3
153
Built a fully customizable dither effect generator using GLSL fragment shaders. It overlays seamlessly onto any 2D or 3D #Threejs scene. What is your go-to approach for adding retro aesthetics to modern web graphics? #CreativeCoding
0:20
3
212
I built this customizable CRT Dither effect in Three.js that maps pixel directly onto a 3D or 2D scene. #ThreeJS #WebGL
0:15
1
72
Showcasing a dynamic black hole effect built with Three.js. The page content isn't static—it imports via JSON, renders directly onto the canvas, and fall into the singularity on scroll. How are you handling dynamic typography in WebGL? #ThreeJS #WebGL
0:17
1
72
The offline second brain now has a conversational interface. Built a custom RAG pipeline using Python and a local Ollama model to navigate my @obsdmd folder tree and query my files directly. What is your go-to model for local semantic search? #LocalLLM #CreativeDev
0:10
24
I got tired of losing context across old projects, so I built an offline knowledge base parsing every file on my PC into an obsidian graph. Powered by Python and a local Ollama model. Working on the RAG pipeline next. #LocalLLM #PythonCoding
0:09
26
Showcasing the hero section from my portfolio. Built using Three.js and custom GLSL shaders, the interactive metaball effect refracts scene lighting and reacts to cursor inputs natively. What 3D rendering techniques are you experimenting with lately? #ThreeJS #GLSL
0:10
1
1
172
How do you perfectly blend generative geometry into physical space? I built this audio-reactive WebAR scene using Three.js and 8th Wall. The material maps the live camera feed for real-time reflections and physical soft shadows. What is your stack for spatial dev? #ThreeJS #WebAR
0:15
6
408
Generating a 3D audio visualizer strictly with code. The rings react to sound waves, and the center sphere maps a live spectrogram. How are you handling real-time audio data in your rendering pipelines? #ThreeJS #CreativeCoding (Better with audio on)
0:08
3
123
Recreated the NES Zapper using only a webcam and browser inference. MediaPipe tracks the hand, and a thumb-drop triggers the Three.js raycaster. Zero latency, 100% client-side. How are you handling input mapping for your WebGL projects? #ThreeJS #Game
0:18
1
2
175
A closer look at the multi-state explosion mechanic in Three.js. Rendering fragment repulsion, attraction, and a combined blast state with random rotation holds up even when zoomed in, paired with a library-based fullscreen glitch effect. #ThreeJS #GLSL
0:11
1
174
Built a small Three.js experiment mapping DOM text inputs directly to 3D meshes. Applied a custom gravity vector toward a central mass so the black hole pulls in and destroys the typed characters. #ThreeJS #WebGL
0:17
3
266
Pushing point cloud performance in Three.js. I used a custom GLSL shader to render 200,000 particles as 3D spheres instead of flat points, keeping touch-scatter interactions lag-free up to 500k particles. #ThreeJS #GLSL
0:16
3
249
Load more