SlideShare uma empresa Scribd logo
1 de 10
Baixar para ler offline
Processing.js vs.
    Three.js
   A comparison
HTML5 <canvas>

   rich interactive 2D or 3D content
         JavaScript engines are better now
                          
       "2d" and "webgl" contexts
        hardware-accelerated graphics
Game engines

    reduce the necessary time to build a
              complex game
                                    
rendering, physics, collision detection, sound, scripting, animation,
              artificial intelligence, networking etc.
                                   
     We’ll compare two popular engines:
                   Processing.js and Three.js
Processing.js

   sister project of the Processing visual
           programming language
                                    
     used by artists, designers and researchers for learning and
prototyping procedural art or experimenting with new forms of user
                             interaction
                                  
                          Used for:
   data visualizations, digital art, interactive animations,
                     educational graphs
Processing.js
Three.js

               lightweight 3D engine
                                  
  a scene-graph API and abstracting objects which directly define
concepts used by graphics programming professionals (like complex
                  materials or other properties)
                                 
                         Used for:
        render compelling 3D scenes using JavaScript
Three.js
?

Mais conteúdo relacionado

Mais procurados

GeoNerdsDC Presentation 2011-08-02
GeoNerdsDC Presentation 2011-08-02GeoNerdsDC Presentation 2011-08-02
GeoNerdsDC Presentation 2011-08-02
Glenn Waldron
 

Mais procurados (12)

Sample 3D Projects_ TMA Solutions
Sample 3D Projects_ TMA SolutionsSample 3D Projects_ TMA Solutions
Sample 3D Projects_ TMA Solutions
 
WebGL 3D player
WebGL 3D playerWebGL 3D player
WebGL 3D player
 
Design and development of a CityGML Visualization Tool
Design and development of a CityGML Visualization ToolDesign and development of a CityGML Visualization Tool
Design and development of a CityGML Visualization Tool
 
Sprite js vs craftyjs
Sprite js vs craftyjsSprite js vs craftyjs
Sprite js vs craftyjs
 
FOSS4G-NA 2012 : ReadyMap - OpenLayers in 3D
FOSS4G-NA 2012 : ReadyMap - OpenLayers in 3DFOSS4G-NA 2012 : ReadyMap - OpenLayers in 3D
FOSS4G-NA 2012 : ReadyMap - OpenLayers in 3D
 
3D Landscape on Labs
3D Landscape on Labs3D Landscape on Labs
3D Landscape on Labs
 
GeoNerdsDC Presentation 2011-08-02
GeoNerdsDC Presentation 2011-08-02GeoNerdsDC Presentation 2011-08-02
GeoNerdsDC Presentation 2011-08-02
 
Bringing Data to Life with MongoDB Charts
Bringing Data to Life with MongoDB ChartsBringing Data to Life with MongoDB Charts
Bringing Data to Life with MongoDB Charts
 
Academy PRO: D3, part 3
Academy PRO: D3, part 3Academy PRO: D3, part 3
Academy PRO: D3, part 3
 
Esri CityEngine
Esri CityEngineEsri CityEngine
Esri CityEngine
 
Webilea: The OpenWebGlobe Project
Webilea: The OpenWebGlobe ProjectWebilea: The OpenWebGlobe Project
Webilea: The OpenWebGlobe Project
 
Introduction to threejs
Introduction to threejsIntroduction to threejs
Introduction to threejs
 

Destaque

Chameleon game engine
Chameleon game engineChameleon game engine
Chameleon game engine
Victor Porof
 
Marketing obj. 3.03 corporate branding
Marketing obj. 3.03 corporate brandingMarketing obj. 3.03 corporate branding
Marketing obj. 3.03 corporate branding
grantdeaton
 
Introduction to 3D and shaders
Introduction to 3D and shadersIntroduction to 3D and shaders
Introduction to 3D and shaders
Victor Porof
 
Visualizing your Graph
Visualizing your GraphVisualizing your Graph
Visualizing your Graph
Max De Marzi
 
Strategic My A**, What Strategic Recruiting really looks like
Strategic My A**, What Strategic Recruiting really looks likeStrategic My A**, What Strategic Recruiting really looks like
Strategic My A**, What Strategic Recruiting really looks like
Dr. John Sullivan
 
Starbucks - Corporate Affairs
Starbucks - Corporate AffairsStarbucks - Corporate Affairs
Starbucks - Corporate Affairs
rec05e
 
AEGEE - Corporate Affairs Project - Agora Aachen
AEGEE - Corporate Affairs Project - Agora AachenAEGEE - Corporate Affairs Project - Agora Aachen
AEGEE - Corporate Affairs Project - Agora Aachen
aegee.statutory
 
Public relations and corporate image
Public relations and corporate imagePublic relations and corporate image
Public relations and corporate image
shivamrckz
 

Destaque (17)

Web Performance Optimization (WPO)
Web Performance Optimization (WPO)Web Performance Optimization (WPO)
Web Performance Optimization (WPO)
 
