Matter.js is a JavaScript/HTML5 2D physics engine for the web. It includes WebGL and Canvas renderers, it’s cross-browser and mobile compatible, and supports a variety of physics properties.

Matter.js

Matter.js is a JavaScript 2D rigid body physics engine for the web

brm.io/matter-js

Features - Status - Install - Usage - Docs - Implementation - References - License

Demos

• Mixed Shapes
• Solid Shapes
• Newton's Cradle
• Wrecking Ball
• Slingshot Game
• Rounded Corners (Chamfering)
• Views
• Time Scaling
• Raycasting
• Sprites
• Pyramid
• Car
• Catapult
• Reverse Gravity
• Bridge
• Avalanche
• Basic Soft Bodies
• Cloth
• Events
• Chains
• Ball Pool
• Stack
• Circle Stack
• Restitution
• Friction
• Air Friction
• Sleeping
• Grid Broadphase
• Beach Balls
• Stress 1
• Stress 2

Features

• Physical properties (mass, area, density etc.)
• Rigid bodies of any convex polygon
• Stable stacking and resting
• Collisions (broad-phase, mid-phase and narrow-phase)
• Restitution (elastic and inelastic collisions)
• Conservation of momentum
• Friction and resistance
• Constraints
• Gravity
• Composite bodies
• Sleeping and static bodies
• Events
• Rounded corners (chamfering)
• Views (translate, zoom)
• Collision queries (raycasting, region tests)
• Time scaling (slow-mo, speed-up)
• Canvas renderer (supports vectors and textures)
• WebGL renderer (requires pixi.js)
• MatterTools for creating, testing and debugging worlds
• World state serialisation (requires resurrect.js)
• Cross-browser (Chrome, Firefox, Safari, IE8+)
• Mobile-compatible (touch, responsive)
• An original JavaScript physics implementation (not a port)

Snabbt.js: A minimalist JavaScript animation library

Snabbt.js is a minimalist JavaScript animation library that offers 60FPS animation, even on mobile. It’s lightweight (less than 4kb minified and gzipped), and simple to use.

[javascript] DropzoneJS - drag'n'drop file uploads with image previews library

http://www.dropzonejs.com/

Github : https://github.com/enyo/dropzone

Installation

Download the standalone dropzone.js and include it like this:

<script src="./path/to/dropzone.js"></script>

Dropzone is now activated and available as window.Dropzone.

Dropzone does not handle your file uploads on the server. You have to implement the code to receive and store the file yourself.

"enyo/dropzone": "*"

var Dropzone = require("dropzone");

<form action="/file-upload"
      class="dropzone"
      id="my-awesome-dropzone"></form>

<input type="file" name="file" />

<form action="/file-upload" class="dropzone">
  <div class="fallback">
    <input name="file" type="file" multiple />
  </div>
</form>

남은 시간 카운터 - 자바 스크립트

.

javascript - setTimeOut

Example

Display an alert box after 3 seconds (3000 milliseconds):

Paperclip.js: A powerful template engine for Node.js and the browser

Paperclip.js is a powerful template engine that’s built for extensibility and speed. It creates compiled templates for the browser and Node.js.

reactive DOM template engine built for speed, and extensibility