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;

// Ciao, mi chiamo

FilippoFranchini

Sviluppo siti web, applicazioni web e desktop, configuratori 3D e esperienze immersive.

Contattami Guarda i progetti

MVP rapido orientato al risultatoFocus su performance e UXSupporto dal concept al deploy

## Chi Sono

~/about/filippo.md

Sono uno Software Developer con una specializzazione in 3D e tecnologie immersive (XR).

Il mio background nasce dalla formazione presso l'ITS Academy Adriano Olivetti, dove ho acquisito una solida base nello sviluppo con Unity e nella programmazione di ambienti 3D real-time, ampliandosi nel tempo verso una visione più ampia dello sviluppo software.

Non considero il mio percorso limitato a una tecnologia specifica. Mi piace esplorare strumenti nuovi, adattarmi a contesti diversi e applicare le competenze acquisite a problemi differenti.

Per un quadro più completo del mio percorso e delle esperienze professionali, è possibile approfondire sul mio profilo LinkedIn.

> cat clients.json

## Lavori per Clienti

Siti e web app realizzati su richiesta di aziende e professionisti, dal concept alla messa online.

torredeicapocci.com

Torre dei Capocci

Sito vetrina per la Torre dei Capocci, monumento medievale nel cuore di Roma sede di un laboratorio artigiano di incisione e cesello attivo dal 1936. Racconta la storia della torre, gli spazi e le lavorazioni, con il catalogo delle opere del maestro incisore Celestino Giampaoli.

Visita il sito

> ls ~/projects

## Progetti

3D Product Configurator

Configuratore di prodotto 3D interattivo che permette agli utenti di personalizzare un oggetto e visualizzarne le modifiche in tempo reale direttamente nel browser.

Next.jsTypeScriptThree.jsTailwind CSS

Demo

3D Gaussian Splatting

Dimostrazione della tecnica di rendering Gaussian Splatting, capace di ricostruire scene 3D fotorealistiche a partire da fotografie o video e visualizzarle in tempo reale nel browser.

PythonCUDAThree.js3DGS

Demo