SlideShare a Scribd company logo
Html5 2da parte
• WebGL is a new technology which
  brings hardware-accelerated 3D graphics to
  the browser.
• WebGL makes it possible to display amazing
  realtime 3D graphics in your browser but what
  many people don't know is that WebGL is actually
  a 2D API, not a 3D API.
• WebGL only cares about 2 things. Clipspace
  coordinates in 2D and colors. Your job as a
  programmer using WebGL is to provide WebGL
  with those 2 things. You provide 2 "shaders" to
  do this. A Vertex shader which provides the
  clipspace coordinates and a fragment shader that
  provides the color.
Html5 2da parte
Html5 2da parte
Html5 2da parte
With the introduction of CSS3 it has never been easier to create rich and beautiful sites
and applications in HTML. There are many new technologies and extensions to CSS3
including: 2D Transformations, Transitions, 3D Transforms and WebFonts to name just a
few.
Html5 2da parte

More Related Content

PPTX
Html5 2da parte
PDF
W3C HTML5 KIG-HTML5 Game Performance Issue
PPTX
HTML5 Charting in ASP.NET using RadHtmlChart
PDF
Layar Monthly Q&A July 2014
PDF
What cloud changes the developer
PDF
JSConf UY Exceeding Expectations With MontageJS Draw Cycle
PDF
SVG For Designers And Developers
Html5 2da parte
W3C HTML5 KIG-HTML5 Game Performance Issue
HTML5 Charting in ASP.NET using RadHtmlChart
Layar Monthly Q&A July 2014
What cloud changes the developer
JSConf UY Exceeding Expectations With MontageJS Draw Cycle
SVG For Designers And Developers

What's hot (15)

PDF
Power of WebGL (FSTO 2014)
PDF
Forge - DevCon 2016: Free your design data
PPTX
NGF2014 - Create a 3d game with webgl and babylon.js
PPTX
Day 1 ppt
PPTX
Extending GWT
PPTX
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
PPTX
Unleashing WebGL & WebAudio with babylon.js
PPTX
Easy charting with
PDF
Easy HTML5 Data Visualization with Kendo UI DataViz
PPTX
Html5 (games)
PPTX
Xamarin - Microcharts
PPTX
Modernizing Desktop Apps on Windows 10
ODP
Node-Red Poster
PPTX
Google cloud infrastructure workshop
PPTX
Creating Innovative Experiences for Fluent Design using the Visual Layer
Power of WebGL (FSTO 2014)
Forge - DevCon 2016: Free your design data
NGF2014 - Create a 3d game with webgl and babylon.js
Day 1 ppt
Extending GWT
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.es
Unleashing WebGL & WebAudio with babylon.js
Easy charting with
Easy HTML5 Data Visualization with Kendo UI DataViz
Html5 (games)
Xamarin - Microcharts
Modernizing Desktop Apps on Windows 10
Node-Red Poster
Google cloud infrastructure workshop
Creating Innovative Experiences for Fluent Design using the Visual Layer
Ad

Similar to Html5 2da parte (20)

PPTX
Interactive 3D graphics for web with three.js, Andrey Vedilin, DataArt
PPTX
HTML 5 - A developers perspective
PPTX
3D Web Visualization
PPTX
3D Web Visualization 1
PPTX
HTML5- The Boosting Era of Web Development
PDF
Prepare for a paradigm shift in Web App Development as WebGL takes center sta...
PPT
Microsoft Webday 2008 - Silverlight Experiences
PDF
Building a Better Web with HTML5 and CSS3
PPTX
WebGan.pptx
PPTX
Transforming the web into a real application platform
PDF
Cytoscape and the Web
PDF
Intel AppUp Day Bologna
PPSX
HTML5, CSS3, and JavaScript
PDF
OrientDB - Perché le tue applicazioni meritano un DB Multi-Model
PDF
OpenWebGlobe - GeoSharing Bern
PDF
3D animation web designs
PPTX
Q tales project - WebGL
ODP
Swt 2009
PPTX
Boilerplates: Step up your Web Development Process
PPTX
Larson 3D Product Strategy 2020
Interactive 3D graphics for web with three.js, Andrey Vedilin, DataArt
HTML 5 - A developers perspective
3D Web Visualization
3D Web Visualization 1
HTML5- The Boosting Era of Web Development
Prepare for a paradigm shift in Web App Development as WebGL takes center sta...
Microsoft Webday 2008 - Silverlight Experiences
Building a Better Web with HTML5 and CSS3
WebGan.pptx
Transforming the web into a real application platform
Cytoscape and the Web
Intel AppUp Day Bologna
HTML5, CSS3, and JavaScript
OrientDB - Perché le tue applicazioni meritano un DB Multi-Model
OpenWebGlobe - GeoSharing Bern
3D animation web designs
Q tales project - WebGL
Swt 2009
Boilerplates: Step up your Web Development Process
Larson 3D Product Strategy 2020
Ad

Recently uploaded (20)

PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
Spectroscopy.pptx food analysis technology
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Encapsulation theory and applications.pdf
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPT
Teaching material agriculture food technology
PDF
Empathic Computing: Creating Shared Understanding
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
A comparative analysis of optical character recognition models for extracting...
Network Security Unit 5.pdf for BCA BBA.
Spectroscopy.pptx food analysis technology
Reach Out and Touch Someone: Haptics and Empathic Computing
Building Integrated photovoltaic BIPV_UPV.pdf
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
“AI and Expert System Decision Support & Business Intelligence Systems”
Mobile App Security Testing_ A Comprehensive Guide.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
Encapsulation theory and applications.pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
Teaching material agriculture food technology
Empathic Computing: Creating Shared Understanding
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
20250228 LYD VKU AI Blended-Learning.pptx
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Digital-Transformation-Roadmap-for-Companies.pptx
Review of recent advances in non-invasive hemoglobin estimation
NewMind AI Weekly Chronicles - August'25-Week II
gpt5_lecture_notes_comprehensive_20250812015547.pdf

Html5 2da parte

  • 2. • WebGL is a new technology which brings hardware-accelerated 3D graphics to the browser.
  • 3. • WebGL makes it possible to display amazing realtime 3D graphics in your browser but what many people don't know is that WebGL is actually a 2D API, not a 3D API. • WebGL only cares about 2 things. Clipspace coordinates in 2D and colors. Your job as a programmer using WebGL is to provide WebGL with those 2 things. You provide 2 "shaders" to do this. A Vertex shader which provides the clipspace coordinates and a fragment shader that provides the color.
  • 7. With the introduction of CSS3 it has never been easier to create rich and beautiful sites and applications in HTML. There are many new technologies and extensions to CSS3 including: 2D Transformations, Transitions, 3D Transforms and WebFonts to name just a few.