The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Day 9 of making a football manager game
Working on 3D simulation, player movements and interactions.
The goal? A football world with 195 countries, tactics, transfers, scouting, management & multiplayer.
Join Discord for more: https://discord.gg/9C2vKTnh4
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
HISS is a skin for the Video.js 10 player that turns it into a handheld game console.
The idea started with the seek bar. It already works like a progress bar in a game, so I made it a lane and put a snake on it. The snake eats pellets as the video plays, and its length is how much you have watched.
Drag the playhead ahead and the snake chases it, with a preview of the frame you are heading to. Drag it back and the snake coughs the pellets up again. Chapters are stages marked with flags, the clock on the left is your SCORE, and the length of the video is the GOAL.
I gave myself one rule: anything that looks like a game has to be a real player state. PRESS START is the poster. While it buffers, the snake circles on the LOADING screen. When you pause, it gets stuck in a knot and keeps trying to pull free. A failed stream shows GAME OVER with CONTINUE?, which retries, and the end of the video is STAGE CLEAR with PLAY AGAIN.
The buttons are a game pad. A plays and pauses, B mutes, the D-pad skips 10 seconds or changes the volume, and one menu holds quality, speed and captions.
The console changes shape with the screen. On a desktop it sits under the picture. On a phone the keys scale down. Turn the phone sideways and it becomes a handheld, with the picture in the middle and the controls on either side. In fullscreen the console steps aside while the video plays and comes back when you move the mouse or tap.
Every control is a stock Video.js component under the styling, so the player still works for everyone. Each control is a tab stop with a visible focus ring, it holds up in high-contrast mode, motion stops for people who turn it off, and captions sit on a dark plate so they stay readable over bright and dark footage.
The player streams my 2026 showreel from Mux, with chapters and a caption track that describes each piece of work.
A snake eating pellets as the progress bar, and it chases the playhead when you drag. So good.
I’m so close to finalizing a website project!
The best feeling is heading into the weekend with the work done!
What are you working on?
Nothing beats starting the weekend with a finished project. The dashboard cards in the preview look really clean, good luck with the launch!
Free Framer coming soon template for game and film launches.
I made Axia. It’s a single waitlist page that feels like a loading screen: HUD overlay, running timecode, a scrolling “press start” headline, and an email form.
It’s free and it’s one page. It does one job: getting people on your list before launch day.
