Unleash 3D games with Babylon.js - JSConf 2014 talk

•Download as PPTX, PDF•

3 likes•1,564 views

Babylon.js is an open-source project built with simplicity in mind in order to help web developers creating 3D games. During this session, you will discover how simple it can be to play with 3D without having to deal with WebGL plumbing!

Software Technology Art & Photos

davca@microsoft.com - @deltakosh - http://aka.ms/davca
DAVIDCATUHE
Senior ProgramManager –IE/Open Web Standards
Developer Experience and Evangelism
2

PLAYING WITH INPUT
Touch
Camera based on
pointer events
Device Orientation
Camera based on
Device Orientation
API
Virtual Joysticks
Using pointer events,
this camera
generates two
joysticks on top of
the scene
Anaglyph
Use this camera with
Red/Green glasses
Oculus
Control camera
orientation with
Oculus Rift device

UNIVERSALAPP
Creating Windows andWindows Phone with Babylon.js

ABOUTASSASSIN’S CREED PIRATESRACE
UbiSoft used Babylon.js to create a complete racinggame forthe web
Contest for developers
Create a shader for the pirate ship at
http://www.babylonjs.com/cyos/acpr
Submit your entry by June 20, 2014
http://race.assassinscreedpirates.com/

BABYLON.JS FEATURES
1 Easy to use
• Simplicity as a foundation
• Minimal amount of code
• Pure JavaScript
• Open-source
• Optimizations engines (Octree, clipping,
offline mode)
2 Advanced shaders
• Smart shaders
• Per-pixel lighting
• Video / dynamic textures
• Bump
• Shadows
• Etc..
3 Collisions / physics engine
• Complete collisions engine
• Physics drivers (cannon.js)
4 And so many more
• Oculus Rift / Touch / Device Orientation
• Local cache using IDB
• Network optimizations with incremental loading
• Particles
• Mirrors
• Skyboxes
• Postprocesses
• Sprites

BABYLON.JS TOOLS
1 Playground
Learn and experiment Babylon.js in your
browser:
http://www.babylonjs.com/playground
For shaders:
http://www.babylonjs.com/cyos
2 Sandbox
Simply test your scene with drag’n’drop:
http://www.babylonjs.com/sandbox
3 Exporters
• Blender
• 3DS Max (thanks to UbiSoft)
• FBX converter
• OBJ converter
• Collada converter
4 WIKI
• https://github.com/BabylonJS/Babylon.js
• Tutorials
• Documentation
• Forum:
http://www.html5gamedevs.com/forum/16-
babylonjs/

USEFUL LINKS
http://www.babylonjs.com
http://www.babylonjs.com/playground
http://www.babylonjs.com/cyos
https://github.com/BabylonJS/Babylon.js/wiki
http://www.html5gamedevs.com/forum/16-babylonjs

Checklist AR is an application which improves the maintenance processes by augmenting the physical world with digital content. This application guides the workers through a list of real-world checkpoints, providing relevant information at the right physical place. During this session, you will be able to learn more about the solution, the technologies that we used, the challenges we had to overcome and some best practices when developing AR applications for Magic Leap. Additionally, you will be able to experience the Magic Leap One device and learn more about its possibilities.

The tech. behind RoboBlastPlanet

Javier Abud

The adoption of Building Information Modeling (BIM) has led to an explosion of 3D model content. These models are highly detailed virtual versions of buildings, infrastructure, and machines used to (pre) construct the built environment. The challenge with such models and mixed reality is how to get such content to the HoloLens and also support interactions with the data. Loading the models to the devise is not practical, so we are exploring streaming stereoscopic frames to the HoloLens over Wi-Fi. The models are running on Azure-Hosted GPU infrastructure that is best suited for these large datasets. The presentation will show our various prototypes, our latest working solution, lessons learned, and where we are headed next.

Unleashing WebGL & WebAudio with babylon.js

davrous

