nl.hideout-lastation.com
Creëer Virtual Reality op het web met JavaScript en WebVR
De Oculus Rift, HTC Vive en andere VR-producten hebben de toekomst van technologie veranderd. We mogen spotten met het idee van VR-headsets, maar net als internet in de jaren negentig is VR de weg van de toekomst.
En dankzij WebVR hebben we al een manier om internet samen te voegen met VR met behulp van een krachtige JavaScript-API . Deze bibliotheek is volledig gratis, open source en wordt ondersteund door de W3C, dus het is de perfecte bibliotheek om mee te spelen als je van virtual reality houdt.
WebVR is nog steeds experimenteel en je kunt het alleen testen met browsers op VR-headsets . Hierdoor kun je live demo's niet echt zien in je browser hoewel je het zeker kunt proberen.
De meeste voorbeelden geven een waarschuwing dat uw browser niet wordt ondersteund . Maar je kunt nog steeds zien wat het idee achter VR is en waarom WebVR drastisch kan veranderen hoe webontwikkelaars virtuele realiteit op het web creëren .
De Moz VR-site is een andere coole plek om live-projecten te bekijken . Nogmaals, deze werken het beste met VR-headsets, maar veel van hen zijn gebouwd met WebVR.
De WebVR API wordt feitelijk ondersteund in de Firefox Nightly Build en aankomende versies van Chromium . Het is een zeer experimentele bibliotheek, maar het bewijst dat ontwikkelaars zelfs op internet geïnteresseerd zijn in virtual reality.
In het geval dat u zich afvraagt wie de WebVR-API beheert, wordt deze feitelijk op GitHub gehost door het W3C-team. Dit zou idealiter een officiële W3C-specificatie worden en het heeft zelfs een redacteursbewijs van hoe de specificatie kan worden geïmplementeerd zodra het W3C deze doorzet.
Deze WebVR API heeft de kans om webgames en interactiviteit op het web radicaal te transformeren . Het kan ruim tien jaar duren voordat consumenten voordelen zien, maar WebVR is aanwezig en zal alleen maar blijven groeien.
Als je het eens wilt proberen, kun je de bron rechtstreeks downloaden van de GitHub-pagina van WebVR met links naar de verschillende API-specificaties en dev-bronnen om aan de slag te gaan.
Vectr biedt gratis grafische editor voor browser en desktop
Hoe vaak wilt u een snel vectorpictogram of eenvoudig interfaceontwerp maken? Dit is veel eenvoudiger met een programma als Sketch, maar alle goede ontwerpsoftware kost ook geld.Gelukkig is er een nieuw kind in de buurt met de naam Vectr en het neemt de ontwerpwereld stormenderhand in gebruik. Het is helemaal gratis en je kunt alles ontwerpen van websites tot advertenties afdrukken en zelfs aangepaste pictogrammen
Showcase van prachtige websites met glitch-effecten
Afbeeldingen en video's met glitch zijn de laatste tijd een van de populairste trends in webdesign geworden. Slechts een paar regels code kunnen een interactief effect geven dat veel toevoegt aan de creativiteit van uw webontwerp en het leven een saaie gebruikersinterface kan geven.In deze post hebben we websites samengesteld die een artistiek vleugje slecht functionerende video's en afbeeldingen hebben gegeven om op verschillende manieren een glitcheffect te produceren
