Building a cross platforms tower defense game Dev Days 2016

Dec 1, 2016Download as PPTX, PDF1 like809 views

We’ll see how we’re currently building a small tower defense game running on all existing platforms supporting WebGL: desktops, smartphone, and even Xbox One. For that, we’ve used some of the concepts of Progressive Web Apps to have a responsive experience, multiple types of inputs (mouse, touch & gamepad) as well as offline support. Last but not least, we’ll see a WebVR view of the game.

Building a cross platforms tower defense game Dev Days 2016

#babylonjs
Babylon.js ?
Free & open source project (Apache 2 license):
https://github.com/babylonjs/babylon.js
Written in TypeScript
Our philosophy?
Simple to use
High performance
Run everywhere
WebGL. simple. powerful.

#babylonjs
Advanced features
Offline support
IndexedDB
Network optimizations
Incremental loading
Blender, 3DS Max & Unity
exporters
Design & render +
babylonjs.com/sandbox
Complete collisions and
physics engine

#babylonjs
Advanced features
Smart shaders engine
postprocesses
PBR support
Complete Web Audio
engine
Advanced texture support
(Bump, DDS)
Touch, Gamepad, VR &
virtual joysticks

#babylonjs
Handling touch devices
One event to rule them all!

#babylonjs
Game design
• Simple levels definition in .CSV files
• Our level editor is… Excel 

#babylonjs
TA1 &
TA2 (add scale + particles)
TB1 &
TB2 (add scale + particles) TC1 &
TC2 (add scale + particles)
TB3
TA3 TC3
Towers and evolutions
Tower A Tower B Tower C

#babylonjs
Castle
CTL CTR
CBL CBR
The castle needs 4 slots
It is splitted virtually into 4
areas
• CTL (Castle Top Left)
• CTR (Castle Top Right)
• CBL (Castle Bottom Left)
• CBR (Castle Bottom Right)

#babylonjs
Ground types Code : G1
Straight road
Code : RH
(Road
Horizontal)
Code : RV
(Road
Vertical)
Code : RTLT
(Road Turn
Left Top)
Code : RTRT
(Road Turn
Right Top)
Code : RTRB
(Road Turn
Right Bottom)
Code : RTLB
(Road Turn
Left Bottom)
Code : RYB
(Road Y Bottom)
Code : RYT
(Road Y Top)
Code : RYL
(Road Y Left)
Code : RYR
(Road Y Right)
Turning road Y intersection road
Code : SPAWN
(Represented like
classic grass)

#babylonjs
Rocks
R1
R2
R3
R4
R5 R6
R7
R8
R9
R10
R11
R12 R13
R14
R15 R16
R17
R18
R19 R20 R21 R22 R23 R24 R25 R26
R27
R28 R29
R30 R31
R32 R33
R34
R35 R36

#babylonjs
Trees
T1
T2
T3 T4 T5 T6 T7
T8
T9
T10 T11 T12
T13 T14
T15 T16 T17
T18
T19 T20
T21 T22

#babylonjs
Other decorative elements
D1 D2
D3
D4 D5

#babylonjs
Creation Pipeline
From 3D tooling to WebGL using 0 line of code!
.babylonoffline
converter
.FBX
.OBJ
.FBX
.OBJ

#babylonjs
Optimizations
- We must pay attention to draw calls, specifically on
mobiles
- For that, 2 solutions: Merge or use Instances

#babylonjs
Debug layer
Draw calls
Time spent per feature
Number of objects
Number of active vertices
Are you GPU / CPU locked?
User marks + F12
Tool to help you reviewing performance issues

#babylonjs
Making it an app
Using Manifold.js to target Windows Store & Cordova
Using a Progressive Web Apps approach (Chrome on
Android only today)

Useful links
Play with Babylon.js demos on www.babylonjs.com
• And try some tutorials via our playground: www.babylonjs.com/playground
• Documentation: http://doc.babylonjs.com
• Forum: http://www.html5gamedevs.com/forum/16-babylonjs/
Contact the Babylon.js developers: @deltakosh & @davrous

www.babylonjs.com
#babylonjs
@deltakosh
@davrous

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.

HTML5, CSS3, and other fancy buzzwordsMo Jangda

OrientDB - the 2nd generation of (Multi-Model) NoSQL - J On The Beach 2016Luigi Dell'Aquila

The document discusses OrientDB, a multi-model NoSQL database that supports graph, document, and key-value models. It describes how graph databases more efficiently manage relationships compared to SQL databases by storing connections as pointers rather than computing joins. OrientDB is described as a second generation NoSQL database that is multi-model, supporting the intersection of multiple data models to avoid ETL overhead between separate databases. Features of OrientDB include SQL support, full ACID transactions, security, encryption, replication, and support for standards like TinkerPop and Gremlin.

OrientDB - the 2nd generation of (Multi-Model) NoSQL - Devoxx Belgium 2015Luigi Dell'Aquila

Kanban for Software Development and Kaizen CultureAcquate