During this session, we will see how, thanks to babylon.js, we can easily create and use 3D content associated with sounds directly with JavaScript. We will also see how to interact with DCC tools like Blender or 3DS Max to work with 3D designer. With simplicity in mind we will be able to use complex topics like collisions, physics or even spatial sound with the minimal amount of code! #jquk 2015

Xamarin Sqlite Performance

Rod Hemphill

It is very common for us to use SQLite within our Xamarin apps, mainly with an async ORM package which standardises how we access the raw data from our databases. But for a fully functional app we need to select subsets of the data, join records and transform fields through to properties of our models and view-models. As developers we do this in various ways, dependent on our requirement and our experiences. In this presentation you will see performance statistics on various methods across simulators, emulators, iOS and Android devices, including the user of reflection, multi-threading, AutoMapper and some consequence of generic ("Type T") programming. In addition Kym will walk through how to get update performance through transactional SQLite processing.

Giovanni Laquidara - Hello ARCore - Codemotion Milan 2017

Codemotion

Get ready to develop a brand new experiences that seamlessly blend the digital and physical worlds with Android! We will learn the potential of the new AR SDK from Google, ARCore. By looking its 3 key technologies: Motion tracking, Environmental understanding and Light estimation We will have a clear vision of what We can develop with. You will be back at home with a deeper understanding of how to create AR apps with ARCore using your development environment and ready-to-reuse code samples.

Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es

davrous

We'll see in this session how to create 3D HTML5 WebGL games for the desktop & mobile web. For that, I’ll show you our open-source Babylon.JS WebGL gaming engine available on GitHub. It has been recently used by Ubisoft for the Assassin’s Creed Pirates web experience. We’ll see how to cover the complete gaming pipeline from the 3D assets created & exported from Blender/3DS Max/Maya to BabylonJS, the various camera's types (touch, virtual joysticks, gamepad, etc.), the usage of the embedded physic engine. At last, of course, how to implement the game logic in JavaScript. We'll build a simple game to better understand how to use this free engine.

【Unite 2017 Tokyo】NVIDIA Gameworks アップデートおよびAnselとVRWorksの紹介

Unity Technologies Japan K.K.

NGF2014 - Create a 3d game with webgl and babylon.js

davrous

We'll see in this session how to create 3D HTML5 WebGL games for the web (IE11/Chrome/Firefox & Opera) as well as for some mobile ecosystems. For that, we’ll show you our open-source Babylon.JS WebGL gaming engine available on GitHub: https://github.com/BabylonJS/Babylon.js You’ll see how to cover the complete gaming pipeline from the 3D assets created & exported from Blender/3DS Max/Maya to BabylonJS, the various camera's types (touch, device orientation, etc.), the usage of the embedded physic engine. At last, of course, how to implement the game logic in JavaScript. We'll build a simple game from scratch to better understand how to use this free engine.

Josh Carpenter (Google): ARCore: Augmented Reality at Android scale

AugmentedWorldExpo

A talk from the Inspire Track at AWE USA 2018 - the World's #1 XR Conference & Expo in Santa Clara, California May 30- June 1, 2018. Josh Carpenter (Google): ARCore: Augmented Reality at Android scale Augmented reality offers the promise of enhancing the human experience by making computing more immersive, natural, and contextual. In time, we'll be able to speak with friends on the other side of the world as if they're in the room with us; look out onto an unfamiliar street and know everything about it and bring anything we want to our space. To get there, Google is bringing new technologies to the world that enable developers to build rich, immersive experiences at scale. This session will cover how Google inspire to make AR accessible for every developer with ARCore and WebXR. http://AugmentedWorldExpo.com

Sceneform SDK

Andrei Pugachev

Quick dive into WebVR

Janne Aukia

Scotland JS 2016 Keynote: The VR Web and the Future of the Browser

Liv Erickson

2021 02 13 CodeGen Verona - Let’s code a drone to follow faces syncing everyt...

Bruno Capuano

Using babylon js to create apps & games for all web gl devices

David Catuhe

