• Stars
    star
    179
  • Rank 214,039 (Top 5 %)
  • Language
    CSS
  • Created over 3 years ago
  • Updated over 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Converts images and video frames to pure CSS + HTML files using Breadth-first Search and Canny Edge Detection with keyframe animations

CSS Art & Video Generator

Converts images and video frames to pure CSS + HTML files using Breadth-first Search and Canny Edge Detection with keyframe animations.

See It Live*

https://kevinjycui.github.io/css-video/

*Image examples only (see video examples by cloning the repository)

Tested on

Tutorial

Install dependencies

$ apt update
$ apt install git python3-dev python3-pip ffmpeg

Clone repository

$ git clone https://github.com/kevinjycui/css-video.git
$ cd css-video

Install requirements

$ python -m venv env
$ . env/bin/activate
(env) $ pip install -r requirements.txt

Add an image file (PNG or JPG) or convert a video file into frames using FFmpeg (note frames should be named frame%d.png in which %d represents an index starting from 0)

Example: Converting a video named input.mp4 into frames into a directory named frames (with 20 FPS)

(env) $ mkdir frames
(env) $ ffmpeg -i input.mp4 -vf fps=20 frames/frame%d.png

Run the converter

Image

(env) $ python3 generator.py -i input.png

Video

(env) $ python3 generator.py -f frames/

References

More Repositories

1

bad-apple

Code from my Bad Apple!! YouTube videos
ASP.NET
826
star
2

DesmosBezierRenderer

A simple image/video to Desmos graph converter run locally
Python
583
star
3

Practice-Bot

The all-purpose competitive programming Discord bot! Discord to online judge integration. AtCoder/CodeChef/Codeforces/CSES/DMOJ/Leetcode/Szkopuł/TopCoder/WCIPEG
Python
50
star
4

picoCTF-2019-writeup

Solutions and writeups for the picoCTF Cybersecurity Competition held by Carnegie Mellon University
Java
35
star
5

EEG-Cursor-Control

An application for converting real-time synaptic commands using the Emotiv INSIGHT headgear to navigate the cursor on a screen.
Python
33
star
6

Discord3D-Renderer

Renderer for running rudimentary 3D games or renders from Discord using GIFs
C++
23
star
7

DKBongoToKey

A keyboard & mouse interface for the Donkey Kong Bongos DOL-021
C++
21
star
8

kevinjycui

18
star
9

kevinjycui.github.io

Personal website highlighting my qualifications and experience
HTML
14
star
10

CortexPlugin

Cortex Plugin Brain-computer Interface integration for Minecraft with Cortex API
Java
12
star
11

Competitive-Programming

All my AC solutions to competitive programming problems (DMOJ, WCIPEG, Codeforces, etc.), 2017-2020
Java
9
star
12

ICS3U1

All unit assignments from Grade 11 University Introduction to Computer Science elective ICS3U1, perfect scores
Python
8
star
13

kinnieplaylist.net

Personal character playlist organiser web app
JavaScript
8
star
14

VRMPlaybackClient

Capture and playback of VRM motion data in VMC protocol
C#
7
star
15

human-anatomy-model

Model made playing around with Unity's ProBuilder asset; human digestive and respiratory systems
C#
7
star
16

hand-spoken-backend

PennApps XX 2019 Submission, handwritten image to custom font conversion, awarded Top 30
Python
6
star
17

enferi

Electroencephalographic Neuromuscular Facial Expression Recognition Interface (ENFERI)
C++
4
star
18

pac-graph

Applying the Breadth First Search (BFS) algorithm to the classic arcade game "Pacman". Adapted for keyboard or EEG controls.
Python
3
star
19

Dijkstra-Transportation-Network

Automated Transportation Network using a Modified Dijkstra's Algorithm
Java
3
star
20

advent-of-code-2019

Solutions for Advent of Code Programming Contest 2019 Advent Calendar
Python
2
star
21

VSpeakMotion

McGill University COMP 400 Research Project
Jupyter Notebook
2
star
22

KingstonBernard

QHacks 2021 Submission
JavaScript
1
star
23

ICS4U1

All unit assignments from Grade 12 University Computer Science elective ICS4U1, perfect scores
Python
1
star
24

CarpAndCabbage

Hack the North 2020 Submission; 1v1 online multiplayer sabotage game
C++
1
star
25

advent-of-code-2020

Solutions for Advent of Code Programming Contest 2020 Advent Calendar
Go
1
star
26

DialekTech

TOHacks 2020 Submission: The all-comprehensive educational video analyzer.
JavaScript
1
star
27

hello-world

Test repository
Java
1
star
28

Kanri

McHacks 2021 Submission. Your personal project manager chatbot!
Python
1
star