SlideShare a Scribd company logo
Our clients here at the Affle AppStudioz often ask us to
guide them through the available options to develop their
apps. Here’s a walkthrough of the two technologies that are
popular with clients and developers alike.
With the advent of web apps and hybrid apps, HTML5 based
app development has become a contender for the titles that
only native app frameworks and game engines held before.
HTML5 and and Unity are the two technologies that
are constantly pitted against each other because of
their popularity in the mobile application world.
Before we head for the knockout rounds, let’s first
choose how to categorize the rounds. Here’s where
you decide if you need a web app, a hybrid app or a
native app.
UNITY VS. HTML5
This is how we come to the two broad
categories for their comparison:
Gaming Apps
These are preferably native apps with heavyanimation graphics, motion events and soundeffects.
Non Gaming Apps
These could be native/ hybrid / web apps depending on the
required features. For example if the native features like
back camera or front camera are essential to the app then
it should be built in native frameworks for a smoother
experience.
Round #1: Gaming Apps
Once you have chosen the type of mobile app you need to build, this face off
should help you understand what platform would give you optimum results:
Unity markets itself essentially as a game engine. Which means that it is equipped to handle the physics, the anima-
tions, and three dimensional rendering-features crucial to deliver top notch gaming apps. A gaming app developer
jumps at the thought of all the imagination and animation he can put using Unity.
Here are some features of Unity :
Developers love the HTML5 as a browser script. The familiarity and no hassle coding makes HTML5 a preferred choice
for web apps and now- hybrid apps. A word of caution though-the mobile web browsers cannot support the heavy graph-
ic and code handling capabilities of a web browser which makes seamless mobile web gaming apps very rare. In case you
are going for a HTML5 based mobile gaming app, you are choosing to make a hybrid app which is essentially some HTML5
code wrapped in a native device’s Xcode for bypassing app stores.
2D and 3D graphics support: The quality of animation and graphics is relatively advanced.
Physics Support: Unity 3D takes care of the physics equations for real life like game dynamics using PhysiX 3.3.
Asset pipeline: Various assets are available with easy integration.
Seamless integration: 20 + different platforms supported using plugins.
Programming languages needed to code in unity are C#, Javascript and Boo. The developers familiarity with these
mid level languages determines the ease of coding.
Advanced features such as multiplayer gaming across multiplayer platforms is possible.
Extensive documentation is available for gaming related features in Unity.
HTML5 features
Round #1 Winner: From this viewpoint
Unity 3D emerges as the better solution
to build gaming apps.
Less preferred for complex mobile game due to less
advanced graphic features. You can not make a temple
run or angry birds with HTML5 alone. The WebGL plugin
helps in including better graphics but that’s tricky in
mobile browsers.
Features such as audio and sounds in HTML5 are
not supported as seamlessly on embedded mobile
app browsers or mobile browsers. Here’s an example
from the professional’s archives.
Physics: HTML5 for mobile phones can include physics
if used with supporting game engines such as kiwis.js
(the same applies to other browser languages like
javascript and CSS. Supporting game engines take care
of assets and features). Here’s a list of the various game
engines and physical world equations that can be
added using browser scripts.
Cross platform integration is pretty flexible and the
highlight of HTML5. A simple web game can be turned
into an iOS or Android app by adding a native wrapper
and disguising it. The catch is that it should not be too
complicated and heavy for mobile browsers.
Round # 2: Non Gaming Apps
Non gaming apps require less animation and graphic detailing. The functionality is less of an imitation of the physical
world. The UI needs be clean and intuitive of the user behaviour on mobile screens. You don’t need a bouncing and
hopping dropdown lists for navigation on a regular eCommerce app. Still many developers swear by using Unity 3D for
non gaming apps as well.
Here are the features that work for Unity in non gaming apps:
There are some other
advantageous features
that we will be discussing
here:
Ease of use: It is a lightweight engine that is very well documented. Developers and designers do not find it difficult to
adjust to using Unity for non gaming apps.
2D UI is also supported so it is easily possible to create menus, boxes and icons for the non gaming apps as well.
Additional features: Includes Google Analytics plugins which could be used for UAT (User Acceptance Testing ) of vari-
ous in-app features.
One can choose between Javascript or C# for making non gaming apps as well.
Unity 3D has native library plugins that can include 20+ platforms as mentioned before. So it has a decent cross
platform integration ability.
“ “HTML5 is already counted as the biggest game
changer in web apps and hybrid app technology.
In fact one can easily turn a web app into an
Android app or an iOS rendition of the same.
The familiarity of developers with HTML5 makes it
widely acceptable.
Cross Platform
Capabilities
Its cross platform capabilities
is its biggest advantage. Turning
a web HTML5 code into a web
app or a hybrid App is as easy
as anything.
Availability Of
Mobile UI
Availability of mobile UI
frameworks for elegant UI
design.
Easier Upgrades
Easier upgrades: Since HTML5
is a general development
language and their is a huge
open source community for it,
one can easily add additional
features into the app.
Cost Effectiveness
Cost effectiveness is a major
plus of HTML5. Some products
may need a desktop based
UI/UX and a mobile version.
The same desktop code can be
reused to make the mobile
based technology. Even on the
server side, many data struc-
tures and even algorithms can
be reused. This means shorter
development cycle.
Responsive
Web Apps
Responsive web apps can
be designed using HTML5 .
These can fit spontaneously
to any screen size.
Wrapping
Technologies
Wrapping technologies such
as Apache Cordova are easily
available to make native
hybrid apps that can thus run
with all major mobile OS
(Android, iOS, Windows).
HTML5 features
We have a tie! We know we compared apples to oranges in comparing a browser scripts to a game engine but the fact
remains! Some prefer apples and some prefer oranges. You cannot declare a clear winner between these two not just
because of the classification ( a browser script and a gaming engine) but also because they pertain to different user
requirements.
Tip : If your app is a simple design with simple, less complicated features, go for a web or hybrid app in which
HTML5 may offer you results comparable with Unity.
If it’s a complicated application with sizeable graphics and animations or multiple motion events or functions involving
native devices like camera and sound , then we advise you to go for a native app, or the javascript version as applied by
Unity .
Conclusion
Round #2 Winner : The cost effectiveness of HTML5 makes it a
better runner for non gaming apps but if you are looking for
features that are out of the ordinary, HTML5 may not be the answer.
Learn more about us
sales@appstudioz.com
http://www.appstudioz.com/,
http://www.affle.com

