2016-04-13 18:26:31 +02:00
<!DOCTYPE html>
2017-08-18 16:26:17 +02:00
< meta charset = "utf-8" >
2017-08-18 16:43:08 +02:00
< meta property = "og:image" itemprop = "image primaryImageOfPage" content = "https://hajimehoshi.github.io/ebiten/images/examples/piano.png" >
< meta name = "description" content = "Ebiten example - piano" >
2016-04-13 18:26:31 +02:00
< link rel = "shortcut icon" href = "../favicon.png" type = "image/png" >
< link rel = "icon" href = "../favicon.png" type = "image/png" >
< title > Ebiten example - piano< / title >
2017-08-18 16:26:17 +02:00
2016-08-27 17:48:15 +02:00
< link rel = "stylesheet" href = "../stylesheets/bootstrap.min.css" >
< link rel = "stylesheet" href = "../stylesheets/highlight-github.css" >
< link rel = "stylesheet" href = "../stylesheets/ebiten.css" >
2016-09-02 18:55:07 +02:00
< script src = "../scripts/googleanalytics.js" > < / script >
2016-08-26 19:28:57 +02:00
2017-08-17 20:00:05 +02:00
< nav class = "navbar" > < div class = "container" >
2017-08-17 18:22:19 +02:00
< nav class = "d-flex flex-row" style = "width: 100%;" >
2017-08-17 20:00:05 +02:00
< div class = "nav mr-auto" > < a class = "navbar-brand" href = "../" > < img src = "../images/logo_white.svg" alt = "EBITEN" > < / a > < / div >
2017-08-17 18:22:19 +02:00
< ul class = "nav" >
< li class = "nav-item" > < a class = "nav-link" href = "https://github.com/hajimehoshi/ebiten" > GitHub< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "https://godoc.org/github.com/hajimehoshi/ebiten" > GoDoc< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "https://github.com/hajimehoshi/ebiten/wiki" > Wiki< / a >
2017-11-09 18:07:16 +01:00
< li class = "nav-item" > < a class = "nav-link" href = "https://ebiten-playground.github.io/" > Playground< / a >
2016-08-26 19:37:08 +02:00
< / ul >
< / nav >
2017-08-17 20:00:05 +02:00
< / div > < / nav >
2016-04-13 18:26:31 +02:00
2016-08-26 19:28:57 +02:00
< main > < div class = "container" >
2016-08-26 20:18:16 +02:00
< h2 > Ebiten example - piano< / h2 >
2016-08-26 19:28:57 +02:00
< iframe src = "piano.content.html" width = "640" height = "480" > < / iframe >
2018-03-21 06:34:48 +01:00
< div class = "card" > < pre class = "card-body" > < code class = "language-go" > // + build example jsgo
2016-08-26 16:33:36 +02:00
package main
2016-04-13 18:26:31 +02:00
import (
2016-08-26 22:36:52 +02:00
" fmt"
" image/color"
" log"
" math"
2016-04-13 18:26:31 +02:00
2018-01-24 04:06:12 +01:00
" github.com/golang/freetype/truetype"
" golang.org/x/image/font"
2016-08-26 22:36:52 +02:00
" github.com/hajimehoshi/ebiten"
" github.com/hajimehoshi/ebiten/audio"
" github.com/hajimehoshi/ebiten/ebitenutil"
2018-03-21 06:34:48 +01:00
" github.com/hajimehoshi/ebiten/examples/resources/fonts"
2018-02-04 15:52:19 +01:00
" github.com/hajimehoshi/ebiten/inpututil"
2018-01-24 04:06:12 +01:00
" github.com/hajimehoshi/ebiten/text"
)
var (
arcadeFont font.Face
)
func init() {
2018-03-21 06:34:48 +01:00
tt, err := truetype.Parse(fonts.ArcadeN_ttf)
2018-01-24 04:06:12 +01:00
if err != nil {
log.Fatal(err)
}
2018-01-30 17:18:33 +01:00
const (
arcadeFontSize = 8
dpi = 72
)
2018-01-24 04:06:12 +01:00
arcadeFont = truetype.NewFace(tt, & truetype.Options{
Size: arcadeFontSize,
DPI: dpi,
Hinting: font.HintingFull,
})
}
2016-04-13 18:26:31 +02:00
const (
2016-08-26 22:36:52 +02:00
screenWidth = 320
screenHeight = 240
sampleRate = 44100
2018-01-30 17:18:33 +01:00
baseFreq = 220
2016-04-13 18:26:31 +02:00
)
var audioContext *audio.Context
func init() {
2016-08-26 22:36:52 +02:00
var err error
audioContext, err = audio.NewContext(sampleRate)
if err != nil {
log.Fatal(err)
}
2016-04-13 18:26:31 +02:00
}
2018-01-30 17:18:33 +01:00
// pianoAt returns an i-th sample of piano with the given frequency.
func pianoAt(i int, freq float64) float64 {
// Create piano-like waves with multiple sin waves.
2016-08-26 22:36:52 +02:00
amp := []float64{1.0, 0.8, 0.6, 0.4, 0.2}
x := []float64{4.0, 2.0, 1.0, 0.5, 0.25}
2018-01-30 17:18:33 +01:00
v := 0.0
for j := 0; j < len(amp); j+ + {
// Decay
a := amp[j] * math.Exp(-5*float64(i)*freq/baseFreq/(x[j]*sampleRate))
v + = a * math.Sin(2.0*math.Pi*float64(i)*freq*float64(j+ 1)/sampleRate)
2016-04-13 18:26:31 +02:00
}
2018-01-30 17:18:33 +01:00
return v / 5.0
2016-04-13 18:26:31 +02:00
}
2018-01-30 17:18:33 +01:00
// toBytes returns the 2ch little endian 16bit byte sequence with the given left/right sequence.
2016-04-13 18:26:31 +02:00
func toBytes(l, r []int16) []byte {
2016-08-26 22:36:52 +02:00
if len(l) != len(r) {
panic(" len(l) must equal to len(r)" )
}
b := make([]byte, len(l)*4)
for i := range l {
b[4*i] = byte(l[i])
b[4*i+ 1] = byte(l[i] > > 8)
b[4*i+ 2] = byte(r[i])
b[4*i+ 3] = byte(r[i] > > 8)
}
return b
2016-04-13 18:26:31 +02:00
}
2018-01-30 17:18:33 +01:00
var (
pianoNoteSamples = map[int][]byte{}
pianoNoteSamplesInited = false
pianoNoteSamplesInitCh = make(chan struct{})
)
2016-04-13 18:26:31 +02:00
func init() {
2018-01-30 17:18:33 +01:00
// Initialize piano data.
// This takes a little long time (especially on browsers),
// so run this asynchronously and notice the progress.
go func() {
// Create a reference data and use this for other frequency.
const refFreq = 110
length := 4 * sampleRate * baseFreq / refFreq
refData := make([]int16, length)
for i := 0; i < length; i+ + {
refData[i] = int16(pianoAt(i, refFreq) * math.MaxInt16)
}
2016-04-13 18:26:31 +02:00
2018-01-30 17:18:33 +01:00
for i := range keys {
freq := baseFreq * math.Exp2(float64(i-1)/12.0)
// Clculate the wave data for the freq.
length := 4 * sampleRate * baseFreq / int(freq)
l := make([]int16, length)
r := make([]int16, length)
for i := 0; i < length; i+ + {
idx := int(float64(i) * freq / refFreq)
if len(refData) < = idx {
break
}
l[i] = refData[idx]
}
copy(r, l)
n := toBytes(l, r)
pianoNoteSamples[int(freq)] = n
2016-08-26 22:36:52 +02:00
}
2018-01-30 17:18:33 +01:00
close(pianoNoteSamplesInitCh)
}()
}
// playNote plays piano sound with the given frequency.
func playNote(freq float64) {
f := int(freq)
p, _ := audio.NewPlayerFromBytes(audioContext, pianoNoteSamples[f])
p.Play()
2016-04-13 18:26:31 +02:00
}
var (
2018-01-30 17:18:33 +01:00
pianoImage *ebiten.Image
2016-04-13 18:26:31 +02:00
)
func init() {
2018-02-13 18:59:22 +01:00
pianoImage, _ = ebiten.NewImage(screenWidth, screenHeight, ebiten.FilterDefault)
2018-01-30 17:18:33 +01:00
const (
keyWidth = 24
y = 48
)
2016-08-26 22:36:52 +02:00
whiteKeys := []string{" A" , " S" , " D" , " F" , " G" , " H" , " J" , " K" , " L" }
for i, k := range whiteKeys {
2018-01-30 17:18:33 +01:00
x := i*keyWidth + 36
2016-08-26 22:36:52 +02:00
height := 112
2018-01-30 17:18:33 +01:00
ebitenutil.DrawRect(pianoImage, float64(x), float64(y), float64(keyWidth-1), float64(height), color.White)
text.Draw(pianoImage, k, arcadeFont, x+ 8, y+ height-8, color.Black)
2016-08-26 16:33:36 +02:00
}
2016-08-26 22:36:52 +02:00
blackKeys := []string{" Q" , " W" , " " , " R" , " T" , " " , " U" , " I" , " O" }
for i, k := range blackKeys {
if k == " " {
continue
}
2018-01-30 17:18:33 +01:00
x := i*keyWidth + 24
2016-08-26 22:36:52 +02:00
height := 64
2018-01-30 17:18:33 +01:00
ebitenutil.DrawRect(pianoImage, float64(x), float64(y), float64(keyWidth-1), float64(height), color.Black)
text.Draw(pianoImage, k, arcadeFont, x+ 8, y+ height-8, color.White)
2016-08-26 16:33:36 +02:00
}
2016-04-13 18:26:31 +02:00
}
2018-01-30 17:18:33 +01:00
var (
keys = []ebiten.Key{
ebiten.KeyQ,
ebiten.KeyA,
ebiten.KeyW,
ebiten.KeyS,
ebiten.KeyD,
ebiten.KeyR,
ebiten.KeyF,
ebiten.KeyT,
ebiten.KeyG,
ebiten.KeyH,
ebiten.KeyU,
ebiten.KeyJ,
ebiten.KeyI,
ebiten.KeyK,
ebiten.KeyO,
ebiten.KeyL,
}
)
func update(screen *ebiten.Image) error {
// The piano data is still being initialized.
// Get the progress if available.
if !pianoNoteSamplesInited {
select {
case < -pianoNoteSamplesInitCh:
pianoNoteSamplesInited = true
default:
}
2017-06-09 04:43:50 +02:00
}
2018-01-30 17:18:33 +01:00
if pianoNoteSamplesInited {
for i, key := range keys {
2018-02-04 15:52:19 +01:00
if !inpututil.IsKeyJustPressed(key) {
2018-01-30 17:18:33 +01:00
continue
}
playNote(baseFreq * math.Exp2(float64(i-1)/12.0))
}
}
2017-05-16 03:38:34 +02:00
if ebiten.IsRunningSlowly() {
return nil
}
2018-01-30 17:18:33 +01:00
2017-03-04 15:27:25 +01:00
screen.Fill(color.RGBA{0x80, 0x80, 0xc0, 0xff})
2018-01-30 17:18:33 +01:00
screen.DrawImage(pianoImage, nil)
2016-04-13 18:26:31 +02:00
2017-03-04 15:27:25 +01:00
ebitenutil.DebugPrint(screen, fmt.Sprintf(" FPS: %0.2f" , ebiten.CurrentFPS()))
2016-08-26 22:36:52 +02:00
return nil
2016-04-13 18:26:31 +02:00
}
func main() {
2016-08-26 22:36:52 +02:00
if err := ebiten.Run(update, screenWidth, screenHeight, 2, " Piano (Ebiten Demo)" ); err != nil {
log.Fatal(err)
}
2016-04-13 18:26:31 +02:00
}
2017-08-18 16:26:17 +02:00
< / code > < / pre > < / div >
2016-04-13 18:26:31 +02:00
2016-08-26 19:28:57 +02:00
< / div > < / main >
< footer > < div class = "container" >
< p > © 2013 Hajime Hoshi< / p >
2016-08-28 00:10:41 +02:00
< p > Code is licensed under < a href = "https://github.com/hajimehoshi/ebiten/blob/master/LICENSE" > the Apache License 2.0< / a > .< / p >
2016-08-26 19:28:57 +02:00
< p > The content of this page is licensed under < a href = "https://creativecommons.org/licenses/by/4.0/" > the Creative Commons Attribution 4.0 License< / a > .< / p >
< / div > < / footer >
2016-04-13 18:26:31 +02:00
2016-08-27 17:48:15 +02:00
< script src = "../scripts/highlight.pack.js" > < / script >
2016-08-27 07:00:06 +02:00
< script > hljs . initHighlightingOnLoad ( ) ; < / script >
