Sample is best! / JavaScript


TOP

※免責事項
本サイトのプログラムのご利用については一切のサポートをしておりません。
本サイトのプログラムによって生じるいかなる不具合、トラブルや損害の責任を負いかねますので、自己責任でのご利用をお願いします。

開発環境

OS Windows 10 Home (64-bit)
Webブラウザ Google Chrome
Microsoft Edge
エディタ 主にメモ帳

目次

一般
入力
印刷
ファイル
Fetch API
Canvas 2D
SVG (Scalable Vector Graphics)
WebGL
WebGL 2
サウンド
Web Audio API
soundfont
abcjs
Web MIDI API
Web Speech API
文字コード
数学
物理
天文
任意精度演算
試作
応用

■一般

hello hello, world
zoom テキスト拡大
str_bench ベンチマーク
recursive 再帰呼出しと配列
freq 音番号と周波数表
timer カウントアップタイマー
fps performanceタイマー
fibonacci フィボナッチ数列
spigot 円周率1
atanpi 円周率2
bounce バウンス
typedarray TypedArrayコピー
textproc1 改行コード処理
textproc2 テキスト処理2
tabspace タブ・スペース変換
tle1 2行軌道要素形式
json1 JSON
table1 テーブル作成
table2 テーブル入力
datetimectrl1 日時コントロール
calc 簡易計算機
calendar1 カレンダー
calendar2 カレンダー年対応
kpcalc1 かんぱに資材回復時間計算
recurring 循環小数
collision2 線分と三角形の交差判定
zundoko ジョークプログラム「ズンドコ」
kizu AA着色
colorname 色名調査
bigint1 任意精度整数1
bigint2 任意精度整数2
bigint3 任意精度整数3
spread スプレッド構文

■入力

leapyear うるう年判定
textarea1 テキストエリア
datespan 日数計算
radio1 ラジオボタン
radio2 ラジオボタン動的作成
radio3 ラジオボタン動的取得
range1 スライダ
keyboard WASD PageUp/Down
keyboard1 keydown/press/up動作テスト
keyboard1b onKeyProc shift/ctrl/alt
keyboard2 キーボードテスト2
keyboard3 キーボードテスト3
keyboard4 キーボードテスト4
KeyInput TypeScript版
mouse1 マウス入力1
mouse2 マウス入力2
table_hit 表形式の選択

■印刷

pagebreak 改ページ
atena 宛名印刷

■ファイル

gen_dataurl Data URL generator
inputfile1 ファイル選択
inputfile2 簡易16進ダンプ
download ファイルのダウンロード
bytecount バイト集計
bytecount2 バイト集計2
bcz80 バイト集計 Z80 opcode付き
dropfile エクスプローラーからのファイルドロップ
filedrop1 ファイルドロップ1
filedrop2 画像ファイルドロップ
filedrop3 ファイルドロップ3
hexdmp1 16進ダンプ1
hexdmp2 16進ダンプ2
fileselect1 ファイル選択
filesave ファイル保存
filecmp2 ファイル比較(画像表現)
to256 減色、色数
kcclip 艦これ画面切り出し
gtclip1 銀タク画面切り出し
WavePlayer1 wavファイル取扱テスト
WavView wavファイル波形表示 ※要調整
wavfile1 wavファイルフォーマット表示
d88dmp D88ファイルダンプ

■Fetch API

fetch text

■Canvas 2D

scribble 落書き
movebar 棒を動かす
movebar2 棒を動かす2
sample1 サンプル1
sample2 サンプル2
sample3 サンプル3
sample4 サンプル4
sample5 グリーンモニタ風
sample6 棒グラフ
sphere サンプル
clock サイズ調節時計
fire 炎上
obliquity 黄道傾斜角
crispedge 滲まない線の引き方
font フォント
colorsample 色見本
nspline1 自然スプライン曲線
crspline Catmull-Romスプライン
fourier1 フーリエ級数1
fourier2 フーリエ級数2
fourier3 フーリエ級数3
fft1 高速フーリエ変換1
fft2 高速フーリエ変換2
kepler1 ケプラーの方程式1
kepler2 ケプラーの方程式2
cannon 大砲ゲーム
maze1 迷路1
maze2 迷路2
maze3 迷路3
maze4 迷路4
canvas2 canvasテスト2
lissajous リサジュー図形
orbit1 円軌道アニメ
orbit2 円 & 楕円軌道アニメ
orbit3 軌道計算
satellite1 衛星軌道シミュ
palette3 光の三原色
palette32 光の三原色2
tile_rgb RGBタイリング
scroll1 簡易スクロール
scroll2 スクロールテスト
scroll3 簡易スクロールバー
3DGraph 3Dグラフデモ
3dgraph2 3Dグラフデモ2
ez3d 簡易3D
ez3d2 簡易3D2
starbow1 星間飛行1
starbow60 星間飛行・簡易版
orbelms1 軌道要素1
orbelms2 軌道要素2
solarsystem1 太陽系1
solarsystem2 太陽系2
planetorb1 惑星軌道1
planetorb2 惑星軌道2
planetorb3 惑星軌道3
eqcoord1 赤道座標1
analemma 同期軌道
analemma2 同期軌道2
latitude 扁平率と緯度

