実験室 AnimateCCで 傾きセンサーを使った“ブロック崩し” を作ってみるよ！[DeviceOrientation] HTML5 Canvas入門（スマホ対応）CreateJS
傾けて操作する “ブロック崩し” を作ってみるよ！
Adobe Animate CC のHTML5 Canvas でスマホの傾きセンサーをつかったアプリが作れることがわかったので、サンプルを作ってみました。
↓完成したサンプルです↓
...
実験室
実験室 
オリジナルゲーム アノフリック anofric【webゲーム】オリジナル・パズルゲーム作りました【高難易パズル・頭の体操】Animate CC CreateJS JavaScript HTML5 Canvas
オリジナルゲーム「アノフリック anofric」
本格的オリジナルwebゲームが完成しました。かなり難易度の高いパズルゲームです。ルールは単純だけど…むずかしいですよ〜！
初めての方はコチラ↓の『入門レベル』をガイドに沿って５つ解いてみ...
実験室 AnimateCCで “箱入り娘” を作ってみるよ！[フレームアクションの書き方][データ保存localStorage][時間Date] HTML5 Canvas入門（スマホ対応webゲーム）CreateJS
Animate CC で “箱入り娘” のサンプルを作ってみるよ！
いよいよ本格的（っぽい）webゲームを作ってみましょう。ということで日本の伝統パズル「箱入り娘」に挑戦です。
↓完成したサンプルです↓
タップすると画面に表示されます...
実験室 AnimateCCで “ブロック崩し” を作ってみるよ！[ドラッグ操作pressmove] [当たり判定hitTest] [子の追加addChild] [ムービークリップの幅高さnominalBounds] HTML5 Canvas入門（スマホ対応）CreateJS
Animate CC で “ブロック崩し” のサンプルを作ってみるよ！
今回はゲーム作りです。いくつも動く要素があって、状況が刻一刻と変化するwebアプリを作りましょう。
↓完成したサンプルです↓
タップすると画面に表示されます
0...
実験室 AnimateCCでピアノを作ってみるよ！ [変数var] [繰り返し処理for文] [連想配列Object] [配列Array] HTML5 Canvas入門（スマホ対応）CreateJS
Adobe Animate CC で ピアノ鍵盤 のサンプルを作ってみるよ！
今回は“鍵盤”ということで、いくつも並んでる同じようなボタンをそれぞれ同じように動かすという課題です。
ただし、同じような…と言ってもドの鍵盤では“ド”の...
実験室 AnimateCCで作ってみるよ！タイムライン貼り付けた音をボタンをクリックして鳴らす HTML5 Canvas入門（スマホ対応）
Adobe Animate CC で音を鳴らすサンプルを作ってみるよ！
今回はメインタイムラインに音声を配置して、フレーム移動（gotoAndPlay）を使ってクリックしたら音が鳴るムービーを作ってみるよ！
音を鳴らすサン...
大人のための絶対音感への道 大人のための“絶対音感”養成ソフト 音感トレーナー【スマホ対応】ダウンロード不要、アクセスするだけで始められる耳トレアプリ
音感養成ソフトを作りました。ランダムに鳴る音を聴いてドレミを当ててください。とりあえず鍵盤を３つ以上選んで「トレーニングをはじめる」をタップしてみましょう。
↓お試しください↓
音感トレーナー ver.20181206
【...
実験室 Adobe Animater CC で作った HTML5 Canvas をワードプレスに貼り付けてiOSで暗くなるのを回避しました（テスト３）
画面をタップしても暗くならない！
Adobe Animate CC で作った HTML5 Canvas を<iframe>タグでワードプレスに貼り付けたら画面をタップする度に画面が暗くなってうっとうしい事になっていると...
実験室 Adobe Animater CC で作った HTML5 Canvas をワードプレスに貼り付けてiOSで見ると、タップの度に画面が暗くなる（テスト２）
画面をタップすると暗くなる
この問題、とりあえず解決しました！
説明のため、動画を撮影してみました
先日、Adobe Animate CC で HTML5 Canvas でパブリッシュした HTML を、ifameタグを使...
実験室 Animate CC で作った HTML5 Canvas をワードプレスに貼り付ける（ちょっとテスト）
HTML5 Canvas TEST
実験です
Adobe Animate CC で HTML5 Canvas というブラウザで動くインタラクティブコンテンツを作るテストをしてみます。
【html5canvas-test.html...