HeyokaJS

Appearance

Introducting HeyokaJS ​

image

The Artisans Toolkit (module) for 3D artists building single- & multitenant 3D experiences using Nuxt and Three.js. ​

A Comprehensive Toolkit for 3D Web Experiences with Nuxt and Three.js

Introduction from the Creator ​

Hi, I'm Serdar. I'm thrilled to share with you HeyokaJS, a project born from my lifelong passion for blending psychology, creativity, and technology. From a young age, my curiosity led me to explore the psychological aspects of visual storytelling, culminating in a career in technical 3D animation. After gaining diverse experiences in film, sales, and web development, I've crafted HeyokaJS to serve as a robust bridge between traditional 3D animation and the dynamic world of web technologies.

My Journey ​

I've transitioned through various roles, from animation to sales, and back to tech, driven by a vision to integrate advanced 3D capabilities seamlessly into web environments. This journey fueled my desire to create HeyokaJS, a toolkit designed to empower 3D artists with the ability to build engaging web experiences without the constraints typically imposed by traditional web development workflows.

Early Development Insights ​

Initially dubbed Tunga, the project evolved through multiple iterations, from simple Nuxt integrations to complex setups like my Nuxt ThreeJS MonoRepo Boilerplate, Tundra. This progression led to the creation of HeyokaJS, encompassing comprehensive layers like UI, Network, and Utilities, all refined and packaged for optimal use in 3D projects.

Why HeyokaJS? ​

My two decades in media design and development highlighted a gap in resources that adequately support 3D professionals. HeyokaJS addresses this by avoiding declarative programming models, opting instead for a structure that respects the nuanced needs of 3D workflows, ensuring performance and creative freedom are paramount.

Bridging Different Realms ​

HeyokaJS is the culmination of extensive experimentation with various frameworks, now relying on a synergy between Vite, Nuxt, and Nitro to facilitate the integration of Three.js, creating a seamless full-stack foundation for 3D web development.

The Final Piece ​

Inspired by leaders in the field, I've developed HeyokaJS to simplify the integration of complex 3D web functionalities, reducing overhead and enhancing the focus on creative outcomes.

Core Features ​

HeyokaJS offers a dynamic range of capabilities:

  • Efficient 3D Toolkit: Streamlined presets for quick project setup.
  • Nuxt UI Templating: Tools for rapidly creating web-based 3D configurators.
  • Nitro Networking: Transform web apps into collaborative platforms.
  • Dynamic User Interfaces: Customizable layouts for unique user experiences.
  • Seamless Deployments: Easy setup for various deployment scenarios.
  • CLI Enhancements: Further simplifying project setups.
  • Realtime Engine Integration: Support for Unreal Studio and Blender APIs.

Unique Position in the 3D Web Space ​

Unlike conventional 3D web toolkits that lean heavily on declarative programming, HeyokaJS offers a fresh perspective tailored for 3D artists, focusing on technical precision and artistic freedom, distinct from the typical web developer-oriented frameworks.

The Vision Forward ​

HeyokaJS isn't just about creating another toolkit; it's about forging a path for 3D professionals to effortlessly transition their skills to the web, maximizing their creative output and impact. This vision encompasses empowering creatives, bridging technologies, fostering collaboration, and pushing the boundaries of interactivity.

Join the Journey ​

If you're as excited about reshaping the landscape of 3D web development as I am, I invite you to join me and the growing community around HeyokaJS. Let's advance this cutting-edge toolkit together, enabling a new era of immersive, interactive web experiences.