■SVG (Scalable Vector Graphics)

demo1 SVGファイル
demo2 インラインSVG
svgsample1 サンプル1
fade フェードイン/アウト実験
svgclock1 時計
calendar カレンダー ※要調整
eotsim 均時差シミュ
EquationOfTime 日の出・日の入り計算
svgCircle 円デモ
svgFourierSeries フーリエ級数
svgGraph グラフ
svgGraph2 グラフ2
svgkeyboard1 鍵盤
ezkeyboard1 簡易鍵盤1
ezkeyboard2 簡易鍵盤2
svgSineCurve サインカーブ
atena1 宛名印刷(SVGファイル)
save_svg SVGファイル保存 (Chrome Only)

■WebGL

sample1 背景クリアのみ
sample2 三角ポリゴン
sample2b ワイヤフレーム
sample2c 断片シェイダー
sample3 カメラ移動
sample3b モデル回転
sample3c カメラ移動/ワイヤフレーム
sample4 立方体
sample4b ワイヤフレーム球
sample4c ワイヤフレーム球/大圏
sample4d ワイヤフレーム球/大圏改
sample5 断片シェイダー
diffuse1 拡散反射
specular1 鏡面反射
maze1 迷路
clearmaze 透明迷路
maze2 車迷路
3dmaze 3D迷路
3d2d1 3D & 2D 1
3d2d2 3D & 2D 2
3d2d3 3D & 2D 3
aep1 正距方位図法
cube1 モデル回転
cube2 固定光源
cube3 カメラ移動
cube4 回転光源
cube5 モデル回転+光源移動
cube6 一筆書き立方体
cylinder1 円筒
dice1 テクスチャサイコロ
dice2 サイコロ回転
drawmode1 描画モードサンプル
fisheye3 魚眼レンズ
fov1 視野角テスト
fragment1 断片シェイダーサンプル1
fragment2 断片シェイダーサンプル2
fragment3 断片シェイダーサンプル3
freecam1 自由カメラ1
freecam2 自由カメラ2
freecam3 自由カメラ3
hypercard1 ハイパーカード
instancing1 インスタンシング1
instancing2 インスタンシング2
instancing3 インスタンシング3
line_point1 複数プログラム
mandelbrot マンデルブロ集合
mandelbrot2 マンデルブロ集合2
mandel1 マンデルブロ集合
mandel2 マンデルブロ集合2
multi1 複数モデル
robo1 動くモデル
sphere1 正八面体
sphere2 球体2
sphere3 地球儀+wireframe
sphere4 光源移動
sphere5 地球儀+日照
sphere6 カリング失敗例
sphere7 球体7
sphere8 一筆書きカリング失敗例
sphere9 一筆書き球体
sphere10 球体10
texture1 テクスチャサンプル1
texture2 テクスチャサンプル2
toon1 トゥーンレンダリング
torus1 トーラス
torus2 トーラス+光源
train1 直方体+テクスチャ
train2 列車+線路
train3 鉄道模型
triangle1 三角ポリゴン1
triangle2 三角ポリゴン2
TriangleStrip1 一筆書きテスト
webgl1 テスト1
webgl2 テスト2
webgl3 みちびき軌道
webgl4 gl_Position直接指定
webgl5 透視投影変換
webgl6 平行投影変換
smp04 シャドウマッピング4
smp07a シャドウマッピング7a
smp08 シャドウマッピング8
smp09 シャドウマッピング9
smp202 シャドウマッピング2-2
satellite1 衛星軌道1
satellite2 衛星軌道2
satellite3 衛星軌道3
porttower1 ポートタワー
mirrorball1 ミラーボール衛星1
mirrorball2 ミラーボール衛星2

■WebGL 2

Chrome推奨
gpgpu1 GPGPU
gpgpu2 GPGPU uniform配列
gpgpu3 GPGPU
gpgpu4 マンデルブロ集合
aep 正距方位図法

