nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


10 virtuele instrumenten die u kunt spelen in uw webbrowser

Als je een muzikant bent, weet je waarschijnlijk hoe vervelend het kan zijn om weg te zijn van je instrument (en). Op momenten dat je je instrument niet bij je kunt hebben, maar je voelt dat je er een deuntje uit moet halen, kun je misschien troost zoeken in browsergebaseerde virtuele instrumenten . Als je ooit de behoefte voelt om die jeuk te krassen, kun je het slechter doen dan spelen met een van deze 10 virtuele instrumenten .

Houd in gedachten dat deze virtuele instrumenten nog niet helemaal klaar zijn om een ​​goed hardware- of softwareapparaat te vervangen. Ze zijn zeker goede indicatoren voor wat uiteindelijk mogelijk zal zijn in de toekomst, voor zover het browser-gebaseerde muziek betreft. Zoals je zou verwachten, zijn de meeste van deze virtuele instrumenten synthesizers, maar dat weerhoudt hen er niet van erg leuk te zijn.

Trouwens, wie weet, misschien zien we in de nabije toekomst een waardige browser-gebaseerde recreatie van een elektrische gitaar?

1. WebSID

Als je een kind van de jaren 80 bent, zal de WebSID zeker wat herinneringen ophalen. De WebSID is een digitale recreatie van de iconische SID-geluidskaart, zoals gebruikt in de Commodore 64. Het is heel eenvoudig en gemakkelijk te gebruiken, met een eenvoudige interface, en kan worden gespeeld met behulp van het toetsenbord van uw computer . Het schermtoetsenbord reageert ook op aanraken als u het op een smartphone of tablet opent.

WebSID wordt ook geleverd met een ingebouwd vertragingseffect voor meer mogelijkheden voor geluidsontwerp. WebSID is ook beschikbaar in de Chrome Web Store, zodat je de synth offline kunt spelen. Merk op dat sinds het werd gebouwd met behulp van de WebAudio API, het alleen werkt in browsers die HTML5-audio ondersteunen .

2. Webotribe

De Webotribe is een digitale recreatie van Korg's populaire Monotribe analoge groovebox . Net als de hardware is de Webotribe een monofone synthesizer, drummachine en sequencer, allemaal in één. Het geluid is ook relatief trouw aan het origineel . Het is geen erg complexe drummachine of sequencer, maar het is intuïtief en de eenvoud maakt het heel leuk om te spelen .

Een interessant ding is dat de ontwerper van de Monotribe de ontwikkelaar daadwerkelijk hielp zijn emulatie van de Monotribe te verbeteren. De Webotribe is een Java-applet, dus u moet Java geïnstalleerd hebben . Afgezien van de Webotribe, heeft de auteur ook veel andere virtuele synths op de website waarmee je kunt spelen.

3. MZ-101

De MZ-101 is een monofone synthesizer geïnspireerd op de monofone analoge synths uit de jaren 70 en 80, zoals de Roland SH-101. De MZ-101 zal geen prijzen winnen voor complexiteit, maar het is de moeite waard te onthouden dat veel hitrecords zijn gemaakt met synthesizers met vergelijkbare functies. Met de MZ-101 kunt u presets laden en opslaan en kunt u zelfs uw presets op Twitter delen .

Je kunt de synth spelen met je computertoetsenbord of door op de schermtoetsen te klikken. Zoals de meeste browsergebaseerde synthesizers, vertrouwt MZ-101 op de Web Audio API en zal dus niet werken in browsers die de API niet ondersteunen.

4. Inudge

Inudge is een eenvoudig te gebruiken toonmatrix. Zie het als een manier om muzikale patronen in een lus te maken door simpelweg op een raster van 16 × 16 te klikken en de gewenste patronen te "tekenen". Je hoeft zelfs geen enkele muziektheorie te kennen; alle toonhoogtes liggen op de pentatonische toonladder, zodat bijna alles wat je verzint nog steeds in balans is. Inudge heeft acht verschillende geluiden, waaronder één drummachine.

Inudge heeft ook een functie voor ophalen en delen waarmee je je creaties kunt e-mailen naar vrienden en familie, en een link kunt genereren die je online kunt plaatsen. U kunt de indringer-widget ook insluiten met behulp van de verstrekte HTML-code. Inudge is een Flash-toepassing, dus er mogen geen problemen zijn met betrekking tot de compatibiliteit van webbrowsers.

5. Sympathiek synthesizersysteem Mk 1

Het Sympathetic Synthesizer System Mk 1 is een eenvoudig te gebruiken synth met een geluid dat doet denken aan de gloriedagen van de jaren 80 en vroege jaren 1990 videogaming. Het probeert niet om een ​​bepaalde synth of chip te emuleren, in tegenstelling tot de WebSID, maar het geluid dat het produceert, doet zeker meer aan videogaming denken dan aan de analoge synths van dezelfde periode.

U kunt het Sympathetic Synthesizer System Mk 1 spelen met behulp van het toetsenbord van uw computer of de schermtoetsen. Het Sympathetic Synthesizer System Mk 1 is gebouwd met behulp van de WebAudio API, dus het werkt alleen op browsers die de API ondersteunen.

6. Patternsketch