Chameleon game engine
Chameleon game engineChameleon game engine
Chameleon game engine
 
Firefox WebGL developer tools
Firefox WebGL developer toolsFirefox WebGL developer tools
Firefox WebGL developer tools
 
Marketing obj. 3.03 corporate branding
Marketing obj. 3.03 corporate brandingMarketing obj. 3.03 corporate branding
Marketing obj. 3.03 corporate branding
 
User engagement in the digital world
User engagement in the digital worldUser engagement in the digital world
User engagement in the digital world
 
Corporate image and identity
Corporate image and identityCorporate image and identity
Corporate image and identity
 
Introduction to 3D and shaders
Introduction to 3D and shadersIntroduction to 3D and shaders
Introduction to 3D and shaders
 
Visualizing your Graph
Visualizing your GraphVisualizing your Graph
Visualizing your Graph
 
Tips to help transform your hr stories biocom hr executive breakfast sept...
Tips to help transform your hr stories  biocom  hr executive breakfast   sept...Tips to help transform your hr stories  biocom  hr executive breakfast   sept...
Tips to help transform your hr stories biocom hr executive breakfast sept...
 
Strategic My A**, What Strategic Recruiting really looks like
Strategic My A**, What Strategic Recruiting really looks likeStrategic My A**, What Strategic Recruiting really looks like
Strategic My A**, What Strategic Recruiting really looks like
 
Starbucks - Corporate Affairs
Starbucks - Corporate AffairsStarbucks - Corporate Affairs
Starbucks - Corporate Affairs
 
AEGEE - Corporate Affairs Project - Agora Aachen
AEGEE - Corporate Affairs Project - Agora AachenAEGEE - Corporate Affairs Project - Agora Aachen
AEGEE - Corporate Affairs Project - Agora Aachen
 
C affairs training_14_march 2014
C affairs training_14_march 2014C affairs training_14_march 2014
C affairs training_14_march 2014
 
15 High Value Action Steps… To Elevate Your Employee Referral Program To The ...
15 High Value Action Steps… To Elevate Your Employee Referral Program To The ...15 High Value Action Steps… To Elevate Your Employee Referral Program To The ...
15 High Value Action Steps… To Elevate Your Employee Referral Program To The ...
 
Public relations and corporate image
Public relations and corporate imagePublic relations and corporate image
Public relations and corporate image
 
Corporate Communication By Prashakth Kamath
Corporate Communication By Prashakth KamathCorporate Communication By Prashakth Kamath
Corporate Communication By Prashakth Kamath
 
Design in Tech Report 2017
Design in Tech Report 2017Design in Tech Report 2017
Design in Tech Report 2017
 

Semelhante a Processing.js vs. three.js

Browser and Cloud - The Future of IDEs?
Browser and Cloud - The Future of IDEs?Browser and Cloud - The Future of IDEs?
Browser and Cloud - The Future of IDEs?
martinlippert
 
Web gl & three.js.key
Web gl & three.js.keyWeb gl & three.js.key
Web gl & three.js.key
Yi-Fan Liao
 
Ha4 displaying 3 d polygon animations
Ha4   displaying 3 d polygon animationsHa4   displaying 3 d polygon animations
Ha4 displaying 3 d polygon animations
JordanSmith96
 
Resume - Shashesh Silwal
Resume - Shashesh SilwalResume - Shashesh Silwal
Resume - Shashesh Silwal
Shashesh Silwal
 

Semelhante a Processing.js vs. three.js (20)

WebGL: 3D Graphics for the Web
WebGL: 3D Graphics for the WebWebGL: 3D Graphics for the Web
WebGL: 3D Graphics for the Web
 
Browser and Cloud - The Future of IDEs?
Browser and Cloud - The Future of IDEs?Browser and Cloud - The Future of IDEs?
Browser and Cloud - The Future of IDEs?
 
Web gl & three.js.key
Web gl & three.js.keyWeb gl & three.js.key
Web gl & three.js.key
 
3 d computer graphics software
3 d computer graphics software3 d computer graphics software
3 d computer graphics software
 
FXG vs. SVG
FXG vs. SVGFXG vs. SVG
FXG vs. SVG
 
Application of 3d max for 3d development and rendering and its merits
Application of 3d max for 3d development and rendering and its merits Application of 3d max for 3d development and rendering and its merits
Application of 3d max for 3d development and rendering and its merits
 
Class[3][5th jun] [three js]
Class[3][5th jun] [three js]Class[3][5th jun] [three js]
Class[3][5th jun] [three js]
 
PhD Projects in Computer Graphics Research Ideas
PhD Projects in Computer Graphics Research IdeasPhD Projects in Computer Graphics Research Ideas
PhD Projects in Computer Graphics Research Ideas
 
GraphTech Ecosystem - part 3: Graph Visualization
GraphTech Ecosystem - part 3: Graph VisualizationGraphTech Ecosystem - part 3: Graph Visualization
GraphTech Ecosystem - part 3: Graph Visualization
 