■サウンド

pipo_gen1 wavファイルのダウンロード Blob → オブジェクトURL
pipo_gen2 pipo.wav generator
data_url データURL → Fetch API
object_url File → オブジェクトURL、FileReader

■Web Audio API

sample1 発振器サンプル1(ボタン)
sample1b 発振器サンプル1(キーボード)
pushphone プッシュホンのような音
check_lr スピーカーLRの確認
channel_merger ChannelMergerNodeサンプル
cmtosc カセットテープ的
formant フォルマント音声合成
formant2 フォルマント音声合成2
formant3 あえうの歌
sample2 発振器タイプ
sample2b 発振器スケジュール
sample3 AudioBufferサンプル
sample3b AudioBufferサンプル(キーボード)
sample3c 任意波形
sample4 AudioBuffer再生レート
sample5 ScriptProcessorNodeサンプル
sample5b 簡易FM音源
sample5c 簡易FM音源・改
loopplay 区間ループ再生(試作)
shortsampling サンプル数比較
fourier オシレータ カスタム波形
psgteki PSG的
psgteki2 PSG的エンベロープ・ジェネレータ
psgteki3 PSG的ノイズ
psg_noise PSGノイズのシミュレート
psg_emu1 PSGのエミュレート1
reset98 PC-98リセット音
noisegen ノイズ発生器
noisegen2 ホワイト/ピンクノイズ
fcnoise FC風ノイズ
SoundTest1 LR確認
analyser 波形分析描画
analyser2 時間領域・周波数・自己相関
speana スペクトル分析
playfile wavファイル再生<audio>
playfile2 mp3ファイル再生(Fetch API)
playfile3 mp3ファイル再生/音階
ezfm 簡易FM音源
ezfm2 簡易FM音源2
audio1 動作テスト1
audio3 動作テスト3
svgkeyboard2 簡易鍵盤(単音)
svgkeyboard3 簡易鍵盤(和音)
svgkeyboard4 簡易鍵盤4 平均律/純正律
ezkeyboard2 簡易鍵盤
ezkeyboard2b 簡易鍵盤/発振器
ezkeyboard3 簡易FM音源鍵盤
ezkeyboard4 1ch 4op FM音源
ezkeyboard22 複列簡易鍵盤
ezkeyboard22b 複列簡易鍵盤・改
ezkeyboard23 簡易鍵盤 ハープシコード風
ezkeyboard23b 簡易鍵盤 オシレータ+ゲイン
ezkeyboard31 簡易鍵盤 オシレータ
ezkeyboard32 簡易鍵盤 記録・再生
ezkeyboard32b 簡易鍵盤 記録・再生(複列)
mmlplay MML演奏(簡易FM)
mmlplay1 AudioBufferサンプル
mmlplay2 MML演奏(簡易PSG)
piro ピロピロ音
spacesound 効果音
mic1 マイクテスト1 ※Edgeのみ
mic2 マイクテスト2

■soundfont

soundfont1 mp3再生
soundfont1b 様々な楽器のmp3再生
soundfont2 Base64再生
soundfont3 キーボード演奏
soundfont3b 打楽器の試聴
soundfont4 MIDI風演奏
soundfont5b 128楽器の試聴
soundfont5c 128楽器の試聴2
soundfont6 遅延読み込み
soundfont6b 事前読み込み
soundfont7 サンバホイッスル
soundfont7b サンバホイッスル演奏

■abcjs

abcjs1 簡単な使い方
abcjs2 エディタ

■Web MIDI API

現時点でサポートしているのはGoogle Chrome、Operaで、標準状態のWindows 10ではMIDI出力が0の模様。
midicheck 動作チェック
midi MIDIテスト ※要調整

■Web Speech API

sample1 サンプル1
sample2 サンプル2

■文字コード

