Spooky Beginnings

How a friendly ghost inspired an object-oriented revolution

The Vision: Building Blocks Like LEGOs

Visual accent
S.P.A.R.K. and Copilot in Action!

SketchWaveJS was born from a simple observation: complex designs are built from simple shapes. Just as LEGO bricks snap together to create elaborate structures, we envisioned graphics classes that could combine to form sophisticated visual elements.

Our mission was to harness the power of object‑oriented programming in a practical, creative wayβ€”making code reusable, modular, and elegant through information hiding, where complex operations are tucked within simple method calls, so you can focus on what your code does, not how it does it. We wanted students and developers to see OOP not as abstract theory, but as a tool for building real, interactive art. And of course, we wanted to integrate AI assistance, responsibly, to expedite learning and creativity without replacing the joy of coding itself.

From Simple to Sophisticated

Primitive Ghost Mascots
The Beginning: Our early primitive ghost designs with basic shapes
SketchWaveJS Ghost Mascot
The Evolution: Refined ghosts built with reusable SketchWaveJS components

The "Aha!" Moment

It all started with a Pac-Man-like ghost. As we sketched it out, we noticed something fascinating: this seemingly simple character was actually made of repeating geometric patterns.

  • A disk for the head β€” the foundation of our ghost
  • Multiple disks for feet β€” creating movement and personality
  • Complex eyes built from disks β€” the sclera (white), iris (color), pupil (black), and catchlight (sparkle)

Each of these elements needed position and color. The pattern was clear: we needed fundamental building blocks that could work together.

The Evolution: From Points to Ghosts

Building complexity one class at a time

1
SWColor Class

SWColor & SWSinusoid

The foundation: managing RGB, HSL, and hex color values with ease

2
SWPoint Class

SWPoint & SWGrid

Adding location: points in 2D space with customizable properties

3
SWDisk Class

SWDisk

Shape emerges: circles with color and position become building blocks

4
blueGhost, complex components

SWEyeball & SWGhost

The magic: simple parts combine to create expressive characters

The SketchWaveJS Philosophy

🧱

Modular Design

Build once, reuse everywhere. Each class is a LEGO brick.

🎨

Creative Freedom

Combine basic shapes in infinite ways to express your vision.

πŸ“š

Learn by Doing

See OOP principles in action through visual, interactive coding.

✨

S.P.A.R.K!

Apply 'S.P.A.R.K!' principles (Set Goal, Prompt, Analyze Response, Refine, Know) to ignite creativity and innovation in our projects; use AI as a development trainer and tool.

πŸŽ‰

Enjoy!

"What we learn with pleasure, we never forget." β€” Alfred Mercier
🀝

Collaboration

"Collaborate with your machine, then code what is yet unseen." β€” TechToolsGuru

Ready to Build Your Own?

Explore our classes and start creating with SketchWaveJS

Back to Home Explore Classes