Talk #1 - Kanban for Developers There is much hype about Kanban since it was perfected and introduced to the world by Toyota. Since then, not only manufacturers but all businesses looked into this simple but extremely powerful approach. As software developers are yearning for better project management and visibility on all aspects of their work, Kanban naturally blipped on their radar. In this session, we will look at the origins of Kanban, how it applies to software development along with misunderstandings and myths. We will also compare manufacturing practices with software development techniques and see how we can benefit from their experiences. During the session we will have some interactive exercises to help us better understand Kanban and becoming more efficient and productive by limiting the amount of work we do. Talk #2 - Kaizen: Continuous Process Improvement Enterprises can utilize Process Improvement to improve their workflow, allowing them to be more efficient, eliminate bottlenecks and problem areas, and as a result, achieve reduced costs, on-time delivery and increased profits. Currently, enterprises are facing stiffer competition to win customer acceptance through quality, and the need to develop more customer-oriented products and services faster than ever before. Einstein said "We can't solve problems by using the same kind of thinking we used when we created them.", and that is what lies at the heart of Kaizen. Improvement comes with a different look at the problems and doing this continuously every day and everywhere. It is more of a company culture than a project. But where do we start improving? British comic writer Douglas Adams said "See first, think later, then test. But always see first. Otherwise you will only see what you were expecting.". And that is exactly where we start. By looking deep into our workflow and process. In this session, we will look at Kaizen philosophy, why change is important and very hard to do. we'll also analyze waste and why it is bad for our business and see how quality-first approach makes us better at what we do. I will also provide some test cases and finish off by looking into implementing a Kaizen culture at the office by involving everybody.

OrientDB - Voxxed Days Berlin 2016Luigi Dell'Aquila

The document discusses OrientDB, a multi-model NoSQL database that supports graph, document, and other data models. It describes how graph databases can more efficiently manage relationships compared to relational databases by storing connections between vertices using persistent pointers rather than computing joins. The document also outlines how OrientDB is a second-generation NoSQL database that is multi-model, supporting features of graph, document, key-value, and object-oriented databases to provide a flexible yet high-performance solution for complex data models.

OrientDB - Voxxed Days Berlin 2016Luigi Dell'Aquila

How video codec work Leandro Moreira

The goal is to introduce some digital video concepts with a simple vocabulary, lots of visual elements and practical examples when possible. We're going to introduce the main mechanics behind a generic video codec but most of these concepts are useful and used in modern codecs such as VP9, AV1 and HEVC. Be sure to understand that we're going to simplify things a LOT. Sometimes we'll use a real example (mostly H.264) to demonstrate a technique.

OrientDB - the 2nd generation of (Multi-Model) NoSQL - Codemotion Warsaw 2016Luigi Dell'Aquila

The document discusses the advantages of graph databases and multi-model databases as the next generation of NoSQL databases. It argues that graph databases are better suited than relational databases for managing relationships efficiently. Multi-model databases that support graph, document, and other models provide a general purpose solution with advantages over single purpose NoSQL databases. The document uses OrientDB as an example of a graph and multi-model database and outlines its features.

[HTML5 BUG] 2,5D RTS Game in HTML5 by Dawid LijewskiBeMyApp

Restrição == inovação - 17o Encontro Locaweb SPFabio Akita

Hacking for salone: drone racesEmanuele Di Saverio

Serverless dddAsher Sterkin

This document discusses using domain-driven design principles and patterns for serverless architectures. It begins with an introduction of the speaker and overview of topics to be covered. Then it discusses how bounded contexts from DDD map well to microservices and serverless functions. Several DDD patterns are explained for the serverless context, including repositories using CQRS and event sourcing. Strategic DDD is discussed as an organizing principle to prevent unstructured serverless applications. The document concludes by discussing challenges of measuring productivity for serverless/DDD approaches.

DirectX 11 Rendering in Battlefield 3Electronic Arts / DICE

JS Fest 2019. Денис Радин. AAA 3D графика в Web с ReactJS, BabylonJS и Unity3DJSFestUA

Создать фотореалистичное 3D приложение для Web не просто. Сделать это с React еще сложнее, но окупается с лихвой если вы все таки справились. Этот доклад о том как Evolution Gaming использует WebGL и ReactJS для создания самого сложного и дорогого WebGL приложения из когда либо разработанных.

AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...DevClub_lv

OrientDB - the 2nd generation of (MultiModel) NoSQL - Luigi Dell Aquila - Cod...Codemotion

In last years NoSQL experienced a huge upward trend, offering new data models to solve problems where old RDBMS failed. Now people who have chosen NoSQL as an architecture component, realize that a single data model (even when richer that relational), is not enough for average needs. We will discuss why graph databases are at the heart of the multi-model revolution and why we're approaching the end of NoSQL's fragmented ecosystem where customers are forced to use multiple tools in their architectures. Benefits and compromises of this approach along with real world use cases will also be shared.

Hacking for Salone: Drone Races - Di Saverio; Lippolis - Codemotion Milan 2016Codemotion

This year for the Salone del Mobile at frog, we came up with a funky experiment, based on Drones, Android, and VR. In this talk, your hosts will walk you through our Drone Race experiment, touching topics like real-time computer vision, reactive programming for mobile, indoor positioning and (wheeled) Drones hacking. The variety and complexity of these topics is equal to its coolness though, so you may be puzzled asking yourself: "Where do I start?" We will share experiences and lots of code, so that you can start right away.

Fairfax Sydney #mojo #mojocon Feb 2017 Meetup - 360 video production basicsJamie Andrei

WaveEngine Dotnet 2018Javier Cantón Ferrero

