uint32_t flags = *(uint32_t*)(buffer + 0x14);
if ((flags & 0x8) == 0) return -1;

uint64_t mask = (1ULL << bit) - 1;
uintptr_t ptr = base + (index << 4);

__m128 a = _mm_load_ps(ptrA);
__m128 b = _mm_mul_ps(a, scale);
_mm_store_ps(out, b);

vec3 viewDir = normalize(cameraPos - worldPos);
float NdotL = max(dot(normal, lightDir), 0.0);
color.rgb *= NdotL;

vec4 worldPos = modelMatrix * vec4(position, 1.0);
gl_Position = projectionMatrix * viewMatrix * worldPos;

type Vec3 = [number, number, number];
const lerp = (a:number,b:number,t:number)=>a+(b-a)*t;

const pose = xrFrame.getViewerPose(refSpace);
const view = pose.views[0];

xrSession.requestAnimationFrame(onXRFrame);

const encoder = device.createCommandEncoder();
const pass = encoder.beginRenderPass(desc);
pass.setPipeline(pipeline);
pass.drawIndexed(indexCount);
pass.end();

await device.queue.onSubmittedWorkDone();

let buffer = device.createBuffer({
  size: byteLength & ~3,
  usage: GPUBufferUsage.UNIFORM,
});

uint32_t flags = *(uint32_t*)(buffer + 0x14);
if ((flags & 0x8) == 0) return -1;

uint64_t mask = (1ULL << bit) - 1;
uintptr_t ptr = base + (index << 4);

__m128 a = _mm_load_ps(ptrA);
__m128 b = _mm_mul_ps(a, scale);
_mm_store_ps(out, b);

vec3 viewDir = normalize(cameraPos - worldPos);
float NdotL = max(dot(normal, lightDir), 0.0);
color.rgb *= NdotL;

vec4 worldPos = modelMatrix * vec4(position, 1.0);
gl_Position = projectionMatrix * viewMatrix * worldPos;

type Vec3 = [number, number, number];
const lerp = (a:number,b:number,t:number)=>a+(b-a)*t;

const pose = xrFrame.getViewerPose(refSpace);
const view = pose.views[0];

xrSession.requestAnimationFrame(onXRFrame);

const encoder = device.createCommandEncoder();
const pass = encoder.beginRenderPass(desc);
pass.setPipeline(pipeline);
pass.drawIndexed(indexCount);
pass.end();

await device.queue.onSubmittedWorkDone();

let buffer = device.createBuffer({
  size: byteLength & ~3,
  usage: GPUBufferUsage.UNIFORM,
});

for (let i = 0; i < jointCount; i++) {
  jointMatrices[i] = parent * local[i];
}

mat4 invViewProj = inverse(proj * view);
vec4 ndc = vec4(uv * 2.0 - 1.0, depth, 1.0);
world.xyz /= world.w;

uint32_t hash = (x * 73856093) ^ (y * 19349663);
hash ^= (hash >> 13);

const dt = Math.min(frameTime, 0.033);
accumulator += dt;

while (accumulator >= fixedStep) {
  simulate(fixedStep);
  accumulator -= fixedStep;
}
vec3 relVel = bodyB.vel - bodyA.vel;
float imp = dot(relVel, n) / (iMsA + iMsB);
bodyA.vel -= n * imp * iMsA;
bodyB.vel += n * imp * iMsB;

float j = -(1.0 + res) * dot(relVel, n);
j /= iMsA + iMsB;
bodyA.applyImpulse(-n * j);
bodyB.applyImpulse( n * j);

aabb.min = center - half;
aabb.max = center + half;
bool hit = all(lessThan(aabb.min, p))
        && all(lessThan(p, aabb.max));

float t = dot(p - ro, pn) / dot(rd, pn);
vec3 hitPt = ro + t * rd;
vec3 hitN  = normalize(hitPt - sphere.c);

void* ptr = arena->base + arena->offset;
for (let i = 0; i < jointCount; i++) {
  jointMatrices[i] = parent * local[i];
}