More Related Content

PPTX
Introduction to Android and Android Studio
PPT
Mobile Application Development With Android
PPTX
Presentation on Android application
PDF
Introduction to flutter
PPTX
Android and android phones
PPTX
Flutter 2.2 version | skywave info solutions
PDF
What To Choose Between - Native App And Hybrid Mobile App
PPTX
Android game ppt
Introduction to Android and Android Studio
Mobile Application Development With Android
Presentation on Android application
Introduction to flutter
Android and android phones
Flutter 2.2 version | skywave info solutions
What To Choose Between - Native App And Hybrid Mobile App
Android game ppt

What's hot (20)

PDF
Car Game - Final Year Project
PDF
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
PPTX
Gdsc android introduction
PPT
PPT Companion to Android
PPTX
Experience The Best Android Programming Training Here | LW India
PPTX
Android Application Development
PPTX
Android app ppt
PDF
Most recommended android app development frameworks for app development
PPTX
Android Overview
PPTX
Flutter single codebase to build your dream application for i os and android
PDF
Ganar el desafio android
PDF
[Android] Introduction to Android Programming
PDF
Android Application And Unity3D Game Documentation
PPT
Android ppt
PPT
Android application and android operating system
PPTX
Android Project Presentation
ODP
Introduction to Android App Development
PDF
Top mobile app development frameworks to consider in 2021
PPTX
Android development training
DOCX
TOP 5 TECHNOLOGIES TO CREATE A COMPETENT ANDROID APP IN 2019
Car Game - Final Year Project
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
Gdsc android introduction
PPT Companion to Android
Experience The Best Android Programming Training Here | LW India
Android Application Development
Android app ppt
Most recommended android app development frameworks for app development
Android Overview
Flutter single codebase to build your dream application for i os and android
Ganar el desafio android
[Android] Introduction to Android Programming
Android Application And Unity3D Game Documentation
Android ppt
Android application and android operating system
Android Project Presentation
Introduction to Android App Development
Top mobile app development frameworks to consider in 2021
Android development training
TOP 5 TECHNOLOGIES TO CREATE A COMPETENT ANDROID APP IN 2019
Ad

