Visisphere

Inspiration

Remember how learning seemed so much easier and more exciting as a child? Back then, our education was filled with bright colors, fun poems, and engaging 3D activities that captured our imagination. But as we grew up, education often became dry and uninspiring—textbooks, dull lectures, and endless online articles. It's no wonder so many of us lost the spark for learning.

What It Does

This realization inspired us to create Visisphere—a website that aims to transform the learning experience by bringing back the engagement, excitement, and interactivity of our early years. Visisphere offers immersive, 3D lessons designed to be visually stimulating and deeply engaging, tailored to high school and university students. Users can search for what they want to learn, and if it's not available, they can request new content directly.

• Primarily targets high school and university-level topics.
• Offers interactive 3D lessons to make complex subjects come to life.

Vision

We envision Visisphere as an AI-powered platform where users simply type what they want to learn, and within minutes, an interactive 3D course is generated—complete with a structured syllabus, high-quality narration, and seamless interaction. During lessons, users can even ask questions directly to an AI, turning the learning experience into an engaging conversation.

How We Built It

Visisphere was created by a ninth grader named Saksham, who embarked on a journey to redefine learning:

• Scoured the internet for existing solutions but found nothing that really fit the vision.
• Spent weeks researching where to even begin, facing dead ends but refusing to quit.
• Started with Babylon.js, diving into the world of 3D animations.
• Self-taught 3D animation while learning how to create interactive educational content.
• Combined Next.js and Babylon.js to create an exciting platform, laying the foundation for the future of Visisphere.
• The ultimate goal is a combination of NEXT.JS + BABYLON.JS + VISISPHERE AI.

Challenges We Faced

The steepest challenge was jumping into animation for the first time. Learning the basics in two days, and then opening Blender to bring concepts to life was intimidating—every movement required relentless searching and perseverance.

Accomplishments We're Proud Of

Building Visisphere was a leap into the unknown. The biggest accomplishment? Turning an idea that felt impossible into reality—breaking through from zero to one.

What We Learned

Technical Skills Learned:

• Animation, 3D modeling, Babylon.js, and full-stack development with Next.js.

Life Lessons Learned:

• Learning expands your mind. When stuck or running out of ideas, the best advice is to simply stay curious: "Stay Foolish, Stay Hungry."

What's Next for Visisphere

The future for Visisphere is bright and ambitious:

• AI-Generated 3D Courses: Imagine typing any topic you want to learn, and within minutes, a 3D interactive course is generated—complete with narration, visual engagement, and a well-designed syllabus.
• Conversational Learning: During the sessions, the AI will answer your questions, making the learning experience dynamic and personalized.
• NEXT.JS + BABYLON.JS + VISISPHERE AI: This combination will push the boundaries of interactive education, creating a truly next-generation platform.

Visisphere aims to turn learning back into an adventure—just like it was meant to be.

Built With

• babylon.js
• glb
• next.js
• webgl