A Glimpse to web 3D using Spline.Design

This is the slide used to talk in Google IO event

Transcript

1. A Glimpse to Web 3D Using Spline.Design JULY 28
2. 3D elements on Web 3D tools for Web Spline.Design Short Tutorial OUTLINE
3. About Me At 2017 , attend University of Information Technology (UIT) to 4th Year Joined Hex Creative as Web Developer at 2020 Start working as Freelancer in 2021 Rejoin Academic Path at 2022 in (KMUTT) King Mongkut’s University of Technology Thonburi Working as Research Assistant in Edutainment & Socio-interaction Computing (ESIC) Lab at KMUTT
4. 3D ELEMENTS ON WEB 1994 - Virtual Reality Modelling Language 2011 - Web GL1.0 2010 - Three.js 2019 - React-Three-Fiber Frameworks FBX - Film Box GLTF/GLB - Graphics Library Transmission Format (JSON ) STL - OBJ - VRM - Virtual Reality Model USD - Universal Scene Description Bvh - BioVision Hierarchy File Formats
5. Shading Language Graphical Programming Language Parallelel Programming Language Eg OpenGL , OpenGLES , Metal(Apple) , DirectX(Microsoft) , Vulkan For Web , GLES2.0 -> WebGL1.0 , GLES3.0 -> WebGL2.0 WebGPU ( New )
7. 3D TOOLS FOR WEB
8. NEEDLE ENGINE Blender Scene to Web Project WOMP Web Based 3D tool SPLINE.DESIGN Web Based 3D tool VERGE3D Blender Scene to Web
9. SPLINE.DESIGN
10. MATERIAL Layer Based System MODELLING Basic Bool Ops Draw Spline Shape POST PROCESSING 8 kinds PARTICLE SYSTEM Emitter and Force Control
11. Today Tutorial
12. THANK YOU!