The document summarizes Javier Canton's presentation at #DotNet2018 about developing a 3D graphics engine in C# for virtual reality and augmented reality. It provides an overview of Javier's background and experience developing 3D graphics. It also summarizes his demonstration of the Wave Engine, a C# graphics engine he developed that supports VR, AR and MR across platforms. The presentation covered various C# language features relevant for graphics development and performance optimization.

Efficient Data Storage for Analytics with Parquet 2.0 - Hadoop Summit 2014Julien Le Dem

Apache Parquet is an open-source columnar storage format for efficient data storage and analytics. It provides efficient compression and encoding techniques that enable fast scans and queries of large datasets. Parquet 2.0 improves on these efficiencies through techniques like delta encoding, dictionary encoding, run-length encoding and binary packing designed for CPU and cache optimizations. Benchmark results show Parquet provides much better compression and faster query performance than other formats like text, Avro and RCFile. The project is developed as an open source community with contributions from many organizations.

Efficient Data Storage for Analytics with Apache Parquet 2.0Cloudera, Inc.

Apache Parquet is an open-source columnar storage format for efficient data storage and analytics. It provides efficient compression and encoding techniques that enable fast scans and queries of large datasets. Parquet 2.0 improves on these efficiencies through enhancements like delta encoding, binary packing designed for CPU efficiency, and predicate pushdown using statistics. Benchmark results show Parquet provides much better compression and query performance than row-oriented formats on big data workloads. The project is developed as an open-source community with contributions from many organizations.

Secrets to Optimizing Your Live Ops | Scott HumphriesJessica Tams

MLflow with RDatabricks

This talk will present R as a programming language suited for solving data analysis and modeling problems, MLflow as an open source project to help organizations manage their machine learning lifecycle and the intersection of both by adding support for R in MLflow. It will be highly interactive and touch on some of the technical implementation choices taken while making R available in MLflow. It will also demonstrate using MLflow tracking, projects, and models directly from R as well as reusing R models in MLflow to interoperate with other programming languages and technologies.

Html5 game using impact jsHa Bogay

This document discusses using HTML5 and the ImpactJS game engine to develop games for mobile. It notes that HTML5 is ready today for mobile game development, and that ImpactJS provides a simple engine for building stunning HTML5 games that can run on desktops and mobile browsers. ImpactJS handles audio, input, rendering, collision detection and includes a level editor. The document demonstrates some sample games built with ImpactJS and encourages developers to get started with the engine for HTML5 game development.

mloc.js 2014 - JavaScript and the browser as a platform for game developmentDavid Galeano

JavaScript and the browser can be a viable platform for game development, as demonstrated by games like Polycraft and a Quake 4 demo ported to JavaScript. However, to reach the level of native applications, improvements are needed in areas like memory usage, parallelism, and floating point performance. Specifically, typed objects could help memory usage, a task-based parallelism API could improve multi-core support, and SIMD and single-precision floats could enhance performance of common game operations like vectors and matrices.

OrientDB - Perché le tue applicazioni meritano un DB Multi-ModelDevDay

Il NoSQL ormai e' una tecnologia consolidata, i nuovi modelli dati (document, graph, key/value) hanno mostrato tutti i loro vantaggi, ma anche le loro debolezze. Ci hanno detto "usa il giusto data model per il tuo use case", peccato che il tuo use case quasi mai si può inquadrare in un singolo data model, relazionale, document o graph che sia. In questo talk parleremo di come il NoSQL si stia evolvendo verso il Multi-Model e di come OrientDB sta guidando questa evoluzione, che ha al centro il graph database. Vedremo insieme degli esempi pratici di applicazione del paradigma multi-model e di come questo può aiutarti a risolvere problemi reali di business.

Create fun & immersive audio experiences with web audiodavrous

Nouveautés JavaScript dans le monde Microsoftdavrous

More Related Content

Similar to Building a cross platforms tower defense game Dev Days 2016 (20)

How video codec work Leandro Moreira

OrientDB - the 2nd generation of (Multi-Model) NoSQL - Codemotion Warsaw 2016Luigi Dell'Aquila

[HTML5 BUG] 2,5D RTS Game in HTML5 by Dawid LijewskiBeMyApp

Restrição == inovação - 17o Encontro Locaweb SPFabio Akita

Hacking for salone: drone racesEmanuele Di Saverio

Serverless dddAsher Sterkin

DirectX 11 Rendering in Battlefield 3Electronic Arts / DICE

JS Fest 2019. Денис Радин. AAA 3D графика в Web с ReactJS, BabylonJS и Unity3DJSFestUA

AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...DevClub_lv

OrientDB - the 2nd generation of (MultiModel) NoSQL - Luigi Dell Aquila - Cod...Codemotion

Hacking for Salone: Drone Races - Di Saverio; Lippolis - Codemotion Milan 2016Codemotion

Fairfax Sydney #mojo #mojocon Feb 2017 Meetup - 360 video production basicsJamie Andrei

WaveEngine Dotnet 2018Javier Cantón Ferrero

Efficient Data Storage for Analytics with Parquet 2.0 - Hadoop Summit 2014Julien Le Dem

Efficient Data Storage for Analytics with Apache Parquet 2.0Cloudera, Inc.

Apache Parquet is an open-source columnar storage format for efficient data storage and analytics. It provides efficient compression and encoding techniques that enable fast scans and queries of large datasets. Parquet 2.0 improves on these efficiencies through enhancements like delta encoding, binary packing designed for CPU efficiency, and predicate pushdown using statistics. Benchmark results show Parquet provides much better compression and query performance than row-oriented formats on big data workloads. The project is developed as an open-source community with contributions from many organizations.

