WebGL from scratch - when & why to use it

Sep 2020

31 Mon

1 Tue

2 Wed

3 Thu

4 Fri 08:40 AM – 05:25 PM IST

5 Sat 08:45 AM – 05:25 PM IST

6 Sun

NIMHANS Convention Centre, Bangalore, Bangalore

JSFoo is in its tenth edition this year. The conference will cover two broad themes:

JavaScript in the enterprise on day 1.
JSFoo Pro on day 2, where a single day is dedicated to discussing advanced topics related to the web.

Participant profile at JSFoo 2020
JSFoo Bangalore edition is an annual conference for practitioners, by practitioners. Participants at JSFoo include:

Experienced senior engineers
Team leads
Architects
Product managers
Front-end engineers working in enterprises
Full stack engineers workings in enterprises and large organizations.

Event details
Dates: 4 and 5 September
Venue: NIMHANS Convention Centre, Bangalore
Call for Proposals and speaking opportunities at JSFoo: https://hasgeek.com/jsfoo/2020/proposals

Contact information
For inquiries about conference tickets, bulk bookings or any other information, call JSFoo on 7676332020 or email sales@hasgeek.com

Hosted by

JSFoo

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

All submissions

Previous Next

WebGL from scratch - when & why to use it

Submitted Jun 19, 2020

Session type:: Hands-on workshops (4 hours duration)

Lately we are seeing a lot of interactive experiences built using WebGL for landing pages and various marketing website. It has become a replacement for the distinctness Flash used to provide. But before falling for all the snazzy effects and Awwwards showcase, it makes sense to understand what WebGL provides. In this workshop, you will get to implement WebGL in vanilla JS, and see what capabilities it brings to your front-end toolbox.

Outline

Following are the contents of things that will be covered in workshop:

Graphics on Web - SVG, Canvas2D, WebGL
WebGL
Shaders - Vertex and Fragment
Hello World - Triangles and Gradients
Lights, Camera, Projection!
Use case
- Particle Physics
- Post-processing
- Raymarching

Requirements

Laptop with a browser that can run WebGL https://get.webgl.org/
Intermediate experience in JS.

Speaker bio

Samarth comes with 3 years of experience as a UX Engineer at Adobe in their AI and ML team, where he developed web based custom interfaces for various image manipulation and search solutions. Through the role he has worked on all the various ways we can do graphics on the web, and tried different graphic libraries, and also came up with his own custom functionality using vanilla JS. He is currently working as an independent UX consultant and a digital artist. As a consultant he is helping startups adopt user driven development in their workflow, and as a digital artist he does creative coding and generative art on the web. More recently he is exploring WebGL through multiple digital art projects that use video post-processing, ray-marching, and TensorFlowJS Facemesh.