We have built in France a WebGL 3d realtime engine named BabylonJS. It has been made to support all WebGL compatible platforms such as Chrome, Firefox, Opera, IE11 on the desktop as well as on Firefox OS, Android & Windows 8.1 devices. We will see 2 main points in this session. First, we’ll share some of the things we’ve learned while building it: how to track and reduce the garbage collector, how to pay attention to the performance and how to handle touch on all devices. Then, we’ll see how to use these frameworks to build your own 3d applications & games for the web! Be ready to read some code.

Global Azure AI Tour Buenos Aires Argentina, Drones and AI

Bruno Capuano

Getting started with Unity and AR/VR for the .NET developer... Reloaded!

Davide Zordan

Introduction to The VR Web

Liv Erickson

Foundations of the Immersive Web

Tony Parisi

Philipp Nagele (CTO, Wikitude) An Insider Deep-Dive into the Wikitude SDK

AugmentedWorldExpo

Philipp Nagele (CTO, Wikitude GmbH) gives an Insider Deep-Dive into the Wikitude SDK An introduction into the many options of the Wikitude SDK with a deeper look into advanced features like Plugins API and how to combine third party libraries with the Wikitude SDK. We will look into the general architecture of the SDK and deep-dive into a few outstanding (and maybe not so well-known) features of the SDK.

Réaliser un jeu cross plateformes avec WebGL et babylon.js

davrous

Introduction to WebVR Autodesk Forge 2016

Tony Parisi

What's hot

WebVR, not just Holograms in the web but powerful platform

Windows Developer

Building GPU-Accelerated Mobile Application Interfaces with Starling and Feat...

Joseph Labrecque

Achieving Scale with HoloLens and BIM: Designing for interactions with large ...

Windows Developer

Unleashing WebGL & WebAudio with babylon.js

davrous

Xamarin Sqlite Performance

Rod Hemphill

Giovanni Laquidara - Hello ARCore - Codemotion Milan 2017

Codemotion

Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es

davrous

【Unite 2017 Tokyo】NVIDIA Gameworks アップデートおよびAnselとVRWorksの紹介

Unity Technologies Japan K.K.

NGF2014 - Create a 3d game with webgl and babylon.js

davrous

Josh Carpenter (Google): ARCore: Augmented Reality at Android scale

AugmentedWorldExpo

Sceneform SDK

Andrei Pugachev

What's hot (11)

WebVR, not just Holograms in the web but powerful platform

Building GPU-Accelerated Mobile Application Interfaces with Starling and Feat...

Achieving Scale with HoloLens and BIM: Designing for interactions with large ...

Unleashing WebGL & WebAudio with babylon.js

Xamarin Sqlite Performance

Giovanni Laquidara - Hello ARCore - Codemotion Milan 2017

Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es

【Unite 2017 Tokyo】NVIDIA Gameworks アップデートおよびAnselとVRWorksの紹介

NGF2014 - Create a 3d game with webgl and babylon.js

Josh Carpenter (Google): ARCore: Augmented Reality at Android scale

Sceneform SDK

Similar to Unleash 3D games with Babylon.js - JSConf 2014 talk

Quick dive into WebVR

Janne Aukia

Scotland JS 2016 Keynote: The VR Web and the Future of the Browser

Liv Erickson

2021 02 13 CodeGen Verona - Let’s code a drone to follow faces syncing everyt...

Bruno Capuano

Using babylon js to create apps & games for all web gl devices

David Catuhe

Global Azure AI Tour Buenos Aires Argentina, Drones and AI

Bruno Capuano

Getting started with Unity and AR/VR for the .NET developer... Reloaded!

Davide Zordan

Introduction to The VR Web

Liv Erickson

Foundations of the Immersive Web

Tony Parisi

Philipp Nagele (CTO, Wikitude) An Insider Deep-Dive into the Wikitude SDK

AugmentedWorldExpo

Réaliser un jeu cross plateformes avec WebGL et babylon.js

davrous

Introduction to WebVR Autodesk Forge 2016

Tony Parisi

JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK

David Wesst

Tri droid web development on androidBrandon Smith

