waichungwong Goto Github PK
Name: John Wong
Type: User
Bio: Passionate full-stack developer. Into creating intuitive and attractive UI/UX. Loves CSS and animations.
Location: Hong Kong
Name: John Wong
Type: User
Bio: Passionate full-stack developer. Into creating intuitive and attractive UI/UX. Loves CSS and animations.
Location: Hong Kong
📕🎄My Advent of Code Journal🎄📕
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.
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.
A react component for canvas, integrated with animation feature.
A class which controls and manages the audio context.
A text react component which renders the ascii text converted from a canvas image data.
A react component for basic color selection.
A lightweight react component for google maps.
A static and stateful instance which hooks into keyup and keydown, and keeps track of all the keys pressed.
A static and stateful instance which hooks into all mouse and touch events.
A basic MySQL client middleware for node with express.
A basic PostgreSQL client middleware for node with express.
A react component for canvas, integrated with three.js renderer and animation feature.
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.
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.
My personal website
A simple web app for weather forecast, using source from Open Weather Map
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.