---
title: "Discussion on \"How I built a playable ocarina in the browser with Web Audio and three.js\" | Hashnode"
description: "Discussion on \"How I built a playable ocarina in the browser with Web Audio and three.js\". How I built a 3D ocarina in the browser: Web Audio synthesis, six three.js models, Ocarina of Time song recognition and mic blow detection."
url: "https://hashnode.com/posts/how-i-built-a-playable-ocarina-in-the-browser-with-web-audio-and-three-js/6acfa7add802101b20e13c58"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How I built a playable ocarina in the browser with Web Audio and three.js](https://mingzeng.hashnode.dev/how-i-built-a-playable-ocarina-in-the-browser-with-web-audio-and-three-js?utm_source=hashnode&utm_medium=feed)

How I built a 3D ocarina in the browser: Web Audio synthesis, six three.js models, Ocarina of Time song recognition and mic blow detection.

Oct 14 · 8 min read · mingzeng.hashnode.dev  
Read the article

-   [#javascript](https://hashnode.com/tag/javascript)
-   [#threejs](https://hashnode.com/tag/threejs)
-   [#web-audio](https://hashnode.com/tag/web-audio)
-   [#gamedev](https://hashnode.com/tag/gamedev)

## Written by

[zengm32343](https://hashnode.com/@zengm32343)

@zengm32343

  
[View profile](https://hashnode.com/@zengm32343)

Building browser games and tools with Web Audio & three.js. Maker of ootguide.com

## Responses

Markdown supported · ⌘↵ to post

No responses yet.