Web Development on Android

Brandon Smith

Java 8 for Tablets, Pis, and Legos

Stephen Chin

Java 8 is the most impactful update to the Java ecosystem since Java 5, introducing an entirely new programming model with lambda expressions, and a whole new platform of applications with support for ARM embedded devices. In this presentation, you will see live demonstrations of Java 8 technology running on embedded platforms such as Raspberry Pi and Lego Mindstorms EV3, allowing Java-based applications to support the internet-of-things. With new low cost devices entering the market, access to the world of embedded computing is become more cost affordable. And, with continued advances in Java, developers can easily begin creating innovative applications that leverage these low cost devices. Come and learn how to build the future of Java.

Introduce coco2dx with cookingstarozlael ozlael

Cross-Platform Native Apps in Java (budapest.mobile)

Gergely Kis

WebVR - JAX 2016

Carsten Sandtner

DotNet 2019 | Marcos Cobeña - Llevando Wave Engine a la web a través de WebGL...

Plain Concepts

Wave Engine siempre ha soportado los principales dispositivos móviles: desde teléfonos hasta cascos XR; pero, teníamos espacio de mejora en la Web: simplemente no era posible correr nuestras apps en el navegador. Gracias a los primeros pasos con WebAssembly del Proyecto Mono, se nos ha abierto una nueva ventana que nos permite ejecutar nuestras apps hechas con C# encima de WebGL, cogiendo lo mejor de la aceleración hardware sin salir de la pestaña del navegador. Esta charla guiará a los asistentes en la ruta que hemos tomado hasta hoy, resaltando todos aquellos aprendizajes que hemos tenido y dejando a otros jugar con lo creemos será una de las plataformas más importantes en los próximos años.

WebAPIs & Apps - Mozilla LondonRobert Nyman

Similar to Unleash 3D games with Babylon.js - JSConf 2014 talk (20)

Quick dive into WebVR

Scotland JS 2016 Keynote: The VR Web and the Future of the Browser

2021 02 13 CodeGen Verona - Let’s code a drone to follow faces syncing everyt...

Using babylon js to create apps & games for all web gl devices

Global Azure AI Tour Buenos Aires Argentina, Drones and AI

Getting started with Unity and AR/VR for the .NET developer... Reloaded!

Introduction to The VR Web

Foundations of the Immersive Web

Philipp Nagele (CTO, Wikitude) An Insider Deep-Dive into the Wikitude SDK

Réaliser un jeu cross plateformes avec WebGL et babylon.js

Introduction to WebVR Autodesk Forge 2016

JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK

Tri droid web development on android

Web Development on Android

Java 8 for Tablets, Pis, and Legos

Introduce coco2dx with cookingstar

Cross-Platform Native Apps in Java (budapest.mobile)

WebVR - JAX 2016

DotNet 2019 | Marcos Cobeña - Llevando Wave Engine a la web a través de WebGL...

WebAPIs & Apps - Mozilla London

Recently uploaded

Accelerate Enterprise Software Engineering with Platformless

WSO2

Key takeaways: Challenges of building platforms and the benefits of platformless. Key principles of platformless, including API-first, cloud-native middleware, platform engineering, and developer experience. How Choreo enables the platformless experience. How key concepts like application architecture, domain-driven design, zero trust, and cell-based architecture are inherently a part of Choreo. Demo of an end-to-end app built and deployed on Choreo.

A Sighting of filterA in Typelevel Rite of Passage

Philip Schwarz

TROUBLESHOOTING 9 TYPES OF OUTOFMEMORYERROR

Tier1 app

Even though at surface level ‘java.lang.OutOfMemoryError’ appears as one single error; underlyingly there are 9 types of OutOfMemoryError. Each type of OutOfMemoryError has different causes, diagnosis approaches and solutions. This session equips you with the knowledge, tools, and techniques needed to troubleshoot and conquer OutOfMemoryError in all its forms, ensuring smoother, more efficient Java applications.

Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...

Shahin Sheidaei

