Kodeo laboratorija
Laboratorija
Savarankiški eksperimentai, demonstracijos ir produktų idėjos, kurioms verta duoti veikiančią formą.
SusisiekiteAtrinkti eksperimentai
- 01Corvette C8 · Lumen RunCorvette C8, skriejantis per begalinį šviesos tunelį. Pasirinkite tempą ir kėbulo spalvą, o scena reaguoja realiu laiku: three.js etiudas apie atspindžius, švytėjimą ir judesį.three.js · WebGL · Draco glTF · ViteAplankyti eksperimentą
- 02Gerstner Sea LabSpustelėkite atvirą vandenį žemėlapyje, o tikra jūros prognozė suformuos Gerstnerio bangų vandenyną. Reguliuokite tris bangų sluoksnius ir stebėkite laivą ant bangų.React · three.js · React Three Fiber · GLSL · MapLibre · Open-MeteoAplankyti eksperimentą
- 03Infinite GalleryBegalinis skrydis ritinant per Čikagos meno instituto viešojo domeno kūrinius. Fonas perima kiekvieno kūrinio spalvas, o perpanaudojamų plokštumų telkinys išlaiko pastovią atminties apkrovą.three.js · GLSL · Vite · Art Institute of Chicago APIAplankyti eksperimentą
- 04Audio VisualizerSynthwave peizažas, judantis pagal muziką. Web Audio dažnių analizė realiu laiku valdo neoninį tinklelį ir švytinčias juostas, o šalia veikia grojaraščio grotuvas.React · three.js · React Three Fiber · Web Audio API · GLSLAplankyti eksperimentą
- 05THREADSusiraskite mėgstamą žaidimą ir stebėkite, kaip jis jungiasi su kitais per bendrus kūrėjus, žanrus ir žymas. Plėskite, filtruokite ir išsaugokite žemėlapį; trys temos ir sąrašo rodinys.React · TypeScript · React Flow · RAWG APIAplankyti eksperimentą
- 06epishVakaro filmo parinkimas paprastu braukimu. Per dvidešimt sekundžių pasirinkite nuotaiką, laikotarpį ir žanrą, tada braukite pasiūlymus: į dešinę išsaugoti, į kairę praleisti.React 19 · TypeScript · Tailwind CSS · shadcn/ui · TMDB APIAplankyti eksperimentą