Andras Serfozo

Create a Web Component gadget that adds a Unicode bee cursor follower pet.

Progressive Web App that should run on an old phone placed in the room with a sleeping baby and enough juice for Screen Wake Lock API.

Once the microphone has a signal and the calculated decibel — via the Web Audio API analyser — reaches the given level several times, the app calls a specified phone number via the Twilio API.

Web-app-like app that shares a viewport between 2D web pages and a 3D background scene for easy idea prototyping, a personal playground platform.

Contains many separated pages for different purposes, like meta-like lobby, implementing Tensorflow APIs, commanding WebGL with reactivity, etcetera.

A short CSS animation without any script backing is unusal among NFTs, but its cyber theme and demanding system requirements target the time ahead. Its original goal fulfilled by successfuly minted on a blockchain.

My brother’s office website — in Hungarian local — with common web components (no pun): various info pages, embedded OpenStreetMap navigation, contact form with its host compatible PHPMailer, prepared for both UTF-8 and Latin-2 messages using the free tier from Google SMTP. Even though it’s an SPA, all pages are pre-generated locally with SSG and uploaded via SFTP. This CI stack is very similar to my first web pages from the early ’90s, immediately it got the maximum Lighthouse performance score.

Extend Vite build tool with Pug template support for Vanilla JS development. Big frameworks are supporting Pug out of the box thereby using this plugin in most cases is superfluous.

In a feature branch there is a non-stable version that is not in the NPM registry yet that supports hot-module replacement using the X-Tree Diff+ algorithm for change detection.

CSS 3D perspective experiment that implies the Tetris game. Tetromino aka block movement in a resizable board is implemented with Z-axis rotation.

GitHub Action that tetrieve fresh and buried public project list via GitHub GraphQL API and populate this list in reverse-chronological order on a given GitHub profile page.

Netlify Lambda that calculates the time distance from a given date and now in formatted time ago string. This serverless function returns an embeddable PNG image encoded in base64 format.

A-Frame texture component for ECS that sets real-time calculated animation and is still usable as a texture on any material without blocking the main thread, even I let it tweak until significant FPS drop for (assuming) any desktop or mobile. For its demonstration turn on useWorker on the demo page GUI.

To reach this goal the renderer moved to a worker thread and transferred control to an OffscreenCanvas. This technology is still experimental and rarely supported by browsers but shows how easy it will be to gain performance without significant code refactors.

Unfinished but anyway spacious game jam entry that helped me to gain a better understanding of audio programming and character controlling in a web environment.

Browser plugin that imports the entire saved dictionary from Google Translate and shows the translated words on a tooltip on the webpage.

(On hold until manifest v3 update.)

Web Audio API synthesizer. Able to generate synthetic sound with one or more oscillators and can connect various audio nodes in a graph until the master output. These created sounds are playable with a basic sequencer implementation. All audio calculations are happening in Worklet threads.

Its early version even used React components as real-time audio nodes in the graph but the timing was inaccurate, even a few milliseconds mismatch could be disturbing in dance music. Working and filtering high sample rates audio is probably better with precompiled code, like Rust to WebAssembly.

Classic Twitter follower/unfollower bot that prepared for automatised workflow. Blacklist its reached users to prevent user annoyance caused by the limitless interruption. I have mixed feelings about this kind of gray area marketing tools, this script is for demonstration purpuses only (for the good).

Iterate through an NPM package tree from a given start point, using an asynchronous generator. Using the same semver package for semantic versioningc as the registry, acquired for better compatibility.

Discord chatbot boileroplate, using Dialogflow agent as conversation partner.

JSON validator and parser page, minimalist by intention without any 3rd-party requests.

Motion controlled WebVR entry for JS13K game jam.

Built alongside with my designer partner for the Ludum Dare 41 game jam. Rhythm game, we made it in only three days from scratch. The test music was left in the game since we didn’t have time to write something catchy. Also it’s not really a rhythm game but the player has to imitated my close-to-deadline #[o rhythmless] run.

SQLite plugin for Unity3D that solve basic ORM tasks..

For Ludum Dare 40 gamejam, all assets made by my designer partner and me including digitalized sound effects.

Mobile game that has been released to all modern mobile platforms.

Persistent store data at runtime to share data between scenes. Basically it's a C# Hashmap holded in a singleton object.

Cartboard VR experiemnce made for the Global Archiact Jam.

This script is able to execute other scripts. Frequently like crontab but able to start new process in each seconds.

WordPress plugin that finds every GIF animation in a post and replaces it with an auto-generated preview image from the first frame of the animation and saves it to the post’s media directory. Tweakable smooth effect between the preview and animation while lazy loading big animation data on mobiles.

A PHP class for easily create/update/load database entries.

Music player that retreive posted musics from Facebook groups and organised them into playlists.