Build a 3D Solar System with Hand Recognition and Three.js

Liad Yosef

From Blender to the Web - the Journey of a 3D Model

Sara Vieira

How to make amazing generative art with simple JavaScript code

Frank Force

Introduction to WebXR with Babylon.js

Gustavo Cordido

TresJS, a declarative way of creating 3D scenes from Vue components

Alvaro Saburido

Scaling React-Three-Fiber Applications beyond the Hello World

Giulio Zausa‮ 

Vue.js Live Conference

Vue.js London 2023

Meet TresJS ▲ ■ ●, a declarative way of bringing the magic of ThreeJS using everyday Vue Components and composables. Think of it as React-three-fiber or Lunchbox but without the need of a custom renderer. It just works.Are you ready to add a new dimension to your Vue Apps?

React Summit

React Summit 2023

A lot of recent talks at other conferences have talked about how to start using React and THREE.js to create 3D experiences on the web. In my career I've built several complex applications using those technologies, including a big Figma-like 3D editor, and I've learnt a lot of patterns and tricks on how to make it actually fast and scalable. Unfortunately, though, nobody is also talking about those tricks an what it really takes to build an rendering engine similar to the one that Figma uses. My goal with this talk is to give people an overview of the challenges that may arise when you try scaling your application, and what are some lesser known tricks to overcome them: instancing, memory usage reduction techniques, SDF-based text rendering, GPGPU and tree data structures. Everything of course done with Javascript, React and THREE.js.

React Summit 2022

Creating 3D experiences in the web can be something that sounds very daunting. I’m here to remove this idea from your mind and show you that the 3D world is for everyone. For that we will get a model from the 3D software Blender into the web packed with animations, accessibility controls and optimised for web use so join me in this journey as we make the web more awesome. <a href="https://www.froala.com/wysiwyg-editor?pb=1"></a>

JS Nation

JSNation 2022

We live in exciting times. Frameworks like TensorFlowJS allow us to harness the power of AI models in the browser, while others like Three.js allow us to easily create 3D worlds. In this talk we will see how we can combine both, to build a full solar system, in our browser, using nothing but hand gestures! <a href="https://www.froala.com/wysiwyg-editor?pb=1"></a>

JS GameDev Summit

JS GameDev Summit 2022

In this workshop, we'll introduce you to the core concepts of building Mixed Reality experiences with WebXR and Balon.js. You'll learn the following:- How to add 3D mesh objects and buttons to a scene- How to use procedural textures- How to add actions to objects- How to take advantage of the default Cross Reality (XR) experience- How to add physics to a scene For the first project in this workshop, you'll create an interactive Mixed Reality experience that'll display basketball player stats to fans and coaches. For the second project in this workshop, you'll create a voice activated WebXR app using Balon.js and Azure Speech-to-Text. You'll then deploy the web app using Static Website Hosting provided Azure Blob Storage. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Instead of manually drawing each image like traditional art, generative artists write programs that are capable of producing a variety of results. In this workshop you will learn how to create incredible generative art using only a web browser and text editor. Starting with basic concepts and building towards advanced theory, we will cover everything you need to know. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

#3d