background preloader

Kevs3D - HTML5 Canvas demos by Kevin Roast

Kevs3D - HTML5 Canvas demos by Kevin Roast
Related:  webgl

CubicVR 3D Engine on WebGL CubicVR.js uses only your web browser, Javascript and WebGL (OpenGL ES 2.0 based) to produce high quality 3D graphics in real-time. To use the demos below you will need a WebGL enabled browser. WebGL is available in beta for many major browsers -- however if you wish to view the some of the audio based demos first-hand you will require FireFox4 or newer: CubicVR.js Sample Projects and Demonstrations: Please visit: For all the latest and greatest updated demos and example projects. Audio Demos: Recently I've had the chance to work with the folks developing the Audio Data API extension for Mozilla FireFox and have created a few demos that combine it with the current port of CubicVR.js, you will require a nightly build of FireFox 4 beta to view them first-hand. Some additional posts and articles related to these and other cool audio demos presented at WWW2010 can be found here:

Download FREE mp3 songs or Softwares or ebooks,Movies,Games ringtones and almost anything Dive Into HTML5 List of colors The following is a list of colors. A number of the color swatches below are taken from domain-specific naming schemes such as X11 or HTML4. RGB values are given for each swatch because such standards are defined in terms of the sRGB color space. It is not possible to accurately convert many of these swatches to CMYK values because of the differing gamuts of the two spaces, but the color management systems built into operating systems and image editing software attempt such conversions as accurately as possible. The HSV (hue, saturation, value) color space values, also known as HSB (hue, saturation, brightness), and the hex triplets (for HTML web colors) are also given in the following table. Colors in alphabetical order A-F[edit] For the continuation of the list of colors, please go to List of colors: G-M#Colors. Colors by shade[edit] White[edit] Gray/Grey[edit] Achromatic grays are colors between black and white with no hue. Pink[edit] Red[edit] Main articles: Red and Variations of red Sources

Building a pure CSS 3D City Most of you are aware that Safari and most decent modern browsers support CSS rotation. No javascript nor plugins involved. The following code rotates #element by 15 degrees. Okay, admittedly, this is boring. What is really interesting is that Safari (mobile version included) and Chrome support transforms on a 3D matrix, opening an endless range of opportunities. I was wondering if this could be used in a real world application. My task was to build a SimCity like pure CSS block. Setting up the first building The following is what we are going to achieve: And this is the live demo. Each building is composed by 5 sides (we don’t need the bottom/ground side, as it is not visible). The HTML will look something like this: We have 5 overlapping divs, now we need to rotate and translate them to obtain a cube. Rotating side 1 by 90deg on the Y axis (-webkit-transform:rotateY(90deg)) we get this: An useful CSS property is -webkit-transform-origin , with it we can change the origin of the rotation. Html Color Codes Google Envelopes - concept way of sending mails Rahul Mahtani & Yofred Moik students from Syracuse University (US) came up with this concept called Google Envelopes that enable you to map the course of mail as if it was a story. Then the envlopes can be sent through G-Mail itself. ONLY a concept so far, but totally will rock our world. Related Posts Reuse your packages CopperLicht - 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:

the lying down game 40+ Useful Online Generators For Web Designers Oct 11 2010 Generators can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Below are some useful generators to help you speed up your web design process. There’s everything from color scheme tools to complete layout generators included. If you know of other useful generators out there, please share in the comments! Color Schemes A good color scheme is the cornerstone of a good website design. Color Scheme Designer 3Color Scheme Designer 3 has a really fantastic user interface that’s both attractive and easy to use. ColorSchemer Online V2ColorSchemer lets you create color palettes around RGB or HEX values, or using a color selector tool. KulerAdobe’s Kuler is one of the best color scheme tools available, with multiple options for both creating and finding color schemes. Layouts There are CSS generators for almost everything.

Examples and demos · cjcliffe/CubicVR.js Wiki · GitHub A collection of samples and demonstrations currently within the CubicVR GitHub repository. ⌘ Basic Cube Rendering a simple Cube Mesh, manual rendering of the Mesh is performed using CubicVR.renderObject(). Basic Cubic UV Mapping is applied and rendering is performed in MainLoop. → Link to Example → Link to Source ⌘ Basic Scene Rendering a Mesh using a SceneObject in a Scene. → Link to Example → Link to Source ⌘ Basic Scene with Mouse View Controller Applying a MouseViewController to the Scene's Camera to allow interaction. → Link to Example → Link to Source ⌘ Lathe Generator Using the lathe generator to produce a simple torus Mesh. → Link to Example → Link to Source ⌘ Primitive Generators Using the CubicVR.primitives mesh generators, various example meshes. → Link to Example → Link to Source ⌘ Wireframe Creating and rending a wireframe of triangles or quads for any [[Mesh]] with optional wireframe material. → Link to Example → Link to Source ⌘ Basic Materials → Link to Example → Link to Source

100+ Sites to Download All Sorts of Things These days you can find all sorts of things online, from audio books to flash files, from sound effects to CSS templates. Below we compiled a list with over 100 download sites that serve that purpose. We will also try to keep the list updated, so if your favorite download site is not here, let us know about it with a comment. Audio Books Librivox: One of the most popular audio libraries on the web. Podiobooks: Similar to podcast, Podiobooks are serialized audiobooks that are distributed through RSS feeds. Oculture (Audio & Podcast): Offers a rich array of educational and cultural media. Learn Out Loud: A one-stop destination for video and audio learning resources. BitTorrent The Pirate Bay: The web’s largest collection of bit torrent trackers. : What started as an alternative to the now defunct Supernova that went offline in 2004, Mininova has become the biggest torrent search engine and directory on the web. Books and Documents eBooks Ebookee: A free book search engine. Clipart