Secrets to Optimizing Your Live Ops | Scott HumphriesJessica Tams

MLflow with RDatabricks

Html5 game using impact jsHa Bogay

mloc.js 2014 - JavaScript and the browser as a platform for game developmentDavid Galeano

OrientDB - Perché le tue applicazioni meritano un DB Multi-ModelDevDay

How video codec work Leandro Moreira

OrientDB - the 2nd generation of (Multi-Model) NoSQL - Codemotion Warsaw 2016Luigi Dell'Aquila

[HTML5 BUG] 2,5D RTS Game in HTML5 by Dawid LijewskiBeMyApp

Restrição == inovação - 17o Encontro Locaweb SPFabio Akita

Hacking for salone: drone racesEmanuele Di Saverio

Serverless dddAsher Sterkin

DirectX 11 Rendering in Battlefield 3Electronic Arts / DICE

JS Fest 2019. Денис Радин. AAA 3D графика в Web с ReactJS, BabylonJS и Unity3DJSFestUA

AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...DevClub_lv

OrientDB - the 2nd generation of (MultiModel) NoSQL - Luigi Dell Aquila - Cod...Codemotion

Hacking for Salone: Drone Races - Di Saverio; Lippolis - Codemotion Milan 2016Codemotion

Fairfax Sydney #mojo #mojocon Feb 2017 Meetup - 360 video production basicsJamie Andrei

WaveEngine Dotnet 2018Javier Cantón Ferrero

Efficient Data Storage for Analytics with Parquet 2.0 - Hadoop Summit 2014Julien Le Dem

Efficient Data Storage for Analytics with Apache Parquet 2.0Cloudera, Inc.

Secrets to Optimizing Your Live Ops | Scott HumphriesJessica Tams

MLflow with RDatabricks

Html5 game using impact jsHa Bogay

mloc.js 2014 - JavaScript and the browser as a platform for game developmentDavid Galeano

OrientDB - Perché le tue applicazioni meritano un DB Multi-ModelDevDay

More from davrous (20)

Create fun & immersive audio experiences with web audiodavrous

Nouveautés JavaScript dans le monde Microsoftdavrous

Unleashing WebGL & WebAudio with babylon.jsdavrous

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

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

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.

Introduction à TypeScript et retour d'expérience sur le portage de Babylon.JSdavrous

TypeScript ou comment goûter à une partie d’ECMAScript 6 le tout de manière typée. Inventé par le créateur de C# et Delphi ! JavaScript est passé d’un jouet utilisé dans une simple page web à de grosses applications en production tournant à la fois sur un serveur et dans le navigateur. Cette croissance exponentielle a rapidement amené son lot de problèmes de par la nature même du langage qui n’avait pas été forcément conçu pour cela au départ. Plusieurs approches différentes ont été étudiées ces dernières années pour palier à ces défauts en passant par de l’outillage à la génération du JS depuis un autre langage totalement différent. TypeScript apporte un angle différent. Il peut travailler de concert avec du JS et ensuite le modifier au fur et à mesure pour le typer. Nous verrons ainsi ensemble une introduction au langage et nous vous présenterons comment nous l’avons utilisé dans notre projet open-source Babylon.JS. Ce sera l’occasion de partager avec vous les bénéfices et éventuels écueils que nous avons rencontrés. Objectif de l’intervention : Sensibiliser les développeurs web JS à un nouveau langage qui semble avoir d’excellents retours de la communauté en général et qui a le vent en pompe chez les projets web gérés par Microsoft. Cela sera l’occasion de voir que TypeScript permet de générer du JS très propre suivant les guidelines de D. Crockford « The Good Parts » ainsi que de voir que l’on peut plus facilement générer et maintenir de grosses applications web avec.

Babylon.js WebGL Parisdavrous

Microsoft et l'Open Sourcedavrous

Back from BUILD - WebGLdavrous

The document discusses WebGL and related technologies. It introduces WebGL, which allows for 3D graphics in the browser via JavaScript, and how it can be implemented on different platforms like DirectX. It also discusses tools and libraries that can be used with WebGL, such as EaselJS and Babylon.js, an open source 3D engine. Finally, it covers some advanced features supported by Babylon.js, including offline usage, incremental loading, physics, and virtual reality support.

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

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.

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

Les défis d’une application mobile multi-périphériques avec HTML5davrous

Aujourd’hui, on peut s’approcher de plus en plus des capacités des applications dites « natives » grâce à HTML5. Il y a 2 manières pour atteindre ce but. Utiliser les capacités intrinsèques d’HTML5 en faisant un site web moderne ou étendre ses capacités avec des frameworks comme PhoneGap. Mais ce n’est pas tout. Il y a ensuite de nombreux défis à relever : gestion du tactile, identité visuelle de chacune des plateformes, performances très différentes du desktop, etc. Nous verrons comme adresser certains de ces points via des exemples parfois issus du monde du jeu vidéo pour égayer cette présentation ! http://conf2013.web-5.org/speaker/david-rousset-les-defis-dune-application-mobile-multi-peripheriques-avec-html5/

Pointer eventsdavrous

L'histoire d'html5 pour les développeurs windows phone 8davrous