Games are powerful teaching tools, fostering hands-on engagement and fun. But they require careful consideration to succeed. Join me to explore factors in running and selecting games, ensuring they serve as effective teaching tools. Learn to maintain focus on learning objectives while playing, and how to measure the ROI of gaming in education. Discover strategies for pitching gaming to leadership. This session offers insights, tips, and examples for coaches, team leads, and enterprise leaders seeking to teach from simple to complex concepts.

Exploring Innovations in Data Repository Solutions - Insights from the U.S. G...

Globus

The U.S. Geological Survey (USGS) has made substantial investments in meeting evolving scientific, technical, and policy driven demands on storing, managing, and delivering data. As these demands continue to grow in complexity and scale, the USGS must continue to explore innovative solutions to improve its management, curation, sharing, delivering, and preservation approaches for large-scale research data. Supporting these needs, the USGS has partnered with the University of Chicago-Globus to research and develop advanced repository components and workflows leveraging its current investment in Globus. The primary outcome of this partnership includes the development of a prototype enterprise repository, driven by USGS Data Release requirements, through exploration and implementation of the entire suite of the Globus platform offerings, including Globus Flow, Globus Auth, Globus Transfer, and Globus Search. This presentation will provide insights into this research partnership, introduce the unique requirements and challenges being addressed and provide relevant project progress.

Prosigns: Transforming Business with Tailored Technology Solutions

Prosigns

Unlocking Business Potential: Tailored Technology Solutions by Prosigns Discover how Prosigns, a leading technology solutions provider, partners with businesses to drive innovation and success. Our presentation showcases our comprehensive range of services, including custom software development, web and mobile app development, AI & ML solutions, blockchain integration, DevOps services, and Microsoft Dynamics 365 support. Custom Software Development: Prosigns specializes in creating bespoke software solutions that cater to your unique business needs. Our team of experts works closely with you to understand your requirements and deliver tailor-made software that enhances efficiency and drives growth. Web and Mobile App Development: From responsive websites to intuitive mobile applications, Prosigns develops cutting-edge solutions that engage users and deliver seamless experiences across devices. AI & ML Solutions: Harnessing the power of Artificial Intelligence and Machine Learning, Prosigns provides smart solutions that automate processes, provide valuable insights, and drive informed decision-making. Blockchain Integration: Prosigns offers comprehensive blockchain solutions, including development, integration, and consulting services, enabling businesses to leverage blockchain technology for enhanced security, transparency, and efficiency. DevOps Services: Prosigns' DevOps services streamline development and operations processes, ensuring faster and more reliable software delivery through automation and continuous integration. Microsoft Dynamics 365 Support: Prosigns provides comprehensive support and maintenance services for Microsoft Dynamics 365, ensuring your system is always up-to-date, secure, and running smoothly. Learn how our collaborative approach and dedication to excellence help businesses achieve their goals and stay ahead in today's digital landscape. From concept to deployment, Prosigns is your trusted partner for transforming ideas into reality and unlocking the full potential of your business. Join us on a journey of innovation and growth. Let's partner for success with Prosigns.

RISE with SAP and Journey to the Intelligent Enterprise

Srikant77

First Steps with Globus Compute Multi-User Endpoints

Globus

In this presentation we will share our experiences around getting started with the Globus Compute multi-user endpoint. Working with the Pharmacology group at the University of Auckland, we have previously written an application using Globus Compute that can offload computationally expensive steps in the researcher's workflows, which they wish to manage from their familiar Windows environments, onto the NeSI (New Zealand eScience Infrastructure) cluster. Some of the challenges we have encountered were that each researcher had to set up and manage their own single-user globus compute endpoint and that the workloads had varying resource requirements (CPUs, memory and wall time) between different runs. We hope that the multi-user endpoint will help to address these challenges and share an update on our progress here.

Quarkus Hidden and Forbidden Extensions

Max Andersen

BoxLang: Review our Visionary Licenses of 2024

Ortus Solutions, Corp

top nidhi software solution freedownload

