Forge of Empires do AS3 para o Haxe. Post mortem

Nos comentários sobre a tradução do relatório das HaxeUp Sessions 2020 Hamburg - Winter Haxe Status Report - uma pergunta foi feita sobre por que o Haxe é necessário. Claro, eles responderam no mesmo lugar, nos comentários. A tradução proposta de outro relatório do HaxeUp passado deveria, na minha opinião, ser um argumento adicional em defesa do Haxe, como este relatório é sobre um jogo que ganhou mais de 500 milhões de euros.


O autor do relatório, Nenad, é um dos programadores da InnoGames que trabalhou na conversão do Forge of Empires do ActionScript para o Haxe. Há dois anos em Amsterdã, a InnoGames falou sobre seu trabalho nessa direção. Hoje, podemos dizer que eles fizeram isso completamente - agora as duas versões do Web client (Flash e html5) são montadas a partir de uma única base de código no Haxe. E este relatório é essencialmente uma revisão do trabalho realizado e das decisões tomadas, bem-sucedidas e não muito boas.


imagem


Vamos começar com a introdução - quem é o InnoGames?


InnoGames — (. ) 400 . , , ( ). (lifetime revenue) 1 . .


imagem


Forge of Empires — :


  • InnoGames ( )
  • : , ( ). PvE, PvP .
  • 500 .
  • , 2012
  • Android iOS.

imagem


, Forge of Empires , InnoGames Flash. , html5- , Flash-.


, , , html5-:


imagem


1. , InnoGames — , , tween-, .


imagem


, (, CreateJS Flash API ActionScript- JavaScript). Egret OpenFL — . Egret , . Egret — , "", . , .
Haxe OpenFL — , .. . , OpenFL .


imagem


2. :
:


  • . ActionScript- , ActionScript- . , "" ActionScript-, ,
  • ,
  • html5- flash-. ( QA), . , . flash-, html5- .

:


  • , .
  • ,
  • ,

imagem


2018 html5-, . .


html5- -.


, .


A/B , html5-, — flash-. 2018 html5- -. html5- 85-86% .


imagem


3. :


  • - -. Egret, .. . , : Forge of Empires , ActionScript Haxe, InnoGames . , InnoGames ActionScript->Haxe. InnoGames , , , ( InnoGames Haxe).
  • .. , InnoGames
  • Haxe OpenFL
  • Haxe .

imagem


4. , mocked-, .


imagem


, mocked-:
ActionScript- — , , mocked- ActionScript. Haxe- ( ). .


"" (, ). Haxe- :


  • mocked- Haxe
  • mocked-
  • .

( ) .


imagem


5. — , ActionScript- , "" :


  • ( , ..)
  • ( Haxe-)
  • Haxe-

.. — , ActionScript-.


imagem


6. , , , — . .


flash- - swf, ATF-. , html5-. : html5-, flash- .


: swf- , OpenFL .


imagem


7. ( ) — , . Pull Request Flash JavaScript.


, UI-.


html5- Flash-.


imagem


8. (dependency injection) Robotlegs, swiftsuspenders. swiftsuspenders . Haxe- @:rtti — xml-, . .. , html5- ( xml- ). , : @:rtti ITypeDescriptionAware — , , , , ( ). , .


imagem


9. Canvas- , .. , Microsoft Edge — ( ).


imagem


10. ? , - .
InnoGames OpenFL , , WebGL, drawcall.


imagem


11. OpenFL . SubBitmapData — , ( — !). , , drawcall.


imagem


12. ? , !
html5- . — , drawcall ( , drawcall’, ; gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS)). drawcall’. .


imagem


13. ? — !
- html5- 60 , Internet Explorer — webgl-, . , , Internet Explorer 10% , "" !


Internet Explorer Flash- .


imagem


, InnoGames Haxe, .. Flash- ActionScript-, html5- — Haxe-, . html5-, OpenFL html5.


, InnoGames (. . 4), , , , ActionScript. Haxe . , "" .
.


Haxe-, Flash, JavaScript. , Haxe- .


, — .


imagem


: OpenFL html5-, Flash- , .


HaxeUp.


imagem


14. ( ) — Haxe, 2 . , ( Haxe- , IDE), :


  • -, . , . , , src ActionScript-, Haxe- . , "" CI, IDE, . " " (ActionScript- ), , , , " ", Haxe git, ActionScript-
  • -, . Haxe , ActionScript-. Haxe ActionScript- Ant-. .

, :


imagem


1. (workflow) — 2 : . , — . , mocked-, .


ActionScript Haxe, ( ).


imagem


2. — . Haxe- :


  • master- ""
  • conversion- Haxe-
  • develop- -.

merge-, - ActionScript develop- Haxe-. , "". .


imagem


3. — html5- , . , Internet Explorer Flash-, , Haxe .


Portanto, se a equipe tivesse que reiniciar o desenvolvimento do conversor, seria o mais multiplataforma possível.


imagem


Mas agora as duas versões do cliente de navegador do Forge of Empires usam o código Haxe. Obrigado pela atenção!


All Articles