Patternsketch is een audio-sequencer en drummachine . Je kunt patronen maken of de drumkit in realtime spelen met je computertoetsenbord. Patternsketch heeft een aantal verschillende drumkits waaruit je kunt kiezen, gaande van realistische Jazz- en Live-drumkits tot elektronische drumkits en drumkits gebaseerd op de Roland TR-808 en TR-909 drummachines. Patternsketch komt ook met een paar vooraf ingestelde drumpatronen .

U kunt uw patronen opslaan en delen, waardoor de mogelijkheid van samenwerking wordt geopend. Je kunt je patronen ook exporteren als WAV-, MP3- of OGG-bestanden voor offline luisteren, en je kunt je patroon zelfs rechtstreeks naar Soundcloud sturen . Patternsketch werkt het beste in Google Chrome en Mozilla Firefox.

7. TrueGrid

TrueGrid is absoluut voor experimentele muzikanten en iedereen die geïnteresseerd is in modulaire synths. In een notendop heeft een modulaire synthesizer geen vooraf bepaald signaalpad en heeft het individuele modules die op veel verschillende manieren aan elkaar kunnen worden gekoppeld. TrueGrid is een digitale recreatie van een modulaire synth, waarmee u modules kunt samenstellen om veel verschillende soorten geluiden te creëren. Hoewel het geen toetsenbord heeft, kunt u uw MIDI-keyboard gebruiken om de synth af te spelen als u Chrome gebruikt.

TrueGrid is nog steeds in bèta en heeft nog steeds enkele beperkingen. Er zijn nog niet zoveel modules beschikbaar en je kunt nog geen modules uit de tool selecteren. In plaats daarvan moet je je registreren op ModularGrid en de modulaire planner van de site gebruiken om een ​​synthesizer te maken. TrueGrid werkt het beste in Google Chrome .

8. WebModular

WebModular is een veel eenvoudiger modulaire synthesizer die teruggaat naar synths zoals de ARP 2600. WebModular, zoals TrueGrid, laat je je eigen signaalstroom creëren, maar is gericht op meer conventionele geluiden . Het heeft ook een toetsenbord op het scherm en ondersteunt moderne Music Macro Language (MML), dus je kunt gewoon een melodie of riff of zelfs een hele song schrijven en de synth laten spelen.

WebModular heeft een paar presets die u kunt laden om u op weg te helpen. WebModular is gebouwd met behulp van de Web Audio API, maar de ontwikkelaar test ook een combinatie van Javascript en Flash voor browsers die de Web Audio API niet ondersteunen.

9. Patchwork

Patchwork is een geavanceerd modulair geluidssynthesemiddel . Net als TrueGrid, laat Patchwork je verschillende geluidsgenerators, effecten, sequencers en hulpmodules met elkaar verbinden om alles te creëren, van dubstep-waardige baslijnen tot buitenaardse elektronische soundscapes. Het flexibele en modulaire karakter van Patchwork betekent dat het enige dat je beperkt, je creativiteit is.

Met patchwork kunt u patches opslaan en delen . Als u op de knop Uw patch delen onder aan het scherm klikt, wordt de huidige patch op de server opgeslagen en wordt er een koppeling gegenereerd waarmee de patch automatisch wordt geopend. Patchwork is gebouwd met Flash, dus het zou even goed moeten werken in alle browsers.

10. Audiotool

Audiotool is een opmerkelijk veelzijdige muziekmakende tool die meer is dan alleen een virtueel instrument . Audiotool heeft vier synthesizers en drie drummachines . Audiotool heeft ook effecten die kunnen worden gebruikt om de geluiden van de instrumenten, zoals vervorming, nagalm en vertraging, aan te passen. Audiotool heeft ook sequencing-mogelijkheden, zodat u volledige songs kunt sequensen en componeren.

Als je niet geïnteresseerd bent in componeren en gewoon wilt spelen met een van de virtuele instrumenten, kun je op Caps Lock op je toetsenbord de instrumenten van Audiotool bespelen met behulp van je computertoetsenbord . Audiotool is gebouwd met behulp van Flash en zou mooi moeten spelen, ongeacht de browser.

Een gebruikersinterface voor switches maken met CSS Mask

Een gebruikersinterface voor switches maken met CSS Mask

Bij beeldverwerking is maskeren een techniek waarmee u een afbeelding met een andere kunt verbergen . Een masker wordt gebruikt om een ​​deel van een afbeelding doorzichtig te maken . U kunt maskeren met behulp van CSS met behulp van maskeringseigenschappen.In de post van vandaag maken we een gemaskerde afbeelding met behulp van twee PNG-afbeeldingen en CSS-maskeringstechnieken, en stellen gebruikers in staat om de twee toestanden van de afbeelding ( dag en nacht ) te behandelen met behulp van een gebruikersinterface.Van

(Technische en ontwerptips)

Herkennen en beheren van UX-schulden

Herkennen en beheren van UX-schulden

Schuld in gebruikerservaring gebeurt onvermijdelijk in de loop van de tijd. Het is de som van achterstallige ontwerp- en gebruikstaken die zijn afgeleid van zaken als snelle zakelijke beslissingen, ontwerpsnelkoppelingen, gemiste kansen, tijdsbeperkingen en andere factoren.Ervaring op gebruikerservaring wordt een schuld genoemd, omdat deze vergelijkbaar is met schuld in het echte leven; we krijgen iets in het heden, maar betalen het alleen in de toekomst

(Technische en ontwerptips)