Dans cette session, nous parcourons ensemble l'histoire HTML5 pour les développeurs Windows Phone 8. Nous verrons d'abord comment utiliser des morceaux d'HTML5 dans certaines applications natives, ce qui peut s'avérer dans certains cas exceptionnels être assez pratique. Ensuite, grâce aux possibilités d'IE10, nous verrons qu'il est également possible de créer de vraies applications vivant uniquement dans le navigateur. Pour finir, nous jetterons un oeil aux possibilités d'intégration dans l'OS grâce au template de projet HTML5 de Visual Studio 2012 ou grâce à des frameworks comme PhoneGap ou Sencha Touch 2. Jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=2d81322e-6ab2-4840-a4b1-568f1bd370f4

Introduction au développement windows 8 modern ui avec html5 et javascriptdavrous

Nous verrons durant cette heure de session comment développer une application pour le Windows Store grâce aux technologies HTML5, JS & CSS3. Nous verrons ainsi comment construire depuis 0 un petit lecteur de flux RSS. Cela sera notre excuse pour découvrir l'usage de WinJS, le framework JavaScript de Microsoft pour Windows 8, ainsi que de l'outillage Visual Studio 2012 et Blend 5. Pour finir, nous verrons à travers un petit exemple d'usage de la camera comment fonctionne l'accès à WinRT depuis JS, le nouveau jeu d'API dédiés aux applications modernes. Session jouée lors des MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=60738dd2-6d50-4360-a285-ed988e49d850 Retrouvez les tutoriaux associés sur mon blog: http://blogs.msdn.com/b/davrous/archive/2012/09/05/tutorial-series-using-winjs-amp-winrt-to-build-a-fun-html5-camera-application.aspx & http://blogs.msdn.com/b/davrous/archive/2012/06/04/comment-cr-233-er-un-petit-lecteur-de-flux-rss-pour-windows-8-metro-en-html5-et-en-30-min-partie-1-2.aspx

Les dernières avancées html5 & css3 en action !davrous

Dans cette session, vous découvrirez les nouveaux standards supportés par Internet Explorer 10. Coté CSS3, on verra ainsi des choses comme grid layout, animations ou transitions. Coté nouvelles APIs, nous passerons un peu de temps sur la gestion du drag-n-drop, IndexedDB, la gestion de l'Application Cache ou bien encore la gestion du tactile. Pour découvrir tout cela, nous verrons à chaque fois de petits exemples d'illustration ainsi que des sites plus « complexes » les mettant en oeuvre. Présentation jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=4a174b26-32b7-4d4c-8523-ad3a3228ef53 Retrouvez tous les exemples de code sur mon blog ici: http://blogs.msdn.com/b/davrous/archive/2012/11/03/demos-links-amp-articles-associated-to-htm5-amp-css3-latest-features-in-action-build-3-114.aspx

W3 cafe ie10etwindows8davrous

Création d'une application html5 utilisant canvas, svg et les animations css3davrous

Création d’une application gérant l’offline et le stockagedavrous

Nouveautés html5 et css3 dans internet explorer 10davrous

Webinar HTML5 Microsoft Inteldavrous

C’est quoi HTML5 et pourquoi c’est important ? La partie d’HTML5 la plus répandue et supportée Comment supporter les anciens navigateurs ? Les spécifications les plus récentes comme : HTML5 : IndexedDB, AppCache, File APIs, HTML5 Forms, SVG Filters, WebSockets, WebWorkers, Drag’n’drop, HTML5 History, ECMAScript 5 Strict Mode CSS3 : CSS3 Multi-column Layout, CSS3 Grid Layout, CSS3 Flexible Box Layout, CSS3 Gradients, CSS3 Transitions, CSS3 Animations, CSS3 3D Transforms, Text Shadow

Create fun & immersive audio experiences with web audiodavrous

Nouveautés JavaScript dans le monde Microsoftdavrous

Unleashing WebGL & WebAudio with babylon.jsdavrous

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

Introduction à TypeScript et retour d'expérience sur le portage de Babylon.JSdavrous

Babylon.js WebGL Parisdavrous

Microsoft et l'Open Sourcedavrous

Back from BUILD - WebGLdavrous

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

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

Les défis d’une application mobile multi-périphériques avec HTML5davrous

Pointer eventsdavrous

L'histoire d'html5 pour les développeurs windows phone 8davrous

Introduction au développement windows 8 modern ui avec html5 et javascriptdavrous

Les dernières avancées html5 & css3 en action !davrous

W3 cafe ie10etwindows8davrous

Création d'une application html5 utilisant canvas, svg et les animations css3davrous

Création d’une application gérant l’offline et le stockagedavrous

Nouveautés html5 et css3 dans internet explorer 10davrous

Webinar HTML5 Microsoft Inteldavrous

Recently uploaded (20)

Interactive odoo dashboards for sales, CRM , Inventory, Invoice, Purchase, Pr...AxisTechnolabs

