Lag Virtual Reality på nettet med JavaScript og WebVR

Oculus Rift, HTC Vive og andre VR-produkter har endret teknologienes framtid. Vi kan scoff på ideen om VR-hodetelefoner, men mye som Internett på 1990-tallet, VR er veien for fremtiden.

Og takket være WebVR har vi allerede en måte å slå sammen Internett med VR ved hjelp av en kraftig JavaScript-API . Dette biblioteket er helt gratis, åpen kildekode og støttet av W3C, så det er det perfekte biblioteket å spille med hvis du er i virtuell virkelighet.

WebVR er fortsatt eksperimentell, og du kan bare teste den med nettlesere på VR-headset . På grunn av dette kan du ikke se live demoer i nettleseren din selv om du sikkert kan prøve.

De fleste eksempler gir en advarsel om at nettleseren din ikke støttes . Men du kan fortsatt se hva ideen er bak VR, og hvorfor WebVR kan drastisk endre hvordan webutviklere lager virtuell realitet på nettet .

Moz VR-siden er et annet kult sted for å sjekke ut live-prosjekter . Igjen fungerer disse best med VR-hodetelefoner, men mange av dem er bygget med WebVR.

WebVR API støttes faktisk i Firefox Nightly Build og kommende versjoner av Chromium . Det er et veldig eksperimentelt bibliotek, men det viser at utviklere er interessert i virtuell realitet selv på nettet.

Hvis du lurer på hvem som administrerer WebVR API, er det faktisk hostet på GitHub av W3C-teamet. Dette ville ideelt sett bli en offisiell W3C-spesifikasjon, og det har til og med en redaktørs utkast til hvordan spesifikasjonen kan implementeres når W3C skyver den gjennom.

Dette WebVR API har sjansen til å radikalt transformere nettspill og interaktivitet på nettet. Det kan være godt over et tiår før forbrukerne ser noen fordeler, men WebVR er på plass, og det vil bare fortsette å vokse.

Hvis du vil prøve det, kan du laste ned kilden direkte fra WebVRs GitHub-side med lenker til de forskjellige API-spesifikasjonene og dev-ressursene for å komme i gang.

Responsive Images Made Easy med ResponsifyJS

Den moderne nettsiden skal være 100% lydhør, og nyere biblioteker gjør dette stadig mer mulig.Med gratis plugins, som ResponsifyJS, er det enda enklere å få nettsteder som fungerer på alle enheter. Denne gratis jQuery-plugin tar en beholder med bilder og omorganiserer dem dynamisk basert på varierende skjermstørrelser.Siden f

(Tekniske og design tips)

Progressivt lar deg late laste bilder med Vanilla JS

Hvert moderne nettsted må være rask. Selv om det er mange teknikker og plugins for å øke sidens hastighet, kan du fortsatt ikke vite hvor du skal begynne.Progressivt skript er en god ressurs for å øke sidens hastighet . Det fungerer som et lat lastbildebilde som laster bilder gradvis ettersom brukeren ruller nedover siden.Det e

(Tekniske og design tips)