All Projects → rodrigocam → Ar Gif

rodrigocam / Ar Gif

Licence: mit
Easy to use augmented reality web components

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Ar Gif

Youtubedownloader
Downloads videos and playlists from YouTube
Stars: ✭ 2,202 (+4134.62%)
Mutual labels:  hacktoberfest, webm, mp4
Studio
An authoring platform to build Web Augmented Reality experiences, without coding knowledge
Stars: ✭ 135 (+159.62%)
Mutual labels:  hacktoberfest, threejs, augmented-reality
Ar.js
Image tracking, Location Based AR, Marker tracking. All on the Web.
Stars: ✭ 3,048 (+5761.54%)
Mutual labels:  hacktoberfest, threejs, augmented-reality
kalwalt-interactivity-AR
Some various experiments with Ar.js and Three.js
Stars: ✭ 65 (+25%)
Mutual labels:  threejs, augmented-reality
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 (+38.46%)
Mutual labels:  threejs, augmented-reality
cuber
优美而强大的网页魔方
Stars: ✭ 32 (-38.46%)
Mutual labels:  threejs, gif
xaringanBuilder
An R package for building xaringan slides into multiple outputs, including html, pdf, png, gif, pptx, and mp4.
Stars: ✭ 157 (+201.92%)
Mutual labels:  mp4, gif
Ffmpegcommand
FFmpegCommand适用于Android的FFmpeg命令库,实现了对音视频相关的处理,能够快速的处理音视频,大概功能包括:音视频剪切,音视频转码,音视频解码原始数据,音视频编码,视频转图片或gif,视频添加水印,多画面拼接,音频混音,视频亮度和对比度,音频淡入和淡出效果等
Stars: ✭ 394 (+657.69%)
Mutual labels:  gif, mp4
vimeo-threejs-player
A plugin for streaming video from Vimeo to WebGL/VR/AR apps
Stars: ✭ 75 (+44.23%)
Mutual labels:  threejs, augmented-reality
Imagesharp
📷 A modern, cross-platform, 2D Graphics library for .NET
Stars: ✭ 5,186 (+9873.08%)
Mutual labels:  hacktoberfest, gif
Ffmpeg
Mirror of https://git.ffmpeg.org/ffmpeg.git
Stars: ✭ 27,382 (+52557.69%)
Mutual labels:  webm, mp4
SSffmpegVideoOperation
This is a library of FFmpeg for android... 📸 🎞 🚑
Stars: ✭ 261 (+401.92%)
Mutual labels:  mp4, gif
apate-ar
Framwork for environment aware AR with occlusion, lighting PBR rendering, physics support (cannon.js), based on three.js
Stars: ✭ 77 (+48.08%)
Mutual labels:  threejs, augmented-reality
canvas-capture
Record the canvas as an image, mp4 video, or gif from the browser
Stars: ✭ 35 (-32.69%)
Mutual labels:  mp4, gif
makesweet
Put pictures into animations from the command line.
Stars: ✭ 18 (-65.38%)
Mutual labels:  mp4, gif
aframe-hit-test
A-Frame hit-testing example
Stars: ✭ 39 (-25%)
Mutual labels:  threejs, augmented-reality
Gifify
😻 Convert any video file to an optimized animated GIF.
Stars: ✭ 5,792 (+11038.46%)
Mutual labels:  gif, mp4
Jeelizweboji
JavaScript/WebGL real-time face tracking and expression detection library. Build your own emoticons animated in real time in the browser! SVG and THREE.js integration demos are provided.
Stars: ✭ 835 (+1505.77%)
Mutual labels:  threejs, augmented-reality
Moviepy
Video editing with Python
Stars: ✭ 8,795 (+16813.46%)
Mutual labels:  hacktoberfest, gif
nipper
🌶 💽 Nipper - Youtube playlist (& video) ripper
Stars: ✭ 23 (-55.77%)
Mutual labels:  mp4, webm

ar-gif

Easy to use augmented reality web components!

Introduction

ar-gif is an effort to bring augmented reality with web components in a easy way. It supports gif, png, jpg, mp4 and webm playing with pattern detection markers, but if you want to add new functionalities feel free to contribute.

This web-component is used in Jandig, a project the aims to bring AR and Art for everyone.

Usage

ar-gif has a simple API, we have an ar-scene and one or more ar-markers.

<ar-scene>
  <ar-marker patt="hiro.patt" content="hiro.gif"></ar-marker>
  <ar-marker patt="cat.patt" content="cat.mp4"></ar-marker>  
</ar-scene>

Each ar-scene is responsible to detect every marker inside it and each marker is reponsible to show his content. The "patt" attribute indicates which pattern will be registered for that marker and the content is the gif, image or video that will be played.

For more information about how to use, check index.html int example folder.

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].