Recomendados
Recomendados
Más contenido relacionado
Similar a Building a cross platforms tower defense game Dev Days 2016
Similar a Building a cross platforms tower defense game Dev Days 2016 (20)
Más de davrous
Más de davrous (20)
Último
Último (20)
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
Notas del editor
- T+2
- 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
- T+10
- T+14
- T+15
- T+20
- T+17 Show Unity exporter Show assets exported in the solution Show the sandbox & editor to quickly modify the scene Show the game
- T+24
- 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
- T+33