vrstrong314

This presentation emphasizes the importance of data security and legal compliance for Nidhi companies in India. It highlights how online Nidhi software solutions, like Vector Nidhi Software, offer advanced features tailored to these needs. Key aspects include encryption, access controls, and audit trails to ensure data security. The software complies with regulatory guidelines from the MCA and RBI and adheres to Nidhi Rules, 2014. With customizable, user-friendly interfaces and real-time features, these Nidhi software solutions enhance efficiency, support growth, and provide exceptional member services. The presentation concludes with contact information for further inquiries.

Orion Context Broker introduction 20240604

Fermin Galan

How Recreation Management Software Can Streamline Your Operations.pptx

wottaspaceseo

Recreation management software streamlines operations by automating key tasks such as scheduling, registration, and payment processing, reducing manual workload and errors. It provides centralized management of facilities, classes, and events, ensuring efficient resource allocation and facility usage. The software offers user-friendly online portals for easy access to bookings and program information, enhancing customer experience. Real-time reporting and data analytics deliver insights into attendance and preferences, aiding in strategic decision-making. Additionally, effective communication tools keep participants and staff informed with timely updates. Overall, recreation management software enhances efficiency, improves service delivery, and boosts customer satisfaction.

Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf

Jay Das

Cracking the code review at SpringIO 2024

Paco van Beckhoven

Code reviews are vital for ensuring good code quality. They serve as one of our last lines of defense against bugs and subpar code reaching production. Yet, they often turn into annoying tasks riddled with frustration, hostility, unclear feedback and lack of standards. How can we improve this crucial process? In this session we will cover: - The Art of Effective Code Reviews - Streamlining the Review Process - Elevating Reviews with Automated Tools By the end of this presentation, you'll have the knowledge on how to organize and improve your code review proces

In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...

Juraj Vysvader

Webinar: Salesforce Document Management 2.0 - Smarter, Faster, Better

XfilesPro

Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...

Mind IT Systems

Dominate Social Media with TubeTrivia AI’s Addictive Quiz Videos.pdf

AMB-Review

Dominate Social Media with TubeTrivia AI’s Addictive Quiz Videos https://www.amb-review.com/tubetrivia-ai Exclusive Features: AI-Powered Questions, Wide Range of Categories, Adaptive Difficulty, User-Friendly Interface, Multiplayer Mode, Regular Updates. #TubeTriviaAI #QuizVideoMagic #ViralQuizVideos #AIQuizGenerator #EngageExciteExplode #MarketingRevolution #BoostYourTraffic #SocialMediaSuccess #AIContentCreation #UnlimitedTraffic

Corporate Management | Session 3 of 3 | Tendenci AMS

Tendenci - The Open Source AMS (Association Management Software)

Experience our free, in-depth three-part Tendenci Platform Corporate Membership Management workshop series! In Session 1 on May 14th, 2024, we began with an Introduction and Setup, mastering the configuration of your Corporate Membership Module settings to establish membership types, applications, and more. Then, on May 16th, 2024, in Session 2, we focused on binding individual members to a Corporate Membership and Corporate Reps, teaching you how to add individual members and assign Corporate Representatives to manage dues, renewals, and associated members. Finally, on May 28th, 2024, in Session 3, we covered questions and concerns, addressing any queries or issues you may have. For more Tendenci AMS events, check out www.tendenci.com/events

Recently uploaded (20)

Accelerate Enterprise Software Engineering with Platformless

A Sighting of filterA in Typelevel Rite of Passage

TROUBLESHOOTING 9 TYPES OF OUTOFMEMORYERROR

Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...

Exploring Innovations in Data Repository Solutions - Insights from the U.S. G...

Prosigns: Transforming Business with Tailored Technology Solutions

RISE with SAP and Journey to the Intelligent Enterprise

First Steps with Globus Compute Multi-User Endpoints

Quarkus Hidden and Forbidden Extensions

BoxLang: Review our Visionary Licenses of 2024

top nidhi software solution freedownload