Interactive Odoo Dashboard for various business needs can provide users with dynamic, visually appealing dashboards tailored to their specific requirements. such a module that could support multiple dashboards for different aspects of a business ✅Visit And Buy Now : https://bit.ly/3VojWza ✅This Interactive Odoo dashboard module allow user to create their own odoo interactive dashboards for various purpose. App download now : Odoo 18 : https://bit.ly/3VojWza Odoo 17 : https://bit.ly/4h9Z47G Odoo 16 : https://bit.ly/3FJTEA4 Odoo 15 : https://bit.ly/3W7tsEB Odoo 14 : https://bit.ly/3BqZDHg Odoo 13 : https://bit.ly/3uNMF2t Try Our website appointment booking odoo app : https://bit.ly/3SvNvgU 👉Want a Demo ?📧 [email protected] ➡️Contact us for Odoo ERP Set up : 091066 49361 👉Explore more apps: https://bit.ly/3oFIOCF 👉Want to know more : 🌐 https://www.axistechnolabs.com/ #odoo #odoo18 #odoo17 #odoo16 #odoo15 #odooapps #dashboards #dashboardsoftware #odooerp #odooimplementation #odoodashboardapp #bestodoodashboard #dashboardapp #odoodashboard #dashboardmodule #interactivedashboard #bestdashboard #dashboard #odootag #odooservices #odoonewfeatures #newappfeatures #odoodashboardapp #dynamicdashboard #odooapp #odooappstore #TopOdooApps #odooapp #odooexperience #odoodevelopment #businessdashboard #allinonedashboard #odooproducts

FL Studio Producer Edition Crack 2025 Full Versiontahirabibi60507

Adobe Marketo Engage Champion Deep Dive - SFDC CRM Synch V2 & Usage DashboardsBradBedford3

Join Ajay Sarpal and Miray Vu to learn about key Marketo Engage enhancements. Discover improved in-app Salesforce CRM connector statistics for easy monitoring of sync health and throughput. Explore new Salesforce CRM Synch Dashboards providing up-to-date insights into weekly activity usage, thresholds, and limits with drill-down capabilities. Learn about proactive notifications for both Salesforce CRM sync and product usage overages. Get an update on improved Salesforce CRM synch scale and reliability coming in Q2 2025. Key Takeaways: Improved Salesforce CRM User Experience: Learn how self-service visibility enhances satisfaction. Utilize Salesforce CRM Synch Dashboards: Explore real-time weekly activity data. Monitor Performance Against Limits: See threshold limits for each product level. Get Usage Over-Limit Alerts: Receive notifications for exceeding thresholds. Learn About Improved Salesforce CRM Scale: Understand upcoming cloud-based incremental sync.

Societal challenges of AI: biases, multilinguism and sustainabilityJordi Cabot

Exploring Wayland: A Modern Display Server for the FutureICS

Explaining GitHub Actions Failures with Large Language Models Challenges, In...ssuserb14185

GitHub Actions (GA) has become the de facto tool that developers use to automate software workflows, seamlessly building, testing, and deploying code. Yet when GA fails, it disrupts development, causing delays and driving up costs. Diagnosing failures becomes especially challenging because error logs are often long, complex and unstructured. Given these difficulties, this study explores the potential of large language models (LLMs) to generate correct, clear, concise, and actionable contextual descriptions (or summaries) for GA failures, focusing on developers’ perceptions of their feasibility and usefulness. Our results show that over 80% of developers rated LLM explanations positively in terms of correctness for simpler/small logs. Overall, our findings suggest that LLMs can feasibly assist developers in understanding common GA errors, thus, potentially reducing manual analysis. However, we also found that improved reasoning abilities are needed to support more complex CI/CD scenarios. For instance, less experienced developers tend to be more positive on the described context, while seasoned developers prefer concise summaries. Overall, our work offers key insights for researchers enhancing LLM reasoning, particularly in adapting explanations to user expertise. https://arxiv.org/abs/2501.16495

Microsoft AI Nonprofit Use Cases and Live Demo_2025.04.30.pdfTechSoup

In this webinar we will dive into the essentials of generative AI, address key AI concerns, and demonstrate how nonprofits can benefit from using Microsoft’s AI assistant, Copilot, to achieve their goals. This event series to help nonprofits obtain Copilot skills is made possible by generous support from Microsoft. What You’ll Learn in Part 2: Explore real-world nonprofit use cases and success stories. Participate in live demonstrations and a hands-on activity to see how you can use Microsoft 365 Copilot in your own work!

Expand your AI adoption with AgentExchangeFexle Services Pvt. Ltd.

AgentExchange is Salesforce’s latest innovation, expanding upon the foundation of AppExchange by offering a centralized marketplace for AI-powered digital labor. Designed for Agentblazers, developers, and Salesforce admins, this platform enables the rapid development and deployment of AI agents across industries. Email: [email protected] Phone: +1(630) 349 2411 Website: https://www.fexle.com/blogs/agentexchange-an-ultimate-guide-for-salesforce-consultants-businesses/?utm_source=slideshare&utm_medium=pptNg

Requirements in Engineering AI- Enabled Systems: Open Problems and Safe AI Sy...Lionel Briand

What Do Contribution Guidelines Say About Software Testing? (MSR 2025)Andre Hora

Software testing plays a crucial role in the contribution process of open-source projects. For example, contributions introducing new features are expected to include tests, and contributions with tests are more likely to be accepted. Although most real-world projects require contributors to write tests, the specific testing practices communicated to contributors remain unclear. In this paper, we present an empirical study to understand better how software testing is approached in contribution guidelines. We analyze the guidelines of 200 Python and JavaScript open-source software projects. We find that 78% of the projects include some form of test documentation for contributors. Test documentation is located in multiple sources, including CONTRIBUTING files (58%), external documentation (24%), and README files (8%). Furthermore, test documentation commonly explains how to run tests (83.5%), but less often provides guidance on how to write tests (37%). It frequently covers unit tests (71%), but rarely addresses integration (20.5%) and end-to-end tests (15.5%). Other key testing aspects are also less frequently discussed: test coverage (25.5%) and mocking (9.5%). We conclude by discussing implications and future research.

