fredericbriolet.com

Fred Briolet's experiments are built mainly with JavaScript, WebGL, Processing, and Unity, with recurring use of three.js, p5.js, canvas-sketch, and GLSL shaders. His own site describes the experiments section as "school projects, prototypes and creations I worked on since 2014, mostly with Javascript, WebGL, Processing and Unity." If you want to understand his technical range, that single sentence is the most reliable summary: a browser-first creative developer who also works in real-time 3D engines and offline generative sketches.

The core stack

What he actually builds with them

Generative and noise-based work

A large share of the experiments revolve around Perlin noise: trails and Perlin noise in Processing, spirals in Perlin noise, holes in a Perlin noise flow, and text research with Perlin noise in p5.js. This is a classic generative-art technique where smooth pseudo-random values drive motion, texture, or form.

Shader and rendering experiments

He works directly with GLSL — for example a cyberpunk render made with three.js and GLSL, gradient research with three.js and a shader, and "first steps with glsl on shadertoy." Shaders let him control how pixels are computed on the GPU, which is why so many of these pieces are about light, color, and surface rather than narrative.

Simulation and algorithm studies

Some experiments go beyond visuals into simulation: a reaction diffusion algorithm with dithering made with Unity, and a "sort of marble generator," also in Unity. Reaction diffusion is a model of how two chemicals spread and interact, often used to fake organic patterns like coral or veins.

Audio and installation work

Not everything is a screen sketch. Biome is described as an interactive installation about virtual ecosystems, made with friends at Gobelins in 2019. There is also an audio visual generator using webaudio + canvas, and Brennistein, an audiovisual journey made with three.js. These show the experiments are not only still images but also time-based, sound-linked, or physically installed pieces.

How to read the experiments section

The experiments page is a chronological-ish list of prototypes and studies rather than polished client work. The professional projects sit in the separate work section (Aurora, Adobe Taking Shape, Cloud Castles, Google WebXR experiments, Cineshader, and others). If your goal is to see the tools in context, the experiments are the better place to look, because each entry names its medium — Processing, three.js, Unity, p5.js, canvas-sketch, or GLSL.

A practical way to use the site: pick a technique you care about (noise, shaders, simulation), find the matching experiment, and note the named tool. That tells you which library or engine Fred reached for when solving that specific kind of problem.

fredericbriolet.com is the portfolio site of Fred Briolet, a creative developer based in Paris. It presents a selection of professional projects, a large archive of personal experiments, and a short about section. If you want to see what a creative developer working in 3D, WebGL, and WebXR does in practice — or you're evaluating him for a collaboration — this site is the primary source.

What the site contains

The homepage opens with a one-line introduction ("Hello ✌️ I'm Fred, creative developer based in Paris") followed by three sections: work, experiments, and about.

Work

A curated list of professional projects, each with a title, a short description, a studio or client credit, and a year:

The pattern across these entries is worth noting: the work spans brand sites, virtual galleries, museum installations, and VR/AR pieces, with recurring collaborators (DOGSTUDIO/DEPT, LUSION, MERCI-MICHEL) and clients including Adobe and Google.

Experiments

A long archive of personal and school projects dating back to 2014, mostly built with JavaScript, WebGL, Processing, and Unity. Entries include Perlin noise and trail studies, a three.js ambient whirlwind ("Dispositions"), generative painting ("Pixelmoshpit"), reaction-diffusion with dithering in Unity, shader and gradient research, and audiovisual pieces. Several were made with friends at Gobelins (Biome, 2019; QUO, 2018).

About

A short personal introduction. The site itself gives no pricing, contact form details, or availability information, so anything about hiring or rates would have to come from direct contact rather than the page.

Who this site is useful for

• Recruiters and studios checking a creative developer's range across commercial and experimental work.
• Developers learning WebGL/three.js/Processing who want to see the range of what these tools produce, from noise studies to full immersive sites.
• Anyone curious about the Paris creative-dev scene — the credits show how agency, museum, and tech-client work overlap.

What it is not

It is not a blog, a tutorial resource, or a service page. There is no writing about technique, no downloadable code, and no stated pricing or booking process on the page. Treat it as a portfolio and reference gallery, not a learning platform.

Fred Briolet is a creative developer based in Paris. His site presents him with the greeting "Hello ✌️ I'm Fred, creative developer based in Paris," and organizes his output into three sections: work, experiments, and about. The work section is a selection of professional projects; the experiments section collects school projects, prototypes, and personal creations dating back to 2014.

