LAKEUST WEB

GLSL· Three.js· GSAP· JavaScript· CSS· Laravel· Vite· Barba· Theatre· WebGL·
2020
DepuisSince
6
Ans de pratiqueYears of practice
2
Pôles — Web Divisions — Web
03 — Nos servicesWhat we do

La même exigence.One standard.

Web CSS · JS

Sites et interfaces sur mesure : intégration précise, animation, interactions qui répondent. Custom sites and interfaces: precise integration, animation, interactions that respond.

  • Intégration CSSCSS integration
  • JavaScriptJavaScript
  • Animation et transitionsAnimation and transitions
  • Temps réel WebGLReal-time WebGL
  • PerformencePerformence
  • Multi-PlatformeMulti-Platforme
04 — DémonstrationsDemos

Le laboratoire, pas une capture d'écran.The lab, not a screenshot.

01 DébutantBeginner
Scroll Lab
IntersectionObserver · Scroll-driven

Quinze mécaniques de scroll indépendantes — panneaux, parallaxe, progression, révélations, corridor — chacune isolée pour être comparée aux autres.Fifteen independent scroll mechanics — panels, parallax, progress, reveals, corridor — each isolated so they can be compared side by side.

02 IntermédiaireIntermediate
Animation Lab
GSAP · Catalogue de déclenchement

Neuf concepts d'entrée à l'écran rejoués au passage dans le viewport plutôt qu'au scroll continu — le même gabarit de fiche que les autres labs.Nine screen-entry concepts replayed as they enter the viewport rather than on continuous scroll — same card template as the other labs.

03 AvancéAdvanced
Barba Lab
Barba.js · Transitions de page

Le système de transitions réellement branché sur le site — corridor, rideau, épingle — documenté ici en dix scènes autonomes.The transition system actually wired into the site — corridor, curtain, pin — documented here across ten standalone scenes.

04 ExpertExpert
Three Lab
Three.js · Scènes WebGL au survol

Les scènes WebGL du site — trou noir, forêt, orbite — montées à la demande, comparées à leur propre pilotage interne ou externe.The site's WebGL scenes — black hole, forest, orbit — mounted on demand, compared in their own internal versus externally driven modes.

05 — RéalisationsSelected work

Ce qui tourne, pas ce qui est promis.What runs, not what is promised.

Web · WebGL
Portail orbitalOrbital portal

Navigation en temps réel : Three.js, shaders de lentille gravitationnelle, GSAP.Real-time navigation: Three.js, gravitational-lensing shaders, GSAP.

Voir les dix scènes — Barba Lab
Web · Laravel
Transitions de pagePage transitions

Navigation sans rechargement sur une base Laravel et Vite, transitions Barba.No-reload navigation on a Laravel and Vite base, Barba transitions.

Capture — Web Animation
Web · Sample
Animation CustomAnimation Custom

Animation Js, CSS et autre — titre et détails à documenter.Animation Js, CSS and other — title and details to be documented.

06 — Notre méthodeOur process
01

CadrageScoping

On définit le besoin, les contraintes techniques et ce qui reste hors périmètre. Écrit, chiffré.We set the need, the technical constraints and what stays out of scope. Written down, priced.

02

PrototypePrototype

Une version jouable ou cliquable avant la production. On corrige la direction tant que c'est peu coûteux.A playable or clickable version before production. Direction gets corrected while it is still cheap.

03

ProductionBuild

Le code est écrit ici, versionné, relu. Points d'avancement réguliers, rien de caché.The code is written here, versioned, reviewed. Regular check-ins, nothing hidden.

04

LivraisonDelivery

Mise en ligne ou build final, documentation, et le suivi qui va avec.Deployment or final build, documentation, and the follow-up that goes with it.

07 — TechnologiesTechnologies
Web
JavaScript CSS Three.js GLSL GSAP Barba Laravel Blade Vite Theatre Anim
08 — ContactContact

Parlez-nous du projet.Tell us about the project.

Jeu, site, effet précis à produire : décrivez le besoin, on répond avec un périmètre et un prix. A game, a site, one specific effect: describe the need and we answer with a scope and a price.

lakeustworks@gmail.com