All Projects → positlabs → temporalis

positlabs / temporalis

Licence: other
Slit-scan webcam with canvas

Programming Languages

typescript
32286 projects
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to temporalis

glitch-studio
data bending & glitch tools
Stars: ✭ 66 (-37.14%)
Mutual labels:  glitch-art, glitch
jpg-glitch-electron
desktop app for glitching images
Stars: ✭ 24 (-77.14%)
Mutual labels:  glitch-art, glitch
chattt-backend
🖥 Backend for chattt
Stars: ✭ 17 (-83.81%)
Mutual labels:  glitch-art, glitch
glitch3d
3D model corruption library and automated rendering
Stars: ✭ 46 (-56.19%)
Mutual labels:  glitch-art, glitch
kalwalt-interactivity-AR
Some various experiments with Ar.js and Three.js
Stars: ✭ 65 (-38.1%)
Mutual labels:  glitch-art, glitch
PixelGlitch
Image glitch visualization using various Pixel Sorting methods for Processing
Stars: ✭ 25 (-76.19%)
Mutual labels:  glitch-art, glitch
websocket-webcam
A pure javascript HTML5 webcam client using websockets to stream the image
Stars: ✭ 31 (-70.48%)
Mutual labels:  webcam
DeepFaceLive
Real-time face swap for PC streaming or video calls
Stars: ✭ 7,917 (+7440%)
Mutual labels:  webcam
botBasicoGlitch
Bot básico hecho mediante www.glitch.com y con Python3 , el cual irá creciendo conforme hagamos tutoriales/clases/dudas/llamadas en discord. Grupo de Telegram: http://t.me/boterostg
Stars: ✭ 23 (-78.1%)
Mutual labels:  glitch
witness
An API controllable webcam project
Stars: ✭ 13 (-87.62%)
Mutual labels:  webcam
ARFaceFilter
Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
Stars: ✭ 72 (-31.43%)
Mutual labels:  webcam
Backdoor
A backdoor that runs on Linux and Windows
Stars: ✭ 36 (-65.71%)
Mutual labels:  webcam
ToxicEye
👽 Program for remote control of windows computers via telegram bot. Written in C#
Stars: ✭ 305 (+190.48%)
Mutual labels:  webcam
webcam-object-detection
Tensorflow.js webcam object detection in React
Stars: ✭ 24 (-77.14%)
Mutual labels:  webcam
AntiEye
:.IP webcam penetration test suit.:
Stars: ✭ 21 (-80%)
Mutual labels:  webcam
simple-vmsg-demo
A plain HTML/JS demo that uses vmsg (a modern WebAssembly version of LAME) to record and encode mp3 audio in the browser
Stars: ✭ 17 (-83.81%)
Mutual labels:  getusermedia
Glitch-FX-Processing-Version
A Processing version of my Glitch-FX sketch with extra features
Stars: ✭ 20 (-80.95%)
Mutual labels:  glitch-art
WebCamCap
Motion capture tool for 2D/3D motion capture with LED markers.
Stars: ✭ 20 (-80.95%)
Mutual labels:  webcam
07-Glitch-Garden-Original
Glitch Garden demo game from the Complete Unity Developer 2D course (http://gdev.tv/cudgithub). For our students to download the end-state of projects.
Stars: ✭ 43 (-59.05%)
Mutual labels:  glitch
Arduino-OpenCV-Human-Follower
Face detector and follower using Arduino and OpenCV in Python
Stars: ✭ 30 (-71.43%)
Mutual labels:  webcam

Temporalis

Slit-scan webcam with canvas

https://temporalis.app

temporalis

Does stuff like this with your webcam:

Note: This is an experiment. It won't work everywhere. Chrome / desktop will be your best option, but it also works nicely on Android.

Controls

slices slider determines the number of slices used in the time-stack. More slices means they are smaller, and take longer to push out of the stack.

mode button determines how the frames are sliced: vertically or horizontally.

capture button will take a snapshot when tapped, or record a video when held down (although recording is dependent on browser support)

Webapp

You can install this app on your phone or desktop. It should prompt you to install on your second visit, but you can manually install by selecing "add to homescreen" (mobile) or clicking the install icon in the address bar (desktop).

History

http://www.flong.com/texts/lists/slit_scan/


(quoting reddit user emilhoff)

It's a technique called "chronotopic anamorphosis." First used by Zbigniev Rybczynski, it made use of the raster scanning in analog video. The video was shot normally, but then the scan lines would be "staggered" in time.

It's particularly effective with rotating motion, because the shadows and other depth cues are preserved in each scan line, giving the strong illusion of the effect actually taking place in the real space. Here's Rybczynski's "The Fourth Dimension" showcasing the effect:

https://vimeo.com/186508316 > http://www.dailymotion.com/video/xjbiop_zbigniew-rybczynski-the-fourth-dimention_shortfilms

It can be done today digitally, of course. In fact, it's an unintended effect of most digital cameras when shooting video of fast motion. Here's Gavin Free with a very good explanation of the effect of shutter speeds: https://www.youtube.com/watch?v=CmjeCchGRQo

He explains the effect at 4:03, but the whole video is well worth watching.

Post-processing

Because the effect becomes slow when using a high number of slices, you might want to speed it up in post for a more enjoyable viewing experience.

Split the original into frames. -r specifies the frame rate. e.g. if the original is 30fps, and we use -r 2, this would be the equivalent of speeding up by a factor of 15.

ffmpeg -i temporalis.mov -r 2 tmp/%04d.png

Encode the output video, using the frames we created with the previous command.

ffmpeg -i tmp/%04d.png out.mp4

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].