My Projects

📺 MY TALKS (SLIDES / VIDEOS) 📊

Latest Projects

🦀 topheman/toolchain-notes : The source code (rust/ts) of rolldown/oxc explained.
🦀 topheman/snake-pipe-rust : A snake game in the terminal based on stdin/stdout in rust.
🦀 topheman/bevy-rust-wasm-experiments : A small video game developed in Rust with Bevy framework targeting both desktop and WebAssembly.
topheman/webrtc-remote-control : Thin abstraction layer above peerjs that will let you be more productive at making WebRTC data channels based apps. #WebRTC #PeerJS
⚛ topheman/nextjs-github-browser : A NextJS implementation of the github.com website, based on their GraphQL api.
#SSR #TypeScript #Tailwindcss #Cypress
🦕🌦topheman/deno-weather : A deno cli/wrapper around wttr.in to discover deno
topheman/webassembly-wasi-experiments : Discover WebAssembly System Interface (WASI) with C/Rust targetting NodeJS, python, Wasmtime and the browser
topheman/webrtc-experiments : An example of how you could use WebRTC on the web, based on the PeerJS library
⚛ topheman/nextjs-movie-browser : This project is a NextJS implementation of the themoviedb.org website. #SSR #SEO #ReactJS
🦀 topheman/rust-wasm-experiments : Discover how to use Rust to generate WebAssembly, called by JavaScript
⚛ topheman/react-fiber-experiments : Discover the new features coming with React Fiber like “Suspense”
topheman/delay-proxy : Development server that lets you throttle each requests at a specific rate
🐳 topheman/docker-experiments : Discover docker with a simple use case in development, production (kubernetes) and CI
💯⚛ topheman/npm-registry-browser : A project to help you dive into React and its ecosystem
topheman/gopher-ball : Video game made in golang, based on sdl2 bindings
topheman/lite-router : A lightweight router module with a full npm packaging workflow
⚛ topheman/d3-react-experiments : Mixing d3 & React, using “vanilla” d3 as well as third party libraries like Victory
topheman/angular2-sandbox : Mixing Angular2 and RxJS, using @ngrx/store for state management and Webpack for bundling
topheman/rxjs-experiments : Multitouch/Mouse & Accelerometer implemented in RxJS
📦 topheman/webpack-babel-starter : Webpack / Babel starter kit with full development & build workflow
⚛ topheman/react-es6-redux : A simple app to try React, ES6 and redux, using topheman-apis-proxy as data api backend
topheman/vanilla-es6-jspm : ES6 / JSPM project boilerplate with full production workflow
(gulp, karma, protractor, Travis CI with SauceLabs …)
topheman/react-es6-isomorphic : An Isomorphic app in React and ES6, with ExpressJS and topheman-apis-proxy for the backend
topheman-apis-proxy : Access your public APIs on the same server, benefite from the existing proxies developed or create yours

Before 2015

AngularJS/d3.js

Topheman Datavisual

Datavisualization with Angular and d3 on the Twitter Stream API.

NodeJS/Twitter Stream

twitter-stream-channels

A NodeJS module that lets you open multiple channels with there own filters, on the same Twitter Stream, handling all post-processing for you.

Projects

AngularJS

Topheman Cycle Infos

Access in real time the availability of the bikes and stations of the bike’s self-service of JCDecaux.

DEVICEORIENTATION ENGINE

PanoramaSensorsViewer

Make Google Street View panoramas more interactive with PanoramaSensorsViewer, let them be browserable via the gyroscope+accelerometer (deviceorientation event) of your mobile device

test
github

EXPERIMENT

Topheman Street View

Browse through Google Street View panoramas using the gyroscope+accelerometer of your mobile device, using your phone like an opened window to the world …

GAME ENGINE

boxboxevents

A framework that makes it easier to use the Box2d / Box2dweb physics engine in JavaScript, with mouse and multitouch events support.

GAME ENGINE

Ball.js

A lightweight engine that handles physics interactions between balls as well as rendering.

GAME

Topheman Bombs (v2)

HTML5 / Javascript game that takes advantage of the canvas element and the accelerometer (devicemotion/deviceorientation events) on your device. Play offline on your mobile as well as on your desktop with an accelerometer emulator

GAME

Topheman Squares

An adaptation in HTML5/Javascript – based on the memories I have, of a game I used to play in the 90s.

WEBRTC

Parallax.js – now with headtracking support

Added headtracking support to the original project, which is a parallax engine that reacts to device orientation and cursor.

Experiments

BabylonJS

BabylonJS – first steps [Cone.js]

My first steps on the BabylonJS framework, ended up creating a full API to manage 3d cones (like the ones I used to draw in cartoons)

EXPERIMENT

Topheman Playground

Take control of a bouncing ball on your desktop screen, tilting your phone as you would, like a Wiimote

DEMO GAME

Smiley Faces

A little demo game to show the possibilities of my game engine boxboxevents.

play
github

THREEJS

Threejs-cone

A little test on threejs with the boilerplate for Threejs …

test
github

Utilities

blockedPopup.js : We all have popup blockers like AdBlock on our browser, so if your application ever needs popups and make sure it’s been authorized by your user, the little class will let you know.
github
sensorsChecker.js : Mostly all recent browsers expose an api for deviceorientation and devicemotion events. That doesn’t mean the device you’re on has sensors (accelerometer+gyroscope) to feed them.
So to check if the device has sensors, you can’t rely on simple feature detection like "ondeviceorientation" in window or "ondevicemotion" in window.
This module will let you check if there is really an accelerometer+gyroscope to rely on.
github
SoftLogger : Simple canvas logger linked to the console.log
demo (with smileyFaces) – github
HighScoresManager.js : Simple high scores manager with localStorage
github
Array.foreachLoopBack.js : Loop from any index to any other in your array, looping back at the end of it without bothering about indexes
demo – github