ucview 文字コード表示
ucview2 文字コード表示 改行版
jis_kanji_code JIS漢字コード表 ※Chrome推奨
textdec_sample TextDecoderサンプル ※Chrome推奨
kuten_sjis 区点-SJIS変換
str-uni 文字コード表示 Unicode
str-utf16 文字コード表示 UTF-16
sjis_u8.txt Shift_JIS Unicode 対応表
uni_u8.txt Unicode Shift_JIS 対応表
itaiji_sel 異体字セレクタ サンプル
mathconv 英数字を数学用記号に変換
textenc TextEncoderサンプル ※Edge不可
textdec TextDecoderサンプル ※Edge不可
textdec2 SJIS Unicode 対応表 ※Edge不可
utos Unicode SJIS 対応表
jtos JIS SJIS 対応表
stoj SJIS JIS 対応表
utf16table UTF-16テーブル
unitable2 Unicodeテーブル 小分け版
unitable Unicodeテーブル
jistable JIS X 0208コード表
sjistable Shift_JIS(CP932)コード表
sjistable2 SJIS UTF-16 対応表
sjisplot SJIS Unicode プロット
ansifile ANSIファイル作成
genjis JISテーブル・ジェネレータ
chksjis ラウンドトリップ変換チェック
unifile Unicodeファイル作成
genuni Unicodeテーブル・ジェネレータ
gengou_checker 元号チェッカー
font_fdfd (U+FDFD)のあるフォント一覧
marlett Marlettフォントのサンプル
gamefonts ゲームに使えそうなフォントサンプル
fontlist フォント一覧
noto_sample Notoフォントのサンプル
orbitron_clock Webフォントのサンプル
7seg_clock Webフォントのサンプル(自作)
7seg_clock2 Webフォントのサンプル(自作2)
ivs_demo 異体字(IVS)デモ
ttfview TTF View(作りかけ)

■数学

choufuku 重複組合せ
sagitta 矢高(円弧の高さ)
nadachu 標高と日の出時間
bisection 二分法
newton ニュートン・ラフソン法
newton2 除算
fourier_transform フーリエ変換の実験
ftana フーリエ変換による周波数分析
fft 高速フーリエ変換(FFT)
autocorrelation 自己相関
autocorrelation2 自己相関2

■物理

gravity 重力加速度
planet 惑星軌道
planet2 惑星軌道2
ball-wall1 ボールと壁1
ball-wall2 ボールと壁2
ball-ball ボールとボール

■天文

kepler1 グラフ:ケプラーの方程式
kepler2 計算:解法(ニュートン法)
kepler3 グラフ:ケプラーの方程式/解法
kepler4 アニメ:楕円軌道
daynight 簡易昼夜時間計算
planisphere 星座早見盤
geostationary_orbit 静止軌道

■任意精度演算

bigint1 10進整数サンプル1
tigercalc タイガー計算機
fixedint1 固定長整数
fixedint2 固定長整数(除算)
fixeddec 固定小数点
fixeddec2 固定小数点(除算)
mandelbrot マンデルブロ集合

■試作

tab2spc タブ・スペース変換
dotline1 点と線1
dotline2 点と線2
dotline3 点と線3
dotcircle1 点と円1
dotcircle2 点と円2
dotcircle3 点と円3
editgraph テキスト差分
maze1 迷路(穴開け法)1
maze2 迷路(穴開け法)2
yawpitchroll1 yaw pitch roll 1
yawpitchroll2 yaw pitch roll 2
bigint1 任意精度演算サンプル1
mandelbrot マンデルブロ集合
mandel3 マンデルブロ集合3
disz80 逆アセンブラ
game1 ゲームベース1
game2 ゲームベース2
river1 川下りゲーム
waveform2 FM音源波形 2op
waveform4 FM音源波形 4op
waveform 差分最小化サンプル
wavefile wavファイル作成
wavefile2 wavファイル作成 マルチch
chargen キャラクタジェネレータ画像(chargen.png)作成
scredit OldPC風スクリーンエディタ
canvasperf putImageData 速度テスト
bmpmem2 ビットマップファイルのメモリ展開
t88view T88ファイルのフォーマット表示
t88make バイナリ→T88ファイル作成
t88play T88ファイルを再生してみる
masm611 MASM611 decomp サンプル
perlin 3次元パーリンノイズ
perlin2 パーリンノイズ・デモ
perlin3 パーリンノイズ・グラフ
perlin_gl パーリンノイズ・デモ (WebGL 2.0)
colorcircle 簡易色相環
colorcircle2 簡易色相環 HSV→RGB簡略化
wordcount UTF-8ファイルの文字コード使用頻度
wav_view 波形データのスクロール表示
wav_view2 波形データと自己相関
wav_view3 波形データと自己相関(ファイル読み込み)
dither 誤差拡散2値画像 (Sierra Lite)
dither2 誤差拡散デジタル8色画像 (Sierra Lite)

■応用

mml2smf MML(Music Macro Language)→SMF(Standard MIDI File)
wavgraph1 wavファイルグラフ表示
scroll1 スクロールバー習作
eot1 均時差1
eot2 均時差2
eot3 日の出入り
eot4 日照世界地図
typewriter タイプライター
wasm_code wasmファイルをJavaScript用コードにする