Orion Context Broker introduction 20240604

How Recreation Management Software Can Streamline Your Operations.pptx

Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf

Cracking the code review at SpringIO 2024

In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...

Webinar: Salesforce Document Management 2.0 - Smarter, Faster, Better

Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...

Dominate Social Media with TubeTrivia AI’s Addictive Quiz Videos.pdf

Corporate Management | Session 3 of 3 | Tendenci AMS

Unleash 3D games with Babylon.js - JSConf 2014 talk

1. BABYLON.JS Unleash 3Dgamesforthe WEB

2. davca@microsoft.com - @deltakosh - http://aka.ms/davca DAVIDCATUHE Senior ProgramManager –IE/Open Web Standards Developer Experience and Evangelism 2

3. FIRSTCONTACT Hello worldBabylon.js

4. LEARN AND EXPERIMENT Playground

5. CREATE YOUROWN SHADER CYOS

6. CREATING ASSETS Using Blender

7. PLAYING WITH INPUT Touch Camera based on pointer events Device Orientation Camera based on Device Orientation API Virtual Joysticks Using pointer events, this camera generates two joysticks on top of the scene Anaglyph Use this camera with Red/Green glasses Oculus Control camera orientation with Oculus Rift device

8. UNIVERSALAPP Creating Windows andWindows Phone with Babylon.js

9. ABOUTASSASSIN’S CREED PIRATESRACE UbiSoft used Babylon.js to create a complete racinggame forthe web Contest for developers Create a shader for the pirate ship at http://www.babylonjs.com/cyos/acpr Submit your entry by June 20, 2014 http://race.assassinscreedpirates.com/

10. BABYLON.JS FEATURES 1 Easy to use • Simplicity as a foundation • Minimal amount of code • Pure JavaScript • Open-source • Optimizations engines (Octree, clipping, offline mode) 2 Advanced shaders • Smart shaders • Per-pixel lighting • Video / dynamic textures • Bump • Shadows • Etc.. 3 Collisions / physics engine • Complete collisions engine • Physics drivers (cannon.js) 4 And so many more • Oculus Rift / Touch / Device Orientation • Local cache using IDB • Network optimizations with incremental loading • Particles • Mirrors • Skyboxes • Postprocesses • Sprites

11. BABYLON.JS TOOLS 1 Playground Learn and experiment Babylon.js in your browser: http://www.babylonjs.com/playground For shaders: http://www.babylonjs.com/cyos 2 Sandbox Simply test your scene with drag’n’drop: http://www.babylonjs.com/sandbox 3 Exporters • Blender • 3DS Max (thanks to UbiSoft) • FBX converter • OBJ converter • Collada converter 4 WIKI • https://github.com/BabylonJS/Babylon.js • Tutorials • Documentation • Forum: http://www.html5gamedevs.com/forum/16- babylonjs/

12. USEFUL LINKS http://www.babylonjs.com http://www.babylonjs.com/playground http://www.babylonjs.com/cyos https://github.com/BabylonJS/Babylon.js/wiki http://www.html5gamedevs.com/forum/16-babylonjs

13. THANK YOU!

Editor's Notes

Create a simple project Add reference to Babylon.js Start with a really simple scene (camera, light, sphere) Then add a material and a bump texture
Select code from Playground and copy/paste to previous page
http://babylonjs.com/cyos/acpr/#OHRBR#24 http://babylonjs.com/cyos/acpr/#GWJ6S#1
Create small scene with collisions and physics in Blender Use it in sandbox
Exemple de camera
Copy/paste code from playground (load skull) to page

Unleash 3D games with Babylon.js - JSConf 2014 talk

Recommended

Recommended

More Related Content

What's hot

What's hot (11)

Similar to Unleash 3D games with Babylon.js - JSConf 2014 talk

Similar to Unleash 3D games with Babylon.js - JSConf 2014 talk (20)

Recently uploaded

Recently uploaded (20)

Unleash 3D games with Babylon.js - JSConf 2014 talk

Editor's Notes