BSTS

Was hired to create an interactive 3D landing page for Toronto based artist management consultancy BSTS. Started off by creating the logo in Blender which required custom shaders, normal map baking, and environment mapping to give off the rough metallic texture my clients were after. Used the Three.js gtLF loader for importing the materials and created the mesh out of the custom shader texture made in Blender, and raycasting to make the logo respond to user either moving the mouse of dragging across the screen. Added Schema.org metadata for Facebook and Twitter to create custom preview cards when sharing links to the site. Built with Gatsby and deployed on Netlify.

View on Gihub View website

Skills Used:

Gatsby

WebGL

Blender

Used Three.js gtLf loader to import the environment map, textures, and mesh from Blender, and used raycasting to make the model respond to touch and mouse events.

Created 3D logo in blender with the use of a metallic principal shader and baked normal maps to give a realistic rough metal effect, and exported as a gtLF to create Three.js environment mapping.