Canvas 3d JS Library

WebGL made easy!
  • rss
  • What is C3DL?
  • Download
  • Tutorials
    • Tutorial #1: WebGL Browsers
    • Tutorial #2: A simple scene
    • Tutorial #3: Callback
    • Tutorial #4: Models
    • Tutorial #5: Light effects
    • Tutorial #6: Picking
    • Tutorial #7: Materials
    • Tutorial #8: Particle Systems
    • Tutorial #9: Camera Basics
    • Tutorial #10: Advanced FreeCamera
    • Tutorial #11: OrbitCamera
    • Tutorial #12: Advanced Camera Functions
  • Development News
  • Documentation
  • Community
  • Resources
  • Contact
  • About

SceneCreator0.3

Matt | 9 July, 2010 | 11:24
SceneCaster is an online application that allows people to create “spaces” which are 3d scenes on the browsers and share them which other.  It is free to sign up and relatively  easy easy to use. The main problems with SceneCaster are the requirements: The operating systems used are Windows XP or Vista and the browser must be FireFox or Internet Explorer. Also SceneCaster needs to install an application onto the users computer. These requirements limit the amount of people able to uses SceneCaster. I have created a demo using the c3dl library, which uses WebGL, to create a demo of SceneCaster called SceneCreator. This will allow many people to use SceneCaster without installing any software or pug-ins and will support many different browsers.

SceneCreator  has its own GitHub , LightHouse, Website and is worked on daily by Matthew Postill (me). If you would like to see the progression of SceneCreator you can check out my blog at http://sonnilion.wordpress.com/. The demo is located here (requires a WebGL enabled browser). The demo is on version  0.3 and has 3 views 2D, 3D, and Google 3D Warehouse.

2D:

  • display 3d object using bounding boxes, walls, lights, and enclosures in a 2d scene
  • create wall
  • insert lights
  • new scene(delete all)
  • walls, wall corner, and lights can be selected
  • delete selected
  • move selected

3D:

  • add item to scene from the side bar
  • item selection (clicking an item highs it blue and is set as the selected item) *wall are not selectable
  • once an item is selected a user can (using the button above the scene):
    • delete
    • rotate
    • move up/down
    • scale
    • copy
    • move to position of the mouse
  • camera widget
  • 5 independent cameras
  • save/load using local storage

Google Warehouse:

  • view the Google 3D Warehouse website inside the browser
  • back and forward functionality
Here is a demo of me creating a PacMan scene in only 3 minutes. SceneCreator Pacman Pacman Scene
Categories
c3dl development
Comments rss
Comments rss
Trackback
Trackback

« WWW2010 in Raleigh Site moved! »

7 responses

[...] Postill has created a C3DL-based system called SceneCreator which

WebGL around the net, 11 July 2010 | Learning WebGL | 11 July, 2010 | 14:08

[...] Postill has created a C3DL-based system called SceneCreator which lets people create 3D browser-based scenes to share with others. Looks like [...]

DON'T WORK ANY EXAMPLE ON MY BROWSERS CHROME AND IE7

ONELI | 28 September, 2010 | 13:59

DON’T WORK ANY EXAMPLE ON MY BROWSERS CHROME AND IE7

On IE7 (or any IE) no, they will not work.

peter | 1 October, 2010 | 8:32

On IE7 (or any IE) no, they will not work. They’ve chosen to not support the WebGL spec.

They will work on chrome, but you have to tell the browser to turn WebGL support on by starting the browser from a command line using the flag ‘–enable-webgl’. See Tutorial #1 for more information on this.

It is possible that the link that matt has up

Cathy Leung | 1 October, 2010 | 13:53

It is possible that the link that matt has up may have broken. A lot of changes have been going on with the WebGL spec and we have been working to get that updated. But what Peter says is true. This definitely will not work with IE but should work for a webGL enabled browser.

I am using Minefield with option WebGL 'allow for all

zedfalco | 27 November, 2010 | 6:38

I am using Minefield with option WebGL ‘allow for all sites’ on true but I cannot see the sample of the exercise one reproduced and also on my project does not show!

What os/video card setting are you using? It is

Cathy Leung | 6 December, 2010 | 11:57

What os/video card setting are you using? It is possible that your video card drivers are not quite up to date and this is known to cause issues.

Hi, I'd like to ask a question that is relevant

Joe Hocking | 14 January, 2011 | 18:03

Hi, I’d like to ask a question that is relevant to SceneCreator but the contact form doesn’t seem to be working. If someone could fix the contact form or follow up with me via email that would be great, thanks.

As long as I’m posting here though…

The Google Warehouse browser doesn’t seem to be working for me. I can go to the 2D and 3D views and those work great, but when I switch to Google Warehouse it’s just an empty window. Any thoughts?

Leave a comment

You can use these tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Videos

Demos

  • Asteroids-3D
  • RTS Prototype
  • Particle Systems Demo
  • Cross-Browser Orbiter
  • Mocap Demo With Spheres
  • Google Maps-3D

C3DL Development News

A spec change that keeps coming back to haunt me

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, [...]

Release 2.2

The 2.2 Release of the Canvas 3D Library includes a number of new features, updates to old features and fixes for several bugs along with the requisite changes to meet the evolving WebGL spec. Some of the things included (in no particular order) are: Better picking code. The ability to swap textures as a scene [...]

Tutorials

  • Tutorial #1: WebGL Browsers
  • Tutorial #2: A simple scene
  • Tutorial #3: Callback
  • Tutorial #4: Models
  • Tutorial #5: Light effects
  • Tutorial #6: Picking
  • Tutorial #7: Materials
  • Tutorial #8: Particle Systems
  • Tutorial #9: Camera Basics
    • Tutorial9-YawPitchRoll
  • Tutorial #10: Advanced FreeCamera
  • Tutorial #11: OrbitCamera
  • Tutorial #12: Advanced Camera Functions

Documentation

Archives

Archives

C3DL Development News

Recent Comments

  • June 2011
  • March 2011
  • October 2010
  • July 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • September 2008
  • August 2008
  • July 2008
  • June 2008
  • May 2008
  • April 2008
  • March 2008
  • February 2008
  • January 2008
  • December 2007
  • A spec change that keeps coming back to haunt me
  • Release 2.2
  • 2.1 Release and things to come
  • Level Up! An Open Web Game Jam
  • Site moved!
  • SceneCreator0.3
  • WWW2010 in Raleigh
  • Motionview
  • On the train to Mountainview
  • C3DL 2.0-WebGL and beyond
  • That depends on what... - peter
  • This application is ... - Haisens
  • I think that example... - peter
  • The above links are ... - Atash
  • Hi there, just wante... - Patrick H. Lauke
  • Firefox 4 was releas... - Cathy Leung
  • In order to access l... - peter
  • I am not able to dis... - preksha
  • "JavaScript can’t di... - Joe Hocking
  • I should point out t... - peter



Canvas 3d JS Library

©2007- 2010 Canvas 3d JS Library

Disclaimer: This website is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Canada License.
The Canvas 3d JS Library and Demos found on this website are licenced under the MIT License

Creative Commons License