Showing posts with label 3D. Show all posts
Showing posts with label 3D. Show all posts

Friday, December 19, 2014

Assasins Creed: Pirates HTML5/JS/WebGL demo

Another demo that caught my eye is Assasins Creed: Pirates Demo made by the IE engineering team, with HTML5, JavaScript, WebGL and more specifically Babylon.js Here is a web page that explains how to start working with Babylon.js and create 3D virtual worlds in a browser.


I played the demo several times in Firefox 34 and I can say it looks fantastic coupled with nice pirate music. There are nine weather conditions between you can choose to play, and each has its own specifics, like day or night, rainy or sunny etc... Use A, D to keys to turn the ship left or right and W, S to speed up or slow down. Use V to switch camera from third person view to first person view and vice versa. Use mouse to rotate the camera around the ship.

Note: To enable and use these new browser technologies you must have IE11 and Windows 7 Service Pack 1 or other advanced browser like Google Chrome, Opera and Firefox. Safari 5.1.7 does not support WebGL.

More info here: https://www.modern.ie/en-us/demos/assassinscreedpirates
Other IE demos: http://ie.microsoft.com/testdrive/Default.html
Babylon.js Challenge: http://www.babylonjs.com/cyos/acpr/#OKULH#1 

Assasins Creed: Pirates Demo
Assasins Creed: Pirates Demo
Intro Comic
Intro Comic
Controls
Controls
WebGL lighting effect
WebGL lighting effect
Beautiful environment
Beautiful environment
I have won the game
I have won the game
First person view. Beautiful foggy effect
First person view. Beautiful foggy effect
Moon shines
Moon shines
Rotate the camera with the mouse
Rotate the camera with the mouse
Rotate the camera with the mouse
Rotate the camera with the mouse

Wednesday, December 3, 2014

HTML 5 3D, 2D canvas demos

