Dynamic_effect - 平时练习的一些前端动效,基于HTML5,CSS3,Canvas,Svg

  •        13

平时练习的一些前端动效,基于HTML5,CSS3,Canvas,Svg

https://github.com/capslocktao/Dynamic_effect

Tags
Implementation
License
Platform

   




Related Projects

JZMultiChoicesCircleButton - :radio_button: Multi choice circle button with cool 3d parallax effect, but seriously don't use this in production now, I will rewrite it to a delegate based UIControl when I am available

  •    Objective-C

To run the example project, clone the repo, and run pod install from the Example directory first. ButtonIcon: UIImage,the icon in the small button SmallRadius and BigRadius: CGFloat, Small button radius and the size when it's animated ButtonNumber: int, how many buttons ButtonIcon: NSArray of UIImage ButtonText: NSArray of NSString ButtonTarget : NSArray of NSString,just String of selector and JZMultiChoicesCircleButton will use NSSelectorFromString to transform it to SEL UseParallex : BOOL, if YES will be 3D-like, or just 2D with no Parallex effect. ParallaxParameter: CGFloat,bigger than 0, the smaller the cooler Parallex effect will be RespondViewController: should be UIViewcontroller,the responder, simply 'self' will be ok.

gfx - CSS3 3D animation library

  •    Javascript

GFX is an 3D CSS3 animation library that extends jQuery with some useful functionality for programmatically creating CSS3 transitions. CSS3 transitions are superior to manual ones (using setTimeout) since they're hardware accelerated, something particularly noticeable on mobile devices. To see some demos, checkout GFX's site.

gfx - CSS3 3D animation library

  •    Javascript

CSS3 3D animation library

JFDepthView - iOS project for presenting views with a 3D effect to add depth

  •    Objective-C

This is an iOS project for presenting views in iOS with a 3D effect to add depth. JFDepthView is only available in ARC and targets iOS 7.0+. Added new animation options. In addition to the normal blur/push back affect you can now choose any of the following animation options.

Xploit Game Engine

  •    CSharp

Xploit is a 3D Game Engine which helps game developers quickly and easily develop polished 3D games. This Engine fills in the gaps present in the XNA Framework by providing libraries for Shadow Mapping, Animation, Shading and Particle Effects. It's developed in XNA, HLSL and C#.


LimonEngine - 3D FPS game engine with full dynamic lighting and shadows

  •    C++

LimonEngine is a 3D first person shooter engine, developed as a hobby, to acquire a deeper knowledge of 3D game engine programming. It can load a wide variety of models and skeletal animations thanks to Assimp, has realtime directional and point lights/shadows and physics.

ccapture.js - A library to capture canvas-based animations at a fixed framerate

  •    Javascript

CCapture.js is a library to help capturing animations created with HTML5 canvas at a fixed framerate. An example is probably worth a lot of words: CCapture.js with Game of Life 3D.

impress.js - Presentation Framework based on the power of CSS3

  •    Javascript

impress.js a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. your presentations or pages can be brought to life through scrolling, rotating and scaling on a 3D plane. Impress.js works in the latest Chrome and Safari, as well as Firefox 10+ and Internet Explorer 10+.

css3- - CSS3 实现各类 3D && 3D 行星动画效果

  •    CSS

CSS3 实现各类 3D && 3D 行星动画效果

ichartjs - ichartjs is a HTML5 canvas charting library

  •    Javascript

ichartjs is a HTML5 canvas charting library. written in pure JavaScript, It uses the HTML5 canvas tag to bulid a variety of charting.offering interactive charts to your web site or web application. ichartjs currently supports line, area, column, bar, pie chart types.and pie and column also support 3D model.ichartjs is covered by the Apache License 2.0

Parallax-ImageScroll - JQuery and amd compatible plugin to create a parallax effect as seen at spotify

  •    Javascript

JQuery and amd compatible plugin to create a parallax effect with images. Heavily inspired by the spotify.com website. The plugin is really simple to use with some options to tweek. It makes use of css3 transform for animation where supported and falls back to top and left positioning for ancient browsers.

Scene.js - JavaScript & CSS timeline-based animation library

  •    Typescript

Scene.js is a JavaScript & CSS timeline-based animation library. It supports two plays Javascript and CSS animation. It provides effect presets that can give animation effects or make animation easier.

isomer - Simple isometric graphics library for HTML5 canvas

  •    Javascript

An isometric graphics library for HTML5 canvas. View the official project page or try it out.

origami.js - Powerful and Lightweight Library to create using HTML5 Canvas

  •    Javascript

Initially, it's a tool for teaching geometry, web, and javascript in schools. Currently, it's a powerful library to create using HTML5 Canvas. Want to contribute? Follow these recommendations.

vintageJS - Add a retro/vintage effect to images using the HTML5 canvas element

  •    Javascript

Add a retro/vintage effect to images using the HTML5 canvas element. vintagejs is a function that takes a source (URL, ImageElement or CanvasElement) and an effect (object with all the options) and returns a Promise that resolves to a result object.

Crystal Space 3D SDK

  •    Java

Crystal Space is an Open Source 3D SDK for Unix, Windows, and MacOS/X. It renders with OpenGL and features GLSL shaders, CG shaders, deferred rendering, dynamic shadows, bullet based physics library, terrain engine, skeleton based animation meshes, exporter for Blender, portals, etc...

LibreOffice - The Document foundation

  •    C

LibreOffice is the free power-packed Open Source personal productivity suite for Windows, Macintosh and Linux. LibreOffice is the perfect choice for home users, businesses, government and other organizations. It's native file format is the ISO standardized ODF (Open Document Format), but LibreOffice can open and save Microsoft Word, PowerPoint and Excel files, as well as many other formats, bringing you the widest-available compatibility with other products.

G3D - A pure 3D render engine compatible with webgl, running both in browser and gcanvas.

  •    Javascript

G3D is a javascript 3D engine based on WebGL. Compared with other WebGL 3D engines, G3D is a pure render engine, which means it depends on no DOM APIs but just a canvas(or canvas-like) object. This feature makes it possible that G3D works not only in browser but also in some hybrid environments like GCanvas (Weex or ReactNative). See website for more information.