background preloader

SceneJS - WebGL Scene Graph Library

SceneJS - WebGL Scene Graph Library
Related:  Node.js | GraphicsGame Engines

evanw/csg.js x3dom/x3dom Canvas 3d JS Library » Development News A spec change that keeps coming back to haunt me peter| 24 June, 2011| 13:22 At some point, the way firefox handles keyboard events changed. I’m not sure exactly when it happened, all I know is that it broke how I was dealing with keyboard interaction on almost every demo I’ve written (for example,the mocap demo and MotionView). When I wrote the demos, the keydown event would be fired once, when the user initially pressed the key (it still works this way on the other browsers as far as I can tell), but at some point that I missed it got changed to firing on every update for as long as the key is held (or until you press another key, at which point the keydown event will start firing repeatedly for that key). Several of the demos and tests I have written relied on the keydown event to start moving something in the scene (usually the camera). Release 2.2 peter| 22 March, 2011| 19:15 Some of the things included (in no particular order) are: Better picking code. 2.1 Release and things to come

Caat by hyperandroid Canvas Advanced Animation Toolkit CAAT is an scene graph director-based animation framework for javascript. Based in the concept of a timeline, offers a powerful animation environment featuring: Scenes. Samples Featured Games Tutorials Tutorials JSDoc API API documentation CopperLicht - Open Source JavaScript 3D Engine using WebGL Open Source WebGL 3D engine with editor CopperLicht is a commercial grade WebGL library and JavaScript 3D engine for creating games and 3D applications in the webbrowser. It uses the WebGL canvas supported by modern browsers and is able to render hardware accelerated 3d graphics without any plugins. Optimized, Fast, and Free CopperLicht originally was the WebGL rendering backend of the CopperCube editor, and was made free to be used by anyone. Thus, it comes with a full 3D editor and supports all features necessary to create full 3d games in the browser. Many supported 3D file formats Currently, the following 3D file formats are supported by the editor: 3ds, obj, x, lwo, b3d, csm, dae, dmf, oct, irrmesh, ms3d, my3D, mesh, lmts, bsp, md2, stl and more, see below. Read more about CopperLicht on the features page Games using CopperLicht T-World Endtime at Home Below is a video, showing CopperLicht being used by the in-development game 'EndTime at Home', a post-apocalyptic simulator game:

20 Fresh JavaScript Data Visualization Libraries There are plenty of JavaScript libraries out there for rendering your otherwise plain and boring numerical data into beautiful, interactive, and informative visualizations. The beauty of using JavaScript for data visualization is that, if created correctly, your data will be highly accessible (usually via HTML tables). A long time ago (2008), I wrote about JavaScript solutions for graphing and charting data and this article revisits the topic with twenty more JavaScript libraries that you can use to bring your data to life. 1. Highcharts Highcharts is one of the most promising JavaScript charting libraries to hit the scene recently, with its large array of features including seven charting types (line, pie, and bar among them), the ability to zoom in and out of charts, and tooltips for offering more information about data points. 2. gRaphaël gRaphaël is a charting library based on Raphaël, a vector graphics drawing JavaScript library. 3. 4. jQuery Visualize Plugin 5. moochart 6. 7. dygraphs

Shifty! Shifty is a JavaScript tweening engine designed to fit any number of tweening needs. Its features include: Speed: Shifty is optimized for performance. Shifty is an excellent animation solution for scenarios in which jQuery's animate() function is either unavailable or insufficient. Another use for Shifty is computing single, specific frames of a tween, as it is used to do in Rekapi and Joe Lambert's Morf library. If used without an AMD or CommonJS script loader, Shifty exposes only one object globally: Tweenable. This snippet tweens the x variable from 0 to 10 over one second, and then alerts the final value. Shifty also allows you to define filters to transform tweened values (for example, to support data types more complex than JavaScript numbers. A collection of Robert Penner's easing functions have been adapted for use with Shifty and are included in the standard download. Please fork, use and contribute to Shifty! Here's another example of Shifty in use:

GLGE WebGL Library/Framework LimeJS HTML5 Game Framework