Patatap64

Do you remember Patatap? It is already 5 years old but still a very impressive web app! A few years ago I decided to make a Commodore 64 inspired version called Patatap64. It uses SID sound effects accompanied by coding effects like a FLI scroller, raster bars, vector graphics, bobs and game sprites. You can tap the pads or press a to z, space and enter for all the effects. When you press them quickly your screen can become really messy like this…

commodore 64, design, HTML5, JavaScript, music

Happy 2019!

2018 was an important year for virtual reality. The hardware is getting better and cheaper. I have bought myself an Oculus Go this year and I think it is great! The development of VR content is also becoming easier and quicker and more fun. Unity 3D is a fantastic tool! But with A-Frame you can develop WebVR for the web that works in almost every modern internet browser! You can not only build VR apps but with the latest versions you can even do augmented or mixed reality, WebXR for the web!

I have built my new year wish for 2019 on Glitch in WebVR with A-Frame with a 3D-model of myself made by FabTabLab in Utrecht. The 3D model was rigged and animated with Mixamo. And the logos and animations were merged in Blender. Ofcourse it works on your phone and Oculus Go too!

Have fun!

HTML5, JavaScript, music

Happy New Year! – Happy Fireworks!

All the best wishes for 2018!! CLICK or TOUCH below for some fireworks!!
Or click here for the full screen experience

HTML5, JavaScript

Stickers screensaver

With my Stickers Screensaver you can stick hundreds of cool stickers on your laptop without making it sticky!
Download it here and unzip it anywhere on your hard drive.
Richt-click the .scr file to install the screensaver.
You can select 4 sticker sets: Developer, Microsoft, Miscellaneous and Retro
More sets will follow!

The source code is on GitHub.

Have fun!

.net, design

Newest software for your USB Panic Button – Windows 10 compatible

This post from 2008 is by far the most popular post on my blog.
This alternative software for the USB Panic Button from Jam has stopped working in Windows 10 so it is finally time for a new version!
This version uses the HidLibrary from Mike O’Brien on NuGet and this made it very easy…
The software depends on Microsoft .NET framework 4.5 which is enabled by default in Windows 10.

You can find the source code here: https://github.com/johnbruin/USBPanicButton

And you can download the latest release (V2) here: https://github.com/johnbruin/USBPanicButton/blob/main/release

Have fun!

.net, gadgets

HTML5 fastfood

I have made this fastfood slotmachine earlier in Silverlight here. But nowadays nobody is using Silverlight anymore… A big plus is that this HTML5 version also works on your mobile phones! Sources are available on GitHub

Have fun and spin to win!

HTML5, JavaScript

64Player

64Player is a HTML5 music player in the style of the Commodore 64 demo scene.

It features:

  • Commodore 64 graphics
  • Low and high pass filters and delay sliders
  • Spectrum and time analyzers
  • VU meter
  • Pixel and vector animations
  • Play local sound files
  • 6 Commodore 64 SID tunes converted to mp3 by Stone Oakvalley’s Authentic SID Collection SOASC= (http://www.6581-8580.com)

64Player uses the <audio> tag and the JavaScript Web Audio API. It works best in Google Chrome in full screen mode (F11) but it also works in other browsers. On iOS add the link to your home screen to make it work!

You can find the source code on GitHub: https://github.com/johnbruin/64Player

Press the power button and have fun!

commodore 64, HTML5

Happy 2017!

I have made this fun HTML5 JavaScript proggy to wish you all a happy new year!
You can also write your own wish with sparkles. Have fun!

HTML5, JavaScript

Ode to The Get Down

Do you know The Get Down on Netflix? It is a musical and colorful tribute to the ’70s hip-hop culture in the Bronx.
I was born in 1970 and the hip-hop and graffiti culture has always fascinated me and I like this TV series very much!
This series is like a cartoon featuring cool famous hip-hop legends like DJ Kool Herc and Grandmaster Flash next to new superheroes like Shaolin Fantastic (Shao 007) and Ezekiel (Books) and the mega cool disco villain Cadillac.
It inspired me to make this HTML5 JavaScript demo with sound FX that also works on your phone. Enjoy!

The Get Down screen 1 The Get Down screen 2

HTML5, JavaScript

Visual Audio – My first Windows 10 Universal App

I am very proud to present my first official Windows 10 Universal App: Visual Audio

Visual Audio visualizes audio from your microphone in real-time! The app contains 8 different visualizations like an oscilloscope, VU meter and 3 different spectrum analyzers.

The meters in the app are just for fun and are not meant for real measurement.

The app was build in Visual Studio 2015 and uses NAudio for audio processing and XAML for the graphics and animations.

SpeakerStacked Spectrum AnalyzerDancerOscilloscopeCircular Spectrum AnalyzerWordsVU meterWaveform Spectrum Analyzer

music