mat4 invViewProj = inverse(proj * view);
vec4 ndc = vec4(uv * 2.0 - 1.0, depth, 1.0);
world.xyz /= world.w;

uint32_t hash = (x * 73856093) ^ (y * 19349663);
hash ^= (hash >> 13);

const dt = Math.min(frameTime, 0.033);
accumulator += dt;

while (accumulator >= fixedStep) {
  simulate(fixedStep);
  accumulator -= fixedStep;
}
vec3 relVel = bodyB.vel - bodyA.vel;
float imp = dot(relVel, n) / (iMsA + iMsB);
bodyA.vel -= n * imp * iMsA;
bodyB.vel += n * imp * iMsB;

float j = -(1.0 + res) * dot(relVel, n);
j /= iMsA + iMsB;
bodyA.applyImpulse(-n * j);
bodyB.applyImpulse( n * j);

aabb.min = center - half;
aabb.max = center + half;
bool hit = all(lessThan(aabb.min, p))
        && all(lessThan(p, aabb.max));

float t = dot(p - ro, pn) / dot(rd, pn);
vec3 hitPt = ro + t * rd;
vec3 hitN  = normalize(hitPt - sphere.c);

void* ptr = arena->base + arena->offset;

arena->offset = (arena->offset + size) & ~15;
assert(arena->offset <= arena->capacity);

size_t a = (size + align - 1) & ~(align - 1);
assert(pool->used + a <= pool->cap);
pool->used += a;

memcpy(dst, src, stride * count);
memmove(buf, buf + n, remaining);
memset(tmp, 0, sizeof(tmp));

__m256 va = _mm256_loadu_ps(a);
__m256 vb = _mm256_fmadd_ps(va, s, bias);
_mm256_storeu_ps(out, vb);

float4 q = normalize(float4(ax*sin(h), cos(h)));
float3x3 R = toMatrix(q);
float3 v2 = mul(R, v);

mat3 tbn = mat3(T, B, N);
vec3 n = tbn * (tex * 2.0 - 1.0);
n = normalize(n);

float sh = texture(shadowMap, sc.xy).r;
float lit = sc.z - bias < sh ? 1.0 : 0.0;
diffuse *= lit;

vec3 H = normalize(L + V);
float spec = pow(max(dot(n,H), 0.0), gloss);
float ao   = texture(aoMap, uv).r;
fragColor  = vec4((diff + spec) * ao, 1.0);

pass.setBindGroup(0, bg);
pass.dispatchWorkgroups(ceil(N / 64));
await queue.onSubmittedWorkDone();

await buf.mapAsync(GPUMapMode.READ);
const out = new Float32Array(buf.getMappedRange());
arena->offset = (arena->offset + size) & ~15;
assert(arena->offset <= arena->capacity);

size_t a = (size + align - 1) & ~(align - 1);
assert(pool->used + a <= pool->cap);
pool->used += a;

memcpy(dst, src, stride * count);
memmove(buf, buf + n, remaining);
memset(tmp, 0, sizeof(tmp));

__m256 va = _mm256_loadu_ps(a);
__m256 vb = _mm256_fmadd_ps(va, s, bias);
_mm256_storeu_ps(out, vb);

float4 q = normalize(float4(ax*sin(h), cos(h)));
float3x3 R = toMatrix(q);
float3 v2 = mul(R, v);

mat3 tbn = mat3(T, B, N);
vec3 n = tbn * (tex * 2.0 - 1.0);
n = normalize(n);

float sh = texture(shadowMap, sc.xy).r;
float lit = sc.z - bias < sh ? 1.0 : 0.0;
diffuse *= lit;

vec3 H = normalize(L + V);
float spec = pow(max(dot(n,H), 0.0), gloss);
float ao   = texture(aoMap, uv).r;
fragColor  = vec4((diff + spec) * ao, 1.0);

pass.setBindGroup(0, bg);
pass.dispatchWorkgroups(ceil(N / 64));
await queue.onSubmittedWorkDone();

await buf.mapAsync(GPUMapMode.READ);
const out = new Float32Array(buf.getMappedRange());

buf.unmap();

addComponent(world, Transform, eid);
addComponent(world, Velocity, eid);
Transform.x[eid] = spawnX;
Transform.y[eid] = spawnY;

for (const eid of query(world)) {
  mat4.mul(out[eid], parent[eid], local[eid]);
}

const d = msgpack.encode(diff(prev, next));
socket.send(d, { binary: true });
lastSeq = seq;

gain.gain.setTargetAtTime(0, t, 0.1);
osc.frequency.linearRampToValueAtTime(f, t);

analyser.getFloatFrequencyData(freq);
const peak = freq.reduce((a,b) => Math.max(a,b));

const mem = new Float32Array(wasm.memory.buffer);
mem.set(input, ptrIn >> 2);
wasm.process(ptrIn, ptrOut, len);

uint32_t k = (z*2999999 ^ x*3999971) & mask;
while (table[k].id != id)
  k = (k + 1) & mask;

float a = fmod(time * fps, 1.0);
pose = mix(frames[fa], frames[fb], a);
applyPose(skeleton, pose);

for (int i = 0; i < bones; i++)
  skin[i] = joints[i] * invBind[i];
uploadSkinMatrices(skin, bones);
uint32_t flags = *(uint32_t*)(buffer + 0x14);
if ((flags & 0x8) == 0) return -1;
buf.unmap();

addComponent(world, Transform, eid);
addComponent(world, Velocity, eid);
Transform.x[eid] = spawnX;
Transform.y[eid] = spawnY;

for (const eid of query(world)) {
  mat4.mul(out[eid], parent[eid], local[eid]);
}

const d = msgpack.encode(diff(prev, next));
socket.send(d, { binary: true });
lastSeq = seq;

gain.gain.setTargetAtTime(0, t, 0.1);
osc.frequency.linearRampToValueAtTime(f, t);

analyser.getFloatFrequencyData(freq);
const peak = freq.reduce((a,b) => Math.max(a,b));

const mem = new Float32Array(wasm.memory.buffer);
mem.set(input, ptrIn >> 2);
wasm.process(ptrIn, ptrOut, len);

uint32_t k = (z*2999999 ^ x*3999971) & mask;
while (table[k].id != id)
  k = (k + 1) & mask;

float a = fmod(time * fps, 1.0);
pose = mix(frames[fa], frames[fb], a);
applyPose(skeleton, pose);

for (int i = 0; i < bones; i++)
  skin[i] = joints[i] * invBind[i];
uploadSkinMatrices(skin, bones);
uint32_t flags = *(uint32_t*)(buffer + 0x14);
if ((flags & 0x8) == 0) return -1;

// Hi, my name is

FilippoFranchini

I build web sites, web and desktop applications, 3D configurators and immersive web experiences

Contact me View projects

Fast MVP focused on outcomesPerformance and UX firstSupport from concept to launch

## About

~/about/filippo.md

I am a Software Developer specialized in 3D and immersive technologies (XR).

My background started at ITS Academy Adriano Olivetti, where I built a solid foundation in Unity development and real-time 3D programming, then expanded toward a broader software development perspective.

I do not see my path as limited to a specific technology. I enjoy exploring new tools, adapting to different contexts and applying my skills to different problems.

For a more complete overview of my path and professional experience, you can check my LinkedIn profile.

> cat clients.json

## Client Work

Websites and web apps built for companies and professionals, from concept to launch.

torredeicapocci.com

Torre dei Capocci

Showcase website for Torre dei Capocci, a medieval tower in the heart of Rome and home to an engraving workshop active since 1936. It tells the tower's history, spaces and techniques, with a catalog of works by master engraver Celestino Giampaoli.

Visit site

> ls ~/projects

## Projects

3D Product Configurator

Interactive 3D product configurator that allows users to customize a product and preview changes in real time directly in the browser.

Next.jsTypeScriptThree.jsTailwind CSS

Demo

3D Gaussian Splatting

Demonstration of Gaussian Splatting, a rendering technique that reconstructs photorealistic 3D scenes from photos or videos and displays them in real time in the browser.

PythonCUDAThree.js3DGS

Demo