Ha4 displaying 3 d polygon animations
Ha4   displaying 3 d polygon animationsHa4   displaying 3 d polygon animations
Ha4 displaying 3 d polygon animations
 
Akshat misra resume
Akshat misra resumeAkshat misra resume
Akshat misra resume
 
Software
SoftwareSoftware
Software
 
Resume - Shashesh Silwal
Resume - Shashesh SilwalResume - Shashesh Silwal
Resume - Shashesh Silwal
 
W3C HTML5 KIG-HTML5 Game Performance Issue
W3C HTML5 KIG-HTML5 Game Performance IssueW3C HTML5 KIG-HTML5 Game Performance Issue
W3C HTML5 KIG-HTML5 Game Performance Issue
 
livingin3d
livingin3dlivingin3d
livingin3d
 
Introducing Windows Runtime in Windows 8
Introducing Windows Runtime in Windows 8Introducing Windows Runtime in Windows 8
Introducing Windows Runtime in Windows 8
 
Light Side of Microsoft: AI and research projects you never heard of before
Light Side of Microsoft: AI and research projects you never heard of beforeLight Side of Microsoft: AI and research projects you never heard of before
Light Side of Microsoft: AI and research projects you never heard of before
 
0329.emccormi.ppt
0329.emccormi.ppt0329.emccormi.ppt
0329.emccormi.ppt
 
BEST IMAGE PROCESSING TOOLS TO EXPECT in 2023 – Tutors India
BEST IMAGE PROCESSING TOOLS TO EXPECT in 2023 – Tutors IndiaBEST IMAGE PROCESSING TOOLS TO EXPECT in 2023 – Tutors India
BEST IMAGE PROCESSING TOOLS TO EXPECT in 2023 – Tutors India
 
Resume for website
Resume for websiteResume for website
Resume for website
 

Mais de Victor Porof

Firefox developer tools
Firefox developer toolsFirefox developer tools
Firefox developer tools
Victor Porof
 
Javascript, Do you speak it!
Javascript, Do you speak it!Javascript, Do you speak it!
Javascript, Do you speak it!
Victor Porof
 
Cityquest - Developing games for the mobile devices
Cityquest - Developing games for the mobile devicesCityquest - Developing games for the mobile devices
Cityquest - Developing games for the mobile devices
Victor Porof
 
Web3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCIWeb3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCI
Victor Porof
 
Developing web apps using Java and the Play framework
Developing web apps using Java and the Play frameworkDeveloping web apps using Java and the Play framework
Developing web apps using Java and the Play framework
Victor Porof
 
Beginners' guide to Ruby on Rails
Beginners' guide to Ruby on RailsBeginners' guide to Ruby on Rails
Beginners' guide to Ruby on Rails
Victor Porof
 
Introduction to the XNA framework
Introduction to the XNA frameworkIntroduction to the XNA framework
Introduction to the XNA framework
Victor Porof
 

Mais de Victor Porof (8)

Firefox developer tools
Firefox developer toolsFirefox developer tools
Firefox developer tools
 
Js in the open
Js in the openJs in the open
Js in the open
 
Javascript, Do you speak it!
Javascript, Do you speak it!Javascript, Do you speak it!
Javascript, Do you speak it!
 
Cityquest - Developing games for the mobile devices
Cityquest - Developing games for the mobile devicesCityquest - Developing games for the mobile devices
Cityquest - Developing games for the mobile devices
 
Web3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCIWeb3D - Semantic standards, WebGL, HCI
Web3D - Semantic standards, WebGL, HCI
 
Developing web apps using Java and the Play framework
Developing web apps using Java and the Play frameworkDeveloping web apps using Java and the Play framework
Developing web apps using Java and the Play framework
 
Beginners' guide to Ruby on Rails
Beginners' guide to Ruby on RailsBeginners' guide to Ruby on Rails
Beginners' guide to Ruby on Rails
 
Introduction to the XNA framework
Introduction to the XNA frameworkIntroduction to the XNA framework
Introduction to the XNA framework
 

Último

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Último (20)

The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 

Processing.js vs. three.js

  • 1. Processing.js vs. Three.js A comparison
  • 2. HTML5 <canvas> rich interactive 2D or 3D content JavaScript engines are better now   "2d" and "webgl" contexts hardware-accelerated graphics
  • 3. Game engines reduce the necessary time to build a complex game   rendering, physics, collision detection, sound, scripting, animation, artificial intelligence, networking etc.   We’ll compare two popular engines: Processing.js and Three.js
  • 4. Processing.js sister project of the Processing visual programming language   used by artists, designers and researchers for learning and prototyping procedural art or experimenting with new forms of user interaction   Used for: data visualizations, digital art, interactive animations, educational graphs
  • 6.
  • 7. Three.js lightweight 3D engine   a scene-graph API and abstracting objects which directly define concepts used by graphics programming professionals (like complex materials or other properties)   Used for: render compelling 3D scenes using JavaScript
  • 9.
  • 10. ?