waichungwong Goto Github PK

advent-of-code

📕🎄My Advent of Code Journal🎄📕

fireflies

My first piece of work. Using HTML5 canvas, I render a number of glowing dots, each illustrates a basic agent model, which carries out different behaviours depends on the interactions made from your mouse. For instance, a click creates a spark which cause the fireflies to flee, holding on generates a fire which attracts them, and any fast movements causes wind to blow them away.

gameoflife

This is for reliving the moment of a course work during my first year in university. The task was to create a basic illustration of John Conway’s “Game of Life”. In this work, I added a few more features to it, especially the real-time editing to make it more interesting. Also, I took the chance to practise some React Redux to control the settings of the game.

github-action-test

github-action-test-2

jw-animate-canvas

A react component for canvas, integrated with animation feature.

jw-audio

A class which controls and manages the audio context.

jw-canvas-ascii

A text react component which renders the ascii text converted from a canvas image data.

jw-color-picker

A react component for basic color selection.

jw-google-map

A lightweight react component for google maps.

jw-keyboard

A static and stateful instance which hooks into keyup and keydown, and keeps track of all the keys pressed.

jw-mouse

A static and stateful instance which hooks into all mouse and touch events.

jw-mysql-admin

A basic MySQL client middleware for node with express.

jw-postgres-admin

A basic PostgreSQL client middleware for node with express.

jw-three-canvas

A react component for canvas, integrated with three.js renderer and animation feature.

matrix

This comes from a small inspiration I got from many ASCII arts on the internet. They somehow reminds me of the code scenes from the movie “Matrix”, which was how I got the idea of using the pixel data from a video and convert it into a group of ASCII characters.

soundsphere

Using three.js, Audio API, and ASCII converter, I made this visual effect to visualise music or input sound from your microphone. Here I also experiment on device accelerometer using "deviceorientation", "devicemotion", and "MozOrientation", so do try it out on mobile as well if you like.

waichungwong

waichungwong.github.io

My personal website

weather-forecast

A simple web app for weather forecast, using source from Open Weather Map