background preloader

Webgl

Facebook Twitter

SculptGL - A WebGL sculpting app. 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().

Examples and demos · cjcliffe/CubicVR.js Wiki · GitHub

Utiliser WebGL avec CubicVR. Qu’est ce que WebGL ?

Utiliser WebGL avec CubicVR

Bug 133511 – iOS 8 WebGL cannot pass video to texImage2d. Bug 133511 – iOS 8 WebGL cannot pass video to texImage2d. Animating textures in WebGL - WebGL. In this demonstration, we build upon the previous example by replacing our static textures with the frames of a playing Ogg video file.

Animating textures in WebGL - WebGL

This is actually pretty easy to do, but is fun to look at, so let's get started. Similar code can be used to use any sort of data (such as a <canvas> as the source for your textures. Getting access to the video The first step is to add the HTML to create the <video> element that we'll use to retrieve the video frames: This simply creates an element to play the video file "Firefox.ogv". Then we turn our attention to the JavaScript code, beginning by adding a line of code to the start() function to fetch a reference to the video element: videoElement = document.getElementById("video"); And we replace the code that set up the interval-driven calls to drawScene() with this: videoElement.addEventListener("canplaythrough", startVideo, true); videoElement.addEventListener("ended", videoDone, true); And finally we set the src attribute to start loading the video.

VideoFX. Visualization. o3d - WebGL implementation of O3D. Welcome to the new O3D Project Hosting site.

o3d - WebGL implementation of O3D

This is the community website for the WebGL implementation of O3D, an open-source JavaScript API for creating rich, interactive 3D applications in the browser. Originally built as a browser plug-in, this new implementation of O3D is a JavaScript library implemented on top of WebGL. Here you can: Deanm/pre3d @ GitHub. Kevs3D - HTML5 Canvas demos by Kevin Roast. Three.js editor. Dehash. Babylon.js: How to load a .babylon file produced with Blender - Eternal Coding - HTML5 / Windows / Kinect / 3D development - Site Home - MSDN Blogs.

In a previous post, I described Babylon.js, a brand new 3D engine for WebGL and JavaScript.

Babylon.js: How to load a .babylon file produced with Blender - Eternal Coding - HTML5 / Windows / Kinect / 3D development - Site Home - MSDN Blogs

Among others features, Babylon.js is capable of loading a JSON file through the .babylon file format. During this post, I will show you how to use Babylon.js API to load a scene created with Blender. One important thing to remember with Blender is to use the Blender Render if you want to export your scene to Babylon.js In my previous post, I already described how to install the .babylon exporter in Blender, but for the sake of comprehension, I copy/paste the process here: First of all, please download the exporter script right here: Three.js editor. Canvascape: Textures. Three.js - JavaScript 3D library. Babylon.js. Verold. WebGL et Three.js avec Blender – La 3D du navigateur.

Dans cet article, je vais vous expliquer comme afficher du contenu 3D dans votre navigateur.

WebGL et Three.js avec Blender – La 3D du navigateur

Par contenu 3D, je veux parler d’un ensemble d’objets dans une scène : les meshs. Ci -contre un exemple de 3D généré par webGL: vous pouvez tourner, zoomer, vous deplacer: Testez! Technique: COLLADA now recognized as ISO Standard - Khronos Group Press Release. Significant upgrades to OpenCOLLADA open source importer/exporter; New glTF project to streamline content delivery from COLLADA to OpenGL, OpenGL ES and WebGL March 27th, 2013 – The Khronos™ Group today announces that COLLADA™ 1.5.0 has been published as an official ISO standard to provide a reliable, long-term international standard for 3D asset authoring and interchange.

COLLADA now recognized as ISO Standard - Khronos Group Press Release

ISO SC4 TC184 has published ISO/PAS 17506 “… to enable developers to create tools to process COLLADA resources to import to or export from digital content creation (DCC) applications, 3D interactive applications and tool chains, prototyping tools and real-time visualization applications.” More information can be found online here. In addition, the COLLADA working group announces that it has delivered on key objectives agreed with the COLLADA community over the last year.

Voodoo - A Next Generation Internet. Nature. DELIGHT ‐ Native to the Web. Realistic Camera Model Demo This demo features a physically based camera which includes techniques like bokeh depth of field, glare, lens flares, film grain, dynamic color grading and more.

DELIGHT ‐ Native to the Web

It uses advanced techniques such as physically based shading, deferred rendering, HBAO and variance shadow mapping. Please select medium quality if your computer is not on the high-end. DELIGHT - Realistic Camera Model Demo. DELIGHT ‐ Native to the Web. Realistic Camera Model Demo This demo features a physically based camera which includes techniques like bokeh depth of field, glare, lens flares, film grain, dynamic color grading and more.

DELIGHT ‐ Native to the Web

It uses advanced techniques such as physically based shading, deferred rendering, HBAO and variance shadow mapping. Please select medium quality if your computer is not on the high-end. WebGL GPU particle experiment. WebGL Stats. Portfolio and experiments. Studio - Minko, open source 3D engine for HTML5, iOS, Android, Windows, OSX and Linux. Minko Studio About Integrated workflow.

Studio - Minko, open source 3D engine for HTML5, iOS, Android, Windows, OSX and Linux

Better, faster, stronger! Thanks to Minko’s powerful editor, artists and developers can work together with the best workflow. It’s fully integrated physics engine enables the creation of interactive and scripted applications faster and easier than ever. Realtime 3D Scene - Foot and ankle anatomy. Editor. Uploading to i.materialise Your browser does not support WebGL. Check here. Welcome to Skimlab Creator! Let us introduce the tool with a quick tour.

Skimlab - 3D Creation for everyone. Away3D TypeScript. Clara.io: Online 3D Modeling, 3D Rendering, Free 3D Models. Goo Create. Visual 3D Editor Goo Create utilizes an intuitive user interface to interact with the scenes. Everything can be done easily in the interface – importing assets, creating primitives, adding lights, editing material properties, writing scripts, manipulating hierarchies, and much more. Model Import Create lets you import 3D models from your desktop by just dragging and dropping them onto the browser canvas. Interactive 3D for the Open Web. White Label Publishing The easiest way to show off your 3D models and scenes is by uploading them into Verold's Showcase Viewer. White Label Publishing gives you control over the branding of your viewer to use your own logo to label it. API + Export Verold's cloud hosting solution provides scalable delivery of interactive 3D elements for businesses and agencies building custom web applications that use interactive 3D.

You can optionally export your projects to your own servers and host the content yourself. Poly Maker. 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.

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