http://batiste.dosimple.ch/games/rpg/game.html
http://blog.rodneyrehm.de/archives/27-Dialog-for-Unsupported-Browsers.html
https://developer.mozilla.org/en-US/demos/detail/convolution-matrix/launch
https://developer.mozilla.org/en-US/demos/detail/context-aware-image-resizing
https://developer.cdn.mozilla.net/media/uploads/demos/c/a/calvin/054e17c76b19a054d20d6b313ca1d62f/fractal-explorer_1367242706_demo_package/index.html#500/-0.37/0.6/julia
https://developer.mozilla.org/en-US/demos/detail/webworkers-attractors
https://developer.mozilla.org/en-US/demos/detail/ball-pit
https://developer.mozilla.org/en-US/demos/detail/playroom
https://developer.mozilla.org/en-US/demos/detail/apple-hls-javascript-player/launch
https://developer.mozilla.org/en-US/demos/detail/balls-with-gravitation
https://www.cubeslam.com/
https://developer.mozilla.org/en-US/demos/detail/bombcarrier
https://developer.mozilla.org/en-US/demos/detail/just-spaceships
https://developer.mozilla.org/en-US/demos/detail/opendepth-point-cloud
https://developer.mozilla.org/en-US/demos/detail/moon-wars
https://developer.mozilla.org/en-US/demos/detail/geoqr/launch
https://developer.mozilla.org/en-US/demos/detail/gravedad
https://developer.mozilla.org/en-US/demos/detail/minesweeper
https://developer.mozilla.org/en-US/demos/detail/achtung-die-kurve
https://developer.mozilla.org/en-US/docs/Mozilla/Localization/Bootstrapping_a_new_locale
https://developer.cdn.mozilla.net/media/uploads/demos/p/a/pavloschris/74018e092d31c4610d4ddea786aaf883/lethargy_1343507075_demo_package/index.html
https://developer.cdn.mozilla.net/media/uploads/demos/e/l/elfoxero/c17223c414d8ddafb7808972b5617d9e/html5-notifications_1400214081_demo_package/index.html
https://developer.mozilla.org/en-US/demos/detail/remixing-reality/launch
https://developer.mozilla.org/en-US/demos/detail/the-letter-heads/launch
https://developer.mozilla.org/en-US/demos/detail/trangle/launch
https://developer.mozilla.org/en-US/demos/detail/space-break
https://developer.mozilla.org/en-US/demos/detail/role-playing-game/launch
https://developer.cdn.mozilla.net/media/uploads/demos/L/a/LaNsHoR/e4c139569f1038b21c52cebfac9e4134/fruits_1326101404_demo_package/index.html
https://developer.cdn.mozilla.net/media/uploads/demos/d/r/dragongraphics/0bca6526258ac28e1e900882bc11d333/media-query-mario_1351726916_demo_package/index.html
https://developer.cdn.mozilla.net/media/uploads/demos/c/h/chamb/3c55ddc67e35bc7bee1e7388c9bd5393/comic-gen_1354466686_demo_package/index.html
https://developer.mozilla.org/en-US/demos/detail/beyer-music-player/launch
https://developer.mozilla.org/en-US/demos/detail/classical-music-jukebox/launch
https://developer.mozilla.org/en-US/demos/detail/3d-pong
https://developer.cdn.mozilla.net/media/uploads/demos/n/e/nestoralvaro/d2ab81ed6c13b9bcbb401d7575ad63d5/touch-turntables_1361965544_demo_package/index.html
https://developer.mozilla.org/en-US/demos/detail/3d-assembly
https://developer.mozilla.org/en-US/demos/detail/one-whale-trip/launch
https://developer.mozilla.org/en-US/demos/detail/get-motion-media/launch
https://developer.mozilla.org/en-US/demos/detail/penguin-jump
https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API
http://webaudioapi.com/
https://dvcs.w3.org/hg/gamepad/raw-file/default/gamepad.html
https://developer.cdn.mozilla.net/media/uploads/demos/M/t/Mte90/b10107b9880f5d2c00133ea92c42b396/boxes-wot-shoot_1410529470_demo_package/index.html
https://developer.cdn.mozilla.net/media/uploads/demos/f/u/fusionchess/dc976f147bc37a683f48928b181e08d5/html5-2d3d-chess_1322872921_demo_package/index.html
https://developer.cdn.mozilla.net/media/uploads/demos/v/i/viliusl/07f948b9638c01cec40270c4f1ad522d/moon-wars_1378491054_demo_package/index.html
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions
http://trac.webkit.org/wiki/Applications%20using%20WebKit
en.wikipedia.org/wiki/List_of_web_browsers#WebKit-based
https://www.mozilla.org/en-US/firefox/developer/?utm_source=firefox-com&utm_medium=referral&utm_content=fxdev-mdn&utm_campaign=FX10
http://www.w3.org/2010/webperf/
http://www.chromeexperiments.com/
http://html5readiness.com/
http://ie.microsoft.com/testdrive/Performance/msPerformance/Default.html?loaded=0
http://ie.microsoft.com/testdrive/Default.html
http://ie.microsoft.com/testdrive/Performance/BUILDPerformanceTricks/Default.html
http://race.assassinscreedpirates.com/
http://www.fishgl.com/
http://ie.microsoft.com/testdrive/Performance/FishBowl/Default.html
https://developer.mozilla.org/en-US/demos/detail/zen-photon-garden/launch
http://codepen.io/suffick/pen/KrAwx
http://codepen.io/pixelgrid/pen/ECrKd
http://codepen.io/ara_node/pen/nuJCG
http://www.chromeexperiments.com/detail/gesture-based-revealjs/
http://www.freeriderhd.com
http://codepen.io/soulwire/pen/Ffvlo
http://www.craftymind.com/factory/html5video/CanvasVideo.html
https://developer.mozilla.org/en-US/demos/tag/tech:canvas
http://www.hongkiat.com/blog/48-excellent-html5-demos/
https://developer.cdn.mozilla.net/media/uploads/demos/M/a/Martin/a3bd6127543a304658fc3e61904f1dba/unreal-engine-4-stra_1415835062_demo_package/index.html
http://html5demos.com/canvas
http://www.kevs3d.co.uk/dev/
http://www.canvasdemos.com/top-100/