EASEUS Partition Master Crack + License Codeaneelaramzan63

How to Optimize Your AWS Environment for Improved Cloud PerformanceThousandEyes

Douwan Crack 2025 new verson+ License codeaneelaramzan63

Meet the Agents: How AI Is Learning to Think, Plan, and CollaborateMaxim Salnikov

Salesforce Data Cloud- Hyperscale data platform, built for Salesforce.Dele Amefo

Pixologic ZBrush Crack Plus Activation Key [Latest 2025] New Versionsaimabibi60507

Copy & Past Link👉👉 https://dr-up-community.info/ Pixologic ZBrush, now developed by Maxon, is a premier digital sculpting and painting software renowned for its ability to create highly detailed 3D models. Utilizing a unique "pixol" technology, ZBrush stores depth, lighting, and material information for each point on the screen, allowing artists to sculpt and paint with remarkable precision .

TestMigrationsInPy: A Dataset of Test Migrations from Unittest to Pytest (MSR...Andre Hora

Unittest and pytest are the most popular testing frameworks in Python. Overall, pytest provides some advantages, including simpler assertion, reuse of fixtures, and interoperability. Due to such benefits, multiple projects in the Python ecosystem have migrated from unittest to pytest. To facilitate the migration, pytest can also run unittest tests, thus, the migration can happen gradually over time. However, the migration can be timeconsuming and take a long time to conclude. In this context, projects would benefit from automated solutions to support the migration process. In this paper, we propose TestMigrationsInPy, a dataset of test migrations from unittest to pytest. TestMigrationsInPy contains 923 real-world migrations performed by developers. Future research proposing novel solutions to migrate frameworks in Python can rely on TestMigrationsInPy as a ground truth. Moreover, as TestMigrationsInPy includes information about the migration type (e.g., changes in assertions or fixtures), our dataset enables novel solutions to be verified effectively, for instance, from simpler assertion migrations to more complex fixture migrations. TestMigrationsInPy is publicly available at: https://github.com/altinoalvesjunior/TestMigrationsInPy.

Avast Premium Security Crack FREE Latest Version 2025mu394968

🌍📱👉COPY LINK & PASTE ON GOOGLE https://dr-kain-geera.info/👈🌍 Avast Premium Security is a paid subscription service that provides comprehensive online security and privacy protection for multiple devices. It includes features like antivirus, firewall, ransomware protection, and website scanning, all designed to safeguard against a wide range of online threats, according to Avast. Key features of Avast Premium Security: Antivirus: Protects against viruses, malware, and other malicious software, according to Avast. Firewall: Controls network traffic and blocks unauthorized access to your devices, as noted by All About Cookies. Ransomware protection: Helps prevent ransomware attacks, which can encrypt your files and hold them hostage. Website scanning: Checks websites for malicious content before you visit them, according to Avast. Email Guardian: Scans your emails for suspicious attachments and phishing attempts. Multi-device protection: Covers up to 10 devices, including Windows, Mac, Android, and iOS, as stated by 2GO Software. Privacy features: Helps protect your personal data and online privacy. In essence, Avast Premium Security provides a robust suite of tools to keep your devices and online activity safe and secure, according to Avast.

How can one start with crypto wallet development.pptxlaravinson24

How to Batch Export Lotus Notes NSF Emails to Outlook PST Easily?steaveroggers

Migrating from Lotus Notes to Outlook can be a complex and time-consuming task, especially when dealing with large volumes of NSF emails. This presentation provides a complete guide on how to batch export Lotus Notes NSF emails to Outlook PST format quickly and securely. It highlights the challenges of manual methods, the benefits of using an automated tool, and introduces eSoftTools NSF to PST Converter Software — a reliable solution designed to handle bulk email migrations efficiently. Learn about the software’s key features, step-by-step export process, system requirements, and how it ensures 100% data accuracy and folder structure preservation during migration. Make your email transition smoother, safer, and faster with the right approach. Read More:- https://www.esofttools.com/nsf-to-pst-converter.html

Interactive odoo dashboards for sales, CRM , Inventory, Invoice, Purchase, Pr...AxisTechnolabs

FL Studio Producer Edition Crack 2025 Full Versiontahirabibi60507

Adobe Marketo Engage Champion Deep Dive - SFDC CRM Synch V2 & Usage DashboardsBradBedford3

Societal challenges of AI: biases, multilinguism and sustainabilityJordi Cabot

Exploring Wayland: A Modern Display Server for the FutureICS

Explaining GitHub Actions Failures with Large Language Models Challenges, In...ssuserb14185

Microsoft AI Nonprofit Use Cases and Live Demo_2025.04.30.pdfTechSoup

Expand your AI adoption with AgentExchangeFexle Services Pvt. Ltd.

Requirements in Engineering AI- Enabled Systems: Open Problems and Safe AI Sy...Lionel Briand

What Do Contribution Guidelines Say About Software Testing? (MSR 2025)Andre Hora

EASEUS Partition Master Crack + License Codeaneelaramzan63

How to Optimize Your AWS Environment for Improved Cloud PerformanceThousandEyes

Douwan Crack 2025 new verson+ License codeaneelaramzan63

Meet the Agents: How AI Is Learning to Think, Plan, and CollaborateMaxim Salnikov

Salesforce Data Cloud- Hyperscale data platform, built for Salesforce.Dele Amefo

Pixologic ZBrush Crack Plus Activation Key [Latest 2025] New Versionsaimabibi60507

TestMigrationsInPy: A Dataset of Test Migrations from Unittest to Pytest (MSR...Andre Hora

Avast Premium Security Crack FREE Latest Version 2025mu394968

How can one start with crypto wallet development.pptxlaravinson24

How to Batch Export Lotus Notes NSF Emails to Outlook PST Easily?steaveroggers

Building a cross platforms tower defense game Dev Days 2016

3. #babylonjs Babylon.js ? Free & open source project (Apache 2 license): https://github.com/babylonjs/babylon.js Written in TypeScript Our philosophy? Simple to use High performance Run everywhere WebGL. simple. powerful.

4. #babylonjs Advanced features Offline support IndexedDB Network optimizations Incremental loading Blender, 3DS Max & Unity exporters Design & render + babylonjs.com/sandbox Complete collisions and physics engine

5. #babylonjs Advanced features Smart shaders engine postprocesses PBR support Complete Web Audio engine Advanced texture support (Bump, DDS) Touch, Gamepad, VR & virtual joysticks

6. #babylonjs Handling touch devices One event to rule them all!

9. #babylonjs Game design • Simple levels definition in .CSV files • Our level editor is… Excel 

10. #babylonjs TA1 & TA2 (add scale + particles) TB1 & TB2 (add scale + particles) TC1 & TC2 (add scale + particles) TB3 TA3 TC3 Towers and evolutions Tower A Tower B Tower C

11. #babylonjs Castle CTL CTR CBL CBR The castle needs 4 slots It is splitted virtually into 4 areas • CTL (Castle Top Left) • CTR (Castle Top Right) • CBL (Castle Bottom Left) • CBR (Castle Bottom Right)

12. #babylonjs Ground types Code : G1 Straight road Code : RH (Road Horizontal) Code : RV (Road Vertical) Code : RTLT (Road Turn Left Top) Code : RTRT (Road Turn Right Top) Code : RTRB (Road Turn Right Bottom) Code : RTLB (Road Turn Left Bottom) Code : RYB (Road Y Bottom) Code : RYT (Road Y Top) Code : RYL (Road Y Left) Code : RYR (Road Y Right) Turning road Y intersection road Code : SPAWN (Represented like classic grass)

13. #babylonjs Rocks R1 R2 R3 R4 R5 R6 R7 R8 R9 R10 R11 R12 R13 R14 R15 R16 R17 R18 R19 R20 R21 R22 R23 R24 R25 R26 R27 R28 R29 R30 R31 R32 R33 R34 R35 R36

14. #babylonjs Trees T1 T2 T3 T4 T5 T6 T7 T8 T9 T10 T11 T12 T13 T14 T15 T16 T17 T18 T19 T20 T21 T22

15. #babylonjs Other decorative elements D1 D2 D3 D4 D5

17. #babylonjs Working with 3D artists

18. #babylonjs Creation Pipeline From 3D tooling to WebGL using 0 line of code! .babylonoffline converter .FBX .OBJ .FBX .OBJ

20. #babylonjs Optimizations - We must pay attention to draw calls, specifically on mobiles - For that, 2 solutions: Merge or use Instances

21. #babylonjs Debug layer Draw calls Time spent per feature Number of objects Number of active vertices Are you GPU / CPU locked? User marks + F12 Tool to help you reviewing performance issues

23. #babylonjs Making it an app Using Manifold.js to target Windows Store & Cordova Using a Progressive Web Apps approach (Chrome on Android only today)

26. Useful links Play with Babylon.js demos on www.babylonjs.com • And try some tutorials via our playground: www.babylonjs.com/playground • Documentation: http://doc.babylonjs.com • Forum: http://www.html5gamedevs.com/forum/16-babylonjs/ Contact the Babylon.js developers: @deltakosh & @davrous

27. www.babylonjs.com #babylonjs @deltakosh @davrous

Editor's Notes

#3: T+2
#8: T+5 Sponza: - Demo mode plein écran - Free mode mouse/keyboard, touch & gamepad  parler de Web Audio 3D - Demo sur iPhone 6s - Démo offline sur PC depuis start screen - Démo Jedi - Demo Dynamic Shadows : http://babylonjs.com/demos/SponzaDynamicShadows/ - Démo Xbox Avatars
#9: T+10
#17: T+14
#18: T+15
#19: T+20
#20: T+17 Show Unity exporter Show assets exported in the solution Show the sandbox & editor to quickly modify the scene Show the game
#21: T+24
#23: T+27 Show Maze in the Playground without merging + show with it Show the game without instancing and with it Start base: http://david.blob.core.windows.net/techdays2014/lovemaze/step2/index.html Without merging: http://www.babylonjs-playground.com/#1PS6M2 Optimized: http://www.babylonjs-playground.com/#1PS6M2#1
#24: T+33

Building a cross platforms tower defense game Dev Days 2016

Recommended

More Related Content

Similar to Building a cross platforms tower defense game Dev Days 2016 (20)

More from davrous (20)

Recently uploaded (20)

Building a cross platforms tower defense game Dev Days 2016

Editor's Notes