Monimutkaiset sivustot vibe-koodauksella: neljä laskeutumissivua, kaksi reittiä kalliisiin efekteihin ja 3D-logo spriteistä

Kirjoittaja, Zhemal Khamidun, AlpinaGPT:n tuotejohtaja ja Alpina Digitalin tekoälyjohtaja, kuvailee monimutkaisten laskeutumissivujen rakentamista vibe coding -menetelmällä, jossa tekoälyagentit kirjoittavat koodin hänen ohjauksessaan. Hän esittelee neljä laskeutumissivua: School of Techpred -koulun, 'Tochka Sborki' -konferenssin, 'AI Product Management' -kurssin (aimipt.ru) sekä henkilökohtaisen sivun. Nämä jakautuvat kahteen tekniseen polkuun: konferenssisivusto käyttää käsin kirjoitettua vanilla WebGL:ää ilman ulkoisia kirjastoja, kun taas muut käyttävät uudelleenkäytettävää Three.js-moottoria. Työkaluketjuun kuuluu suunnittelujärjestelmä DESIGN.md-tiedostossa, Claude Designilla luodut mallit sekä toimituspaketit, joita käytetään viitteinä, ei tuotantokoodina. Hän myös purki huipputason WebGL-sivuston (dala.craftedbygc.com) lataamalla sen bundlen, siistimällä minifioidun JavaScriptin ja poimimalla 27 shader-ohjelmaa, oppien GPGPU:sta ping-pong FBO:lla, InstancedMeshistä ja jälkikäsittelytehosteista. Hän korostaa, että tällaisten sivustojen suora kloonaaminen ei ole kannattavaa brändäyksen ja lisensoitujen resurssien vuoksi, mutta reseptien, kuten hiukkasmorfoosin, poimiminen on arvokasta. Artikkeli käsittelee myös 'Tochka Sborki' -laskeutumissivua, joka on rakennettu kokonaan vanilla WebGL:llä ja CSS:llä, ja sisältää vesipintashaderin, jossa on kuusi summattua siniaaltoa, sekä yksityiskohtia tiedostokoista ja rivimääristä.