T Ty's Web Tools
Browser-based creative systems

Interactive web tools built for making, editing, and exporting.

A focused collection of HTML, CSS, JavaScript, Web Audio, and Three.js tools. Each project runs directly in the browser — no login, no install.

Selected Tools

Click any card to open the live tool — all run fully in the browser.

Resume link → deploy this page on Netlify
3D creation
01

Draw·3D Studio

A draw-to-3D studio for sketching forms, adjusting materials and lighting, transforming objects, and exporting model files.

Three.jsCanvasglTF / STL / OBJ
Immersive media
02

360° Panorama Blender

A browser workspace for combining directional images into a 360-degree panorama, previewing the environment, and exporting the result.

360 panoramaImage uploadExport
Lighting design
03

Lighting AI Studio

A lighting-show editor with audio import, timeline controls, fixture placement, scene export, screenshot, and recording workflows.

Three.jsAudio-drivenTimeline editor
Audio composition
04

Sound Collage

A no-sign-up audio layering tool that turns uploaded samples into editable, crossfaded collages and exports the final mix as WAV.

Web AudioDrag editingWAV export
Music notation
05

HumScore · 哼唱成谱

A humming-to-score tool that records or imports audio, detects pitch, generates staff notation and numbered notation, and exports MIDI.

Pitch detectionNotation editorMIDI export
Collective audio
06

Memory Archive

A shared collective memory space where anyone can drop or upload a voice recording and listen to others — an ever-growing archive of audio memories.

Web AudioCollective recordingLive archive
Personal language
07

VOXCIPHER · 个人语言系统

A personal light-language builder that generates your base syllables and symbols from a prime-number seed, then grows a living encrypted lexicon from your voice, feelings, and meanings over time.

AI synthesisPrime encryptionPersonal lexicon