What "creative developer" means in his case

The projects on the site point to a specific kind of practice: building interactive, often 3D or immersive experiences for the web and for installations. The tools named across his experiments are mostly JavaScript, WebGL, Processing, and Unity, with three.js, GLSL, p5.js, and canvas-sketch appearing repeatedly. That mix places him closer to a technologist who prototypes and ships visual/interactive work than to a conventional front-end or back-end developer.

Professional work

The work section lists client and studio projects with years and collaborators:

Two things stand out. First, the collaborators include established studios and brands — DOGSTUDIO/DEPT, Google, Adobe, MERCI-MICHEL — which suggests agency or studio-side production work rather than solo client work. Second, the formats range from brand websites to virtual galleries, museum installations, and AR/VR prototypes, so the through-line is interactivity and spatial/3D presentation rather than any single medium.

Experiments and personal work

The experiments section is a long, dated log of prototypes and studies, "mostly with Javascript, WebGL, Processing and Unity." Recurring themes include:

• Generative and noise-based visuals — Perlin noise and trails, spirals in Perlin noise, text research with Perlin noise in p5.js, a hole in a Perlin noise flow.
• Shader and rendering studies — first steps with GLSL on Shadertoy, gradient research with three.js and shader, a cyberpunk render with three.js and GLSL, reaction diffusion with dithering in Unity.
• Shape and form research — shape research with canvas-sketch, bold shapes and sharp-but-soft shapes in Processing, shapes fusion with three.js.
• Installations and collaborations — Biome, an interactive installation about virtual ecosystems made with friends at Gobelins in 2019; QUO, a newspaper on ticket receipts, also with Gobelins friends in 2018.

The earliest entries are school projects from Gobelins, which is consistent with the 2014 start date and the later move into professional studio work.

How to read the site

If you want to understand his range, the work section answers "what has he shipped and with whom," while experiments answer "what is he exploring technically." The about section is the third entry point but the available page evidence does not describe its contents, so treat work and experiments as the substantive material. For anyone evaluating him as a collaborator or hiring him, the useful signal is the combination of studio-grade client projects and a continuous public log of self-directed WebGL/Processing/Unity experiments.

Fred Briolet is a creative developer based in Paris whose portfolio spans brand commissions, immersive websites, virtual galleries, museum installations, WebXR/AR prototypes, and personal experiments in 3D, shaders, and generative visuals. His work sits at the intersection of web technology (JavaScript, WebGL, three.js, GLSL, Processing, Unity) and art direction — most pieces are interactive experiences rather than static sites. The categories below reflect what the site actually lists under work and experiments.

Brand and agency collaborations

These are professional projects, several produced with studios such as DOGSTUDIO/DEPT, HELLO MONDAY, LUSION, and MERCI-MICHEL.

Two patterns stand out. First, recurring formats: virtual galleries and exhibitions (Taking Shape, Play-doh emerging species) and immersive narrative websites (Cloud Castles, The Turn of the Screw). Second, a strong experimental-technology thread — WebXR and AR prototypes built on early Chrome features, and shader-driven visualisers in both 3D and VR.

Immersive websites, virtual galleries, and installations

The site's own framing places several projects across physical and digital space:

• The Unknown Face — both a website and a museum installation, built around WW1 heroes.
• The Turn of the Screw — a "spatialized opera," i.e. an exploration of sound and space rather than a conventional page.
• Taking Shape and Play-doh emerging species — virtual exhibitions, one about 3D art, one about imagined creatures.
• Biome — an interactive installation about virtual ecosystems, made with friends at Gobelins in 2019.

If you're evaluating him for a commission, this is the cluster that shows he can carry a concept from browser to gallery floor and back.

WebXR, AR, and emerging browser features

The Google WebXR experiments (LUSION, 2021) are explicitly described as AR prototypes using Chrome's newest features at the time. Cineshader (2020) extends the same curiosity into VR with a cinematic shader visualiser. This is the part of the portfolio to look at if your project depends on cutting-edge browser APIs rather than established ones — the trade-off being that early-feature work dates quickly and may not run on all devices today.

3D visualisation, shaders, and generative experiments

The experiments section is a long-running log (from 2014 onward) of prototypes and studies, mostly built with JavaScript, WebGL, Processing, and Unity. Representative entries:

• Trails and Perlin noise (Processing) and Spirals in Perlin noise — recurring noise/flow-field studies.
• Dispositions — an ambient whirlwind experiment in three.js.
• Pixelmoshpit — a generative painting study made with Charlie for GROW in 2017.
• Reaction diffusion algorithm with dithering and Sort of marble generator — both in Unity.
• Audio visual generator — webaudio + canvas.
• First steps with glsl on shadertoy — early shader work.
• Brennistein — an audiovisual journey in three.js.
• Cyberpunk render with Swimming Thing (three.js + GLSL) and Winter ride with metalheads dogs (three.js, for ChristmasXP).

The tools named — Processing, p5.js, three.js, GLSL, canvas-sketch, Unity — indicate a developer who moves between quick sketch environments and production-grade WebGL depending on the goal.

How to read the portfolio

• For a brand or agency project: start with the work table above; the DOGSTUDIO/DEPT and LUSION credits are the closest signal of commercial delivery.
• For an immersive or exhibition piece: look at The Unknown Face, The Turn of the Screw, and Biome.
• For experimental or R&D work: the experiments list is the relevant section, and it's explicitly framed as school projects, prototypes, and creations since 2014 — expect studies, not finished products.
• For current availability, rates, or collaboration terms: the site content doesn't state pricing or contact terms, so those would need to be confirmed directly rather than inferred from the portfolio.

fredericbriolet.com is the portfolio site of Fred Briolet, a creative developer based in Paris. The homepage opens with the line "Hello ✌️ I'm Fred, creative developer based in Paris," followed by three navigation headings: work, experiments, and about. The site is a straightforward portfolio: a curated selection of professional projects, a larger archive of personal experiments, and a short personal introduction. There is no pricing, login, or client-area content indicated on the page.

work — professional projects

The work section is described as "a selection of professional projects I worked on." Each entry follows a consistent pattern: a project title, a one-line description of the subject, the studio or client, and a year.

The range here is useful if you want to see how the same developer handles very different briefs: interactive 3D product components, a virtual art gallery, an immersive game site, WebXR/AR prototypes, a VR shader tool, a spatialized opera, a museum installation, and a virtual exhibition. The years run from 2017 to 2025, so the section doubles as a rough timeline of professional work.

experiments — personal work, prototypes, and generative art

The experiments section is described as "school projects, prototypes and creations I worked on since 2014, mostly with Javascript, WebGL, Processing and Unity." It is much longer than the work section and reads as a running log of technical and visual studies rather than client deliverables.

Recurring themes and tools across the entries:

• Perlin noise and trails — multiple Processing and p5.js pieces, including spirals, flow fields, and a "hole in a perlin noise flow."
• three.js and GLSL — a cyberpunk render, shape fusion, gradient research, an audiovisual journey (Brennistein), and a Christmas piece.
• Processing — stars, bold shapes, sharp-but-soft shapes, cloudy shimmer, colours falling, and a shimmering river.
• Unity — a reaction-diffusion algorithm with dithering, a marble generator, and an audio-visual generator.
• canvas-sketch — shape research appearing more than once.
• Collaborations and installations — "Biome," an interactive installation about virtual ecosystems made with friends at Gobelins in 2019, and "QUO," a newspaper on ticket receipts made at Gobelins in 2018.

A few entries are explicitly framed as first steps or studies — for example, "First steps with glsl on shadertoy" and "Pixelmoshpit, a study about generative painting" made with Charlie for GROW in 2017. This section is the place to look if you care about technique, tooling, or generative/creative-coding output rather than finished commercial work.

about — background

The about section provides personal background information about Fred Briolet. The homepage heading itself gives the core fact — creative developer based in Paris — and the about page is where the fuller context lives. If you need his location, role, or general profile, that is the section to open.

How to use the site

• Evaluating him for a project or collaboration: start with work, note the collaborators (DOGSTUDIO/DEPT, LUSION, MERCI-MICHEL, HELLO MONDAY) and the years, then check experiments for range and technical depth.
• Looking for a specific technique or tool: scan experiments for the tool name — Processing, three.js, Unity, GLSL, p5.js, canvas-sketch — since entries are labeled by what they were made with.
• Wanting a quick profile: the homepage heading plus about covers role and location.

One practical caveat: the page evidence shows project titles, descriptions, collaborators, and years, but not live links, pricing, or availability status. Treat the listings as a portfolio index rather than a services or booking page.