Viewers also liked (18)

ODP
Media Portfolio by Affle Enterprise
PDF
Presentación 1
PDF
Mobile Broadband TLC
PPTX
דור ה-Y ענב גנד גלילי
PPTX
PDF
Mundo colorido - Nº 13, 2013 - Tintas 2000, Tintas Marilina, A&F
DOCX
Lee samuels
DOCX
12 bejarano aurelio_excel
PPTX
Occupational Therapist's Assistant
PDF
Dwartet beschrijving
PDF
Criação de marca friendsofteh lake - menor
PPTX
ענב גנד גלילי - על אלמנט ההפתעה באסטרטגיה ארגונית
PPT
Flower
PPTX
Doug’s glass
PDF
What To Expect From Apple At WWDC 2014
PDF
Arco Iris Care Week
PPTX
Case Study on Retail App
PPT
Al blog plants
Media Portfolio by Affle Enterprise
Presentación 1
Mobile Broadband TLC
דור ה-Y ענב גנד גלילי
Mundo colorido - Nº 13, 2013 - Tintas 2000, Tintas Marilina, A&F
Lee samuels
12 bejarano aurelio_excel
Occupational Therapist's Assistant
Dwartet beschrijving
Criação de marca friendsofteh lake - menor
ענב גנד גלילי - על אלמנט ההפתעה באסטרטגיה ארגונית
Flower
Doug’s glass
What To Expect From Apple At WWDC 2014
Arco Iris Care Week
Case Study on Retail App
Al blog plants
Ad

Similar to POV | Unity vs HTML5 | Affle Enterprise (20)

PDF
Caught between fires html5 mahdi_njim
PPTX
A Holistic Approach to HTML5 Game Design & Development
PDF
Desarrollo de apps multiplataforma con tecnologías web
PDF
Sg conference multiplatform_apps_adam_stanley
PDF
Native, Web App, or Hybrid: Which Should You Choose?
KEY
Mobile Drupal
PPTX
Mobile Web Apps
PPTX
Dissecting and DeFragmenting the Wild and Wacky Mobile App World
PPTX
2011 code camp
PPTX
Where Design and Development Meet: Cross Platform Mobile Experiences
PDF
MobApp 02- for HTML5 for Mobiles (1).pdf
PPTX
appMobi HTML5 Gaming
PPTX
Multi-platform Compatibility of HTML5 by developing simple HTML5 based game(M...
PPTX
Multi-platform Compatibility of HTML5 by developing simple HTML5 based game(M...
PDF
Kinvey how-to-make-an-app-mobile-html5
PDF
HTML5 Can't Do That
PPTX
Top 4 Cross Platform tools for Mobile App Development
PDF
HTML5 for Mobile - When and Why
 
PPTX
How to Hybrid : Effective Tactics in HTML5-Native App Development
PDF
Anton Sakharov: The risks you take when develop cross-platform apps using HT...
Caught between fires html5 mahdi_njim
A Holistic Approach to HTML5 Game Design & Development
Desarrollo de apps multiplataforma con tecnologías web
Sg conference multiplatform_apps_adam_stanley
Native, Web App, or Hybrid: Which Should You Choose?
Mobile Drupal
Mobile Web Apps
Dissecting and DeFragmenting the Wild and Wacky Mobile App World
2011 code camp
Where Design and Development Meet: Cross Platform Mobile Experiences
MobApp 02- for HTML5 for Mobiles (1).pdf
appMobi HTML5 Gaming
Multi-platform Compatibility of HTML5 by developing simple HTML5 based game(M...
Multi-platform Compatibility of HTML5 by developing simple HTML5 based game(M...
Kinvey how-to-make-an-app-mobile-html5
HTML5 Can't Do That
Top 4 Cross Platform tools for Mobile App Development
HTML5 for Mobile - When and Why
 
How to Hybrid : Effective Tactics in HTML5-Native App Development
Anton Sakharov: The risks you take when develop cross-platform apps using HT...

More from Affle mTraction Enterprise (20)

PDF
Sterling Publishers App by Sterling Publishers
PDF
Hathway Self Care App by Hathway Cable & Datacom Ltd
PDF
CASE STUDY | BookMyshow
PDF
CASE STUDY | Videocon Remote App
PDF
CASE STUDY | Tupelo Life
PDF
CASE STUDY | Sun Pharma
PDF
CASE STUDY | Looptop
PDF
Affle Enterprise | Case Study | Emily
PPTX
Case Studies of Navigation Apps
ODP
Top apps portfolio by Affle AppStudioz
PPTX
Mobile World Congress 2015 - The Winners
PPTX
MWC 2015 - Day 3
ODP
Consumer Portfolio by Affle AppStudioz
PPTX
MWC 2015 - Day 2
PPTX
MWC 2015 - Day 1
ODP
MWC 2015: what it beholds?
PPTX
Health care Portfolio by Affle Enterprise
ODP
Consumer Electronics Show 2015 - The Final Word
ODP
Consumer Electronics Show 2015 - Day 2
Sterling Publishers App by Sterling Publishers
Hathway Self Care App by Hathway Cable & Datacom Ltd
CASE STUDY | BookMyshow
CASE STUDY | Videocon Remote App
CASE STUDY | Tupelo Life
CASE STUDY | Sun Pharma
CASE STUDY | Looptop
Affle Enterprise | Case Study | Emily
Case Studies of Navigation Apps
Top apps portfolio by Affle AppStudioz
Mobile World Congress 2015 - The Winners
MWC 2015 - Day 3
Consumer Portfolio by Affle AppStudioz
MWC 2015 - Day 2
MWC 2015 - Day 1
MWC 2015: what it beholds?
Health care Portfolio by Affle Enterprise
Consumer Electronics Show 2015 - The Final Word
Consumer Electronics Show 2015 - Day 2

Recently uploaded (20)

PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPT
Teaching material agriculture food technology
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
Cloud computing and distributed systems.
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
A Presentation on Artificial Intelligence
Encapsulation_ Review paper, used for researhc scholars
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
The AUB Centre for AI in Media Proposal.docx
NewMind AI Monthly Chronicles - July 2025
NewMind AI Weekly Chronicles - August'25 Week I
Review of recent advances in non-invasive hemoglobin estimation
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Teaching material agriculture food technology
Diabetes mellitus diagnosis method based random forest with bat algorithm
Per capita expenditure prediction using model stacking based on satellite ima...
Mobile App Security Testing_ A Comprehensive Guide.pdf
Cloud computing and distributed systems.
Spectral efficient network and resource selection model in 5G networks
20250228 LYD VKU AI Blended-Learning.pptx
Understanding_Digital_Forensics_Presentation.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
A Presentation on Artificial Intelligence

POV | Unity vs HTML5 | Affle Enterprise

  • 1. Our clients here at the Affle AppStudioz often ask us to guide them through the available options to develop their apps. Here’s a walkthrough of the two technologies that are popular with clients and developers alike. With the advent of web apps and hybrid apps, HTML5 based app development has become a contender for the titles that only native app frameworks and game engines held before. HTML5 and and Unity are the two technologies that are constantly pitted against each other because of their popularity in the mobile application world. Before we head for the knockout rounds, let’s first choose how to categorize the rounds. Here’s where you decide if you need a web app, a hybrid app or a native app. UNITY VS. HTML5
  • 2. This is how we come to the two broad categories for their comparison: Gaming Apps These are preferably native apps with heavyanimation graphics, motion events and soundeffects. Non Gaming Apps These could be native/ hybrid / web apps depending on the required features. For example if the native features like back camera or front camera are essential to the app then it should be built in native frameworks for a smoother experience.
  • 3. Round #1: Gaming Apps Once you have chosen the type of mobile app you need to build, this face off should help you understand what platform would give you optimum results: Unity markets itself essentially as a game engine. Which means that it is equipped to handle the physics, the anima- tions, and three dimensional rendering-features crucial to deliver top notch gaming apps. A gaming app developer jumps at the thought of all the imagination and animation he can put using Unity. Here are some features of Unity : Developers love the HTML5 as a browser script. The familiarity and no hassle coding makes HTML5 a preferred choice for web apps and now- hybrid apps. A word of caution though-the mobile web browsers cannot support the heavy graph- ic and code handling capabilities of a web browser which makes seamless mobile web gaming apps very rare. In case you are going for a HTML5 based mobile gaming app, you are choosing to make a hybrid app which is essentially some HTML5 code wrapped in a native device’s Xcode for bypassing app stores. 2D and 3D graphics support: The quality of animation and graphics is relatively advanced. Physics Support: Unity 3D takes care of the physics equations for real life like game dynamics using PhysiX 3.3. Asset pipeline: Various assets are available with easy integration. Seamless integration: 20 + different platforms supported using plugins. Programming languages needed to code in unity are C#, Javascript and Boo. The developers familiarity with these mid level languages determines the ease of coding. Advanced features such as multiplayer gaming across multiplayer platforms is possible. Extensive documentation is available for gaming related features in Unity.
  • 4. HTML5 features Round #1 Winner: From this viewpoint Unity 3D emerges as the better solution to build gaming apps. Less preferred for complex mobile game due to less advanced graphic features. You can not make a temple run or angry birds with HTML5 alone. The WebGL plugin helps in including better graphics but that’s tricky in mobile browsers. Features such as audio and sounds in HTML5 are not supported as seamlessly on embedded mobile app browsers or mobile browsers. Here’s an example from the professional’s archives. Physics: HTML5 for mobile phones can include physics if used with supporting game engines such as kiwis.js (the same applies to other browser languages like javascript and CSS. Supporting game engines take care of assets and features). Here’s a list of the various game engines and physical world equations that can be added using browser scripts. Cross platform integration is pretty flexible and the highlight of HTML5. A simple web game can be turned into an iOS or Android app by adding a native wrapper and disguising it. The catch is that it should not be too complicated and heavy for mobile browsers.
  • 5. Round # 2: Non Gaming Apps Non gaming apps require less animation and graphic detailing. The functionality is less of an imitation of the physical world. The UI needs be clean and intuitive of the user behaviour on mobile screens. You don’t need a bouncing and hopping dropdown lists for navigation on a regular eCommerce app. Still many developers swear by using Unity 3D for non gaming apps as well. Here are the features that work for Unity in non gaming apps: There are some other advantageous features that we will be discussing here: Ease of use: It is a lightweight engine that is very well documented. Developers and designers do not find it difficult to adjust to using Unity for non gaming apps. 2D UI is also supported so it is easily possible to create menus, boxes and icons for the non gaming apps as well. Additional features: Includes Google Analytics plugins which could be used for UAT (User Acceptance Testing ) of vari- ous in-app features. One can choose between Javascript or C# for making non gaming apps as well. Unity 3D has native library plugins that can include 20+ platforms as mentioned before. So it has a decent cross platform integration ability. “ “HTML5 is already counted as the biggest game changer in web apps and hybrid app technology. In fact one can easily turn a web app into an Android app or an iOS rendition of the same. The familiarity of developers with HTML5 makes it widely acceptable.
  • 6. Cross Platform Capabilities Its cross platform capabilities is its biggest advantage. Turning a web HTML5 code into a web app or a hybrid App is as easy as anything. Availability Of Mobile UI Availability of mobile UI frameworks for elegant UI design. Easier Upgrades Easier upgrades: Since HTML5 is a general development language and their is a huge open source community for it, one can easily add additional features into the app. Cost Effectiveness Cost effectiveness is a major plus of HTML5. Some products may need a desktop based UI/UX and a mobile version. The same desktop code can be reused to make the mobile based technology. Even on the server side, many data struc- tures and even algorithms can be reused. This means shorter development cycle. Responsive Web Apps Responsive web apps can be designed using HTML5 . These can fit spontaneously to any screen size. Wrapping Technologies Wrapping technologies such as Apache Cordova are easily available to make native hybrid apps that can thus run with all major mobile OS (Android, iOS, Windows). HTML5 features
  • 7. We have a tie! We know we compared apples to oranges in comparing a browser scripts to a game engine but the fact remains! Some prefer apples and some prefer oranges. You cannot declare a clear winner between these two not just because of the classification ( a browser script and a gaming engine) but also because they pertain to different user requirements. Tip : If your app is a simple design with simple, less complicated features, go for a web or hybrid app in which HTML5 may offer you results comparable with Unity. If it’s a complicated application with sizeable graphics and animations or multiple motion events or functions involving native devices like camera and sound , then we advise you to go for a native app, or the javascript version as applied by Unity . Conclusion Round #2 Winner : The cost effectiveness of HTML5 makes it a better runner for non gaming apps but if you are looking for features that are out of the ordinary, HTML5 may not be the answer. Learn more about us sales@appstudioz.com http://www.